/*
Theme Name: NL Header Theme V3
Author: OpenAI
Version: 1.3
Text Domain: nl-header-theme-v3
*/

:root{
  --accent:#920dad;
  --bg:#efefef;
  --text:#111;
  --muted:#666;
  --line:#dedede;
  --search:#20b7a2;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family: Tahoma, Arial, sans-serif;
  direction: rtl;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none;margin:0;padding:0}

.site-topbar{
  background:var(--accent);
}
.site-wrap{
  max-width: 1780px;
  margin: 0 auto;
}
.topbar-inner{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
}
.topbar-menu{
  display:flex;
  align-items:center;
  gap:54px;
  flex-wrap:wrap;
}
.topbar-menu li a{
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:1.2;
  display:block;
  padding:8px 0;
}

.header-main{
  background:#fff;
  border-bottom:1px solid var(--line);
}
.header-inner{
  max-width: 1780px;
  margin:0 auto;
  min-height:166px;
  display:grid;
  grid-template-columns: 120px 1fr 360px; /* search | nav | logo */
  align-items:center;
  gap:20px;
  padding:0 22px;
  direction:ltr; /* desktop: logo left visually */
}

.header-search{
  justify-self:start;
}
.search-button,
.menu-toggle{
  width:76px;
  height:76px;
  border:2px solid var(--search);
  border-radius:8px;
  background:#fff;
  color:var(--search);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.search-button svg,
.menu-toggle svg{
  width:34px;
  height:34px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
}

.site-logo{
  justify-self:start;
}
.site-logo img{
  max-height:90px;
  width:auto;
}
.site-logo .logo-text{
  font-size:34px;
  font-weight:700;
}

.primary-nav{
  justify-self:center;
  width:100%;
}
.primary-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:42px;
  flex-wrap:wrap;
}
.primary-menu > li{
  position:relative;
}
.primary-menu > li > a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 0;
  font-size:24px;
  font-weight:600; /* lighter than before */
  line-height:1.25;
  white-space:nowrap;
  direction:rtl;
}
.primary-menu .menu-item-has-children > a:after{
  content:"";
  width:8px;
  height:8px;
  border-left:2px solid #777;
  border-bottom:2px solid #777;
  transform:rotate(-45deg);
  margin-top:-3px;
}
.primary-menu .sub-menu{
  display:none;
}

.mobile-header,
.mobile-menu-panel{
  display:none;
}

.page-note{
  max-width: 1640px;
  margin: 30px auto;
  background:#f7f7f7;
  border:1px dashed #d7d7d7;
  color:#6b6b6b;
  border-radius:28px;
  min-height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  font-size:18px;
}

@media (max-width: 980px){
  .desktop-only{display:none !important}
  .mobile-header{
    display:block;
    background:#fff;
    border-bottom:1px solid var(--line);
  }
  .mobile-header-inner{
    min-height:124px;
    display:grid;
    grid-template-columns:76px 1fr 76px; /* search left, logo center, menu right */
    align-items:center;
    gap:12px;
    padding:0 22px;
    direction:ltr;
  }
  .mobile-search{justify-self:start}
  .mobile-logo{justify-self:center}
  .mobile-logo img{max-height:72px;width:auto}
  .mobile-toggle{justify-self:end}
  .page-note{
    min-height:165px;
    margin:26px 20px;
    border-radius:22px;
    font-size:16px;
    line-height:1.9;
  }
  .site-topbar{display:none}
}