/* Nobal Sanat — site header. Scoped under .nsc-hd. v1.0.0 */

.nsc-hd{
  --h-bg:#111418; --h-bg2:#171B21; --h-line:#E7ECF2; --h-dim:#5A6673;
  --h-rule:#272D35; --h-acc:#FFC61E; --h-hud:#AEB8C4;
  position:sticky; top:var(--h-top,0px); z-index:998;
  background:var(--h-bg); color:var(--h-line);
  font-family:"Vazirmatn","IRANSans",Tahoma,sans-serif;
  line-height:1.6;
  border-bottom:1px solid var(--h-rule);
}
.nsc-hd[data-lang="en"]{font-family:"IBM Plex Sans",system-ui,sans-serif}
.admin-bar .nsc-hd{--h-top:32px}
@media (max-width:782px){ .admin-bar .nsc-hd{--h-top:46px} }
.nsc-hd *,.nsc-hd *::before,.nsc-hd *::after{box-sizing:border-box}
.nsc-hd a{text-decoration:none;color:inherit}
.nsc-hd ul{list-style:none;margin:0;padding:0}
.nsc-hd button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.nsc-hd :focus-visible{outline:2px solid var(--h-acc);outline-offset:2px}

/* ---------- utility strip ---------- */
.nsc-hd__util{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  height:38px;padding-inline:clamp(14px,3vw,40px);
  border-bottom:1px solid var(--h-rule);
  font-size:12.5px;color:var(--h-hud);
  overflow:hidden;
}
.nsc-hd__tag{display:flex;align-items:center;gap:12px;min-width:0}
.nsc-hd__tag b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nsc-hd__tag span{color:var(--h-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nsc-hd__tag i{width:1px;height:13px;background:var(--h-rule);flex:none;font-style:normal}
.nsc-hd__quick{display:flex;align-items:center;gap:18px;flex:none}
.nsc-hd__quick a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.nsc-hd__quick a:hover{color:var(--h-line)}
.nsc-hd__quick svg{flex:none;opacity:.8}
.nsc-hd__tel{font-family:"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.05em;color:var(--h-acc)}
@media (max-width:1180px){ .nsc-hd__tag span,.nsc-hd__tag i{display:none} }
@media (max-width:700px){ .nsc-hd__tag{display:none} .nsc-hd__util{justify-content:flex-end} }

/* ---------- main bar ---------- */
.nsc-hd__bar{
  display:flex;align-items:center;gap:clamp(14px,2.2vw,32px);
  height:96px;padding-inline:clamp(14px,3vw,40px);
  transition:height .22s ease;
}
.nsc-hd__logo{flex:none;display:flex;align-items:center}
.nsc-hd__logo img{display:block;height:74px;width:auto;transition:height .22s ease}
.nsc-hd__nav{flex:1 1 auto;min-width:0;align-self:stretch}
.nsc-hd__actions{flex:none;display:flex;align-items:center;gap:10px}

.nsc-hd.is-stuck .nsc-hd__util{display:none}
.nsc-hd.is-stuck .nsc-hd__bar{height:64px}
.nsc-hd.is-stuck .nsc-hd__logo img{height:46px}

/* ---------- desktop nav ---------- */
.nsc-hd__menu{display:flex;align-items:stretch;height:100%;gap:clamp(6px,1.5vw,24px)}
.nsc-hd__li{position:relative;display:flex;align-items:center}
.nsc-hd__link{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 2px;font-size:14.5px;font-weight:500;color:var(--h-line);
  border-bottom:2px solid transparent;white-space:nowrap;transition:.18s ease;
}
.nsc-hd__li:hover>.nsc-hd__link,
.nsc-hd__li:focus-within>.nsc-hd__link,
.nsc-hd__li.is-current>.nsc-hd__link{border-bottom-color:var(--h-acc)}
.nsc-hd__link svg{opacity:.55;transition:transform .18s ease}
.nsc-hd__li:hover>.nsc-hd__link svg,
.nsc-hd__li:focus-within>.nsc-hd__link svg{transform:rotate(180deg);opacity:1}

/* simple dropdown */
.nsc-hd__sub{
  position:absolute;top:100%;inset-inline-start:-14px;
  min-width:210px;padding:8px 0;
  background:var(--h-bg2);border:1px solid var(--h-rule);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.nsc-hd__li:hover>.nsc-hd__sub,
.nsc-hd__li:focus-within>.nsc-hd__sub{opacity:1;visibility:visible;transform:none}
.nsc-hd__sub a{display:block;padding:9px 18px;font-size:13.5px;color:var(--h-hud);border-inline-start:2px solid transparent}
.nsc-hd__sub a:hover,.nsc-hd__sub a:focus{color:var(--h-line);border-inline-start-color:var(--h-acc);background:rgba(255,255,255,.03)}

/* mega panel — full width of the header */
/* a mega item must NOT be the containing block: the panel spans the whole header */
.nsc-hd__li--mega{position:static}
.nsc-hd__mega{
  position:absolute;inset-inline:0;top:100%;
  background:var(--h-bg2);border-top:1px solid var(--h-rule);border-bottom:1px solid var(--h-rule);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.nsc-hd__li:hover>.nsc-hd__mega,
.nsc-hd__li:focus-within>.nsc-hd__mega{opacity:1;visibility:visible;transform:none}
.nsc-hd__mega-in{
  max-width:1240px;margin:0 auto;
  padding-block:26px 30px;padding-inline:clamp(14px,3vw,40px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px 30px;
}
.nsc-hd__coltitle{
  display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10px;letter-spacing:.18em;color:var(--h-dim);
  padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--h-rule);
}
.nsc-hd[data-lang="fa"] .nsc-hd__coltitle,
.nsc-hd[data-lang="ar"] .nsc-hd__coltitle{font-family:"Vazirmatn",Tahoma,sans-serif;font-size:12px;letter-spacing:0;font-weight:700;color:var(--h-acc)}
.nsc-hd__col a{display:block;padding:6px 0;font-size:13.5px;color:var(--h-hud)}
.nsc-hd__col a:hover,.nsc-hd__col a:focus{color:var(--h-acc)}

/* ---------- language + call to action ---------- */
.nsc-hd__langs{display:flex;gap:4px}
.nsc-hd__lang{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:11px;letter-spacing:.06em;line-height:1;
  padding:6px 9px;border:1px solid transparent;border-radius:2px;color:var(--h-dim);
  transition:.18s ease;
}
.nsc-hd__lang:hover{color:var(--h-line)}
.nsc-hd__lang.is-on{background:var(--h-acc);border-color:var(--h-acc);color:#141414}
.nsc-hd__cta{
  display:inline-block;background:var(--h-acc);color:#141414;
  font-size:13.5px;font-weight:700;padding:11px 18px;border-radius:2px;
  white-space:nowrap;transition:filter .18s ease;
}
.nsc-hd__cta:hover,.nsc-hd__cta:focus{filter:brightness(1.1);color:#141414}

/* ---------- burger + drawer ---------- */
.nsc-hd__burger{
  display:none;flex:none;width:44px;height:44px;
  align-items:center;justify-content:center;
  border:1px solid var(--h-rule);border-radius:2px;
}
.nsc-hd__burger span{display:block;width:20px;height:2px;background:var(--h-line);position:relative}
.nsc-hd__burger span::before,.nsc-hd__burger span::after{
  content:"";position:absolute;left:0;width:20px;height:2px;background:var(--h-line);transition:.2s ease;
}
.nsc-hd__burger span::before{top:-6px}
.nsc-hd__burger span::after{top:6px}
.nsc-hd__burger[aria-expanded="true"] span{background:transparent}
.nsc-hd__burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nsc-hd__burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

.nsc-hd__drawer{display:none}

@media (max-width:1100px){
  .nsc-hd__nav,.nsc-hd__actions .nsc-hd__cta{display:none}
  .nsc-hd__burger{display:flex}
  .nsc-hd__bar{height:76px;gap:12px;justify-content:space-between}
  .nsc-hd__logo img{height:54px}
  .nsc-hd.is-stuck .nsc-hd__bar{height:62px}
  .nsc-hd.is-stuck .nsc-hd__logo img{height:44px}
  .nsc-hd__actions{margin-inline-start:auto}

  .nsc-hd__drawer{
    display:block;position:fixed;inset-inline:0;
    top:var(--h-bot,114px);bottom:0;
    background:var(--h-bg);border-top:1px solid var(--h-rule);
    overflow-y:auto;overscroll-behavior:contain;
    padding-block:8px 40px;padding-inline:clamp(14px,4vw,28px);
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    z-index:997;
  }
  .nsc-hd.is-open .nsc-hd__drawer{opacity:1;visibility:visible;transform:none}
}

.nsc-hd__drow{border-bottom:1px solid var(--h-rule)}
.nsc-hd__drow>a,.nsc-hd__dtop{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;padding:15px 2px;font-size:15px;font-weight:500;text-align:start;
}
.nsc-hd__dtop svg{flex:none;opacity:.6;transition:transform .2s ease}
.nsc-hd__dtop[aria-expanded="true"] svg{transform:rotate(180deg);opacity:1}
.nsc-hd__dtop[aria-expanded="true"]{color:var(--h-acc)}
.nsc-hd__dsub{padding-block:2px 12px;padding-inline-start:12px;border-inline-start:1px solid var(--h-rule);margin-inline-start:2px}
.nsc-hd__dsub a{display:block;padding:9px 0;font-size:13.5px;color:var(--h-hud)}
.nsc-hd__dsub a:hover{color:var(--h-acc)}
.nsc-hd__dgroup{
  display:block;margin-top:10px;font-size:12px;font-weight:700;color:var(--h-acc);
}
.nsc-hd__dfoot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.nsc-hd__dfoot .nsc-hd__cta{display:inline-block;flex:1 1 auto;text-align:center}
.nsc-hd__dcontact{display:flex;flex-direction:column;gap:12px;margin-top:20px;font-size:14px;color:var(--h-hud)}
.nsc-hd__dcontact a{display:inline-flex;align-items:center;gap:9px}

@media (prefers-reduced-motion:reduce){
  .nsc-hd *{transition-duration:.01ms !important}
}