
#axon-global-header{
  --color-primary:#7049BA;--color-primary-600:#5a3a96;--color-primary-100:#efe9fa;
  --color-secondary:#9C6ADE;--color-accent:#FFB03A;--color-accent-600:#e0932a;
  --color-success:#22C55E;--color-bg:#F7FAFC;--color-dark:#0F172A;
  --color-text:#334155;--color-text-soft:#64748B;--color-white:#FFFFFF;
  --radius-sm:8px;--radius-md:16px;--radius-lg:24px;
  --shadow-1:0 2px 10px rgba(15,23,42,.06);--shadow-2:0 16px 40px -12px rgba(15,23,42,.16);
  --shadow-accent:0 18px 44px -14px rgba(0,91,172,.35);
  --container:1320px;--gutter:clamp(20px,5vw,64px);
  --ease:cubic-bezier(.22,1,.36,1);
  --font-body:'Vazirmatn','IRANSansX','Yekan Bakh',Tahoma,system-ui,sans-serif;
  font-family:var(--font-body);
  direction:rtl;
}
#axon-global-header,
#axon-global-header *,
#axon-global-header *::before,
#axon-global-header *::after{box-sizing:border-box;}
#axon-global-header ul{list-style:none;margin:0;padding:0;}
#axon-global-header a{color:inherit;text-decoration:none;}
#axon-global-header img,#axon-global-header svg{display:block;max-width:100%;}
#axon-global-header button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;}
#axon-global-header input{font:inherit;color:inherit;}
#axon-global-header :focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px;border-radius:4px;}

@media (prefers-reduced-motion: reduce){
  #axon-global-header *,#axon-global-header *::before,#axon-global-header *::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
}

#axon-global-header .axc-icon{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#axon-global-header .axc-container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}

#axon-global-header .axc-btn{
  display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;
  font-weight:700;font-size:.98rem;white-space:nowrap;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease),color .35s var(--ease);
}
#axon-global-header .axc-btn svg{width:18px;height:18px;flex:none;}
#axon-global-header .axc-btn--primary{background:var(--color-accent);color:#1c1300;box-shadow:var(--shadow-accent);}
#axon-global-header .axc-btn--primary:hover{transform:translateY(-3px);background:var(--color-accent-600);}
#axon-global-header .axc-btn--ghost{background:transparent;border:1.5px solid rgba(15,23,42,.14);color:var(--color-dark);}
#axon-global-header .axc-btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px);}
#axon-global-header .axc-btn--sm{padding:10px 20px;font-size:.86rem;}
#axon-global-header .axc-btn--block{width:100%;justify-content:center;}

/* ---------- Skip link (accessibility) ---------- */
#axon-global-header .axc-skiplink{
  position:fixed;top:-60px;right:16px;z-index:200;background:var(--color-dark);color:#fff;
  padding:12px 20px;border-radius:0 0 10px 10px;font-weight:700;font-size:.85rem;transition:top .25s var(--ease);
}
#axon-global-header .axc-skiplink:focus{top:0;}

/* ---------- Topbar ---------- */
#axon-global-header .axc-topbar{
  background:var(--color-dark);color:#94a3b8;font-size:.82rem;padding-block:9px;position:relative;z-index:60;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
  border-bottom:1px solid transparent;
}
#axon-global-header .axc-topbar .axc-container{display:flex;align-items:center;justify-content:space-between;gap:20px;}
#axon-global-header .axc-topbar__contacts{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
#axon-global-header .axc-topbar__contacts a{display:inline-flex;align-items:center;gap:6px;transition:color .25s;color:inherit;}
#axon-global-header .axc-topbar__contacts a:hover{color:var(--color-secondary);}
#axon-global-header .axc-topbar__contacts svg{width:14px;height:14px;}
#axon-global-header .axc-topbar__right{display:flex;align-items:center;gap:16px;}
#axon-global-header .axc-topbar__channels{display:flex;align-items:center;gap:10px;}
#axon-global-header .axc-topbar__channels a{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;transition:background .25s,transform .25s;color:inherit;}
#axon-global-header .axc-topbar__channels a:hover{background:var(--color-secondary);color:#fff;transform:translateY(-2px);}
#axon-global-header .axc-topbar__channels svg{width:13px;height:13px;}

#axon-global-header .axc-headwrap.is-scrolled .axc-topbar{background:rgba(247,250,252,.78);color:var(--color-text-soft);border-bottom-color:rgba(15,23,42,.06);}
#axon-global-header .axc-headwrap.is-scrolled .axc-topbar__channels a{background:rgba(15,23,42,.05);}
#axon-global-header .axc-headwrap.is-scrolled .axc-topbar__channels a:hover{background:var(--color-primary);color:#fff;}

/* Sticky wrapper — topbar + header stay together, never collapsed/hidden on scroll */
#axon-global-header .axc-headwrap{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .4s var(--ease),box-shadow .4s var(--ease);}
#axon-global-header .axc-headwrap.is-scrolled{background:rgba(247,250,252,.78);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 1px 0 rgba(15,23,42,.06),0 12px 30px -18px rgba(15,23,42,.25);}
#axon-global-header .axc-headwrap .axc-topbar{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);}

#axon-global-header .axc-header{background:transparent;}
#axon-global-header .axc-header .axc-container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;transition:padding .4s var(--ease);}
#axon-global-header .axc-headwrap.is-scrolled .axc-header .axc-container{padding-block:13px;}

#axon-global-header .axc-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:var(--color-dark);flex:none;}
#axon-global-header .axc-logo span{display:block;}
#axon-global-header .axc-logo small{display:block;font-size:.62rem;font-weight:600;color:var(--color-text-soft);letter-spacing:.02em;}
#axon-global-header .axc-logo__mark{width:38px;height:38px;flex:none;object-fit:contain;border-radius:8px;}

#axon-global-header .axc-nav{display:flex;align-items:center;gap:2px;}
#axon-global-header .axc-nav > li{position:relative;}
#axon-global-header .axc-nav > li > a,
#axon-global-header .axc-nav > li > button{
  display:flex;align-items:center;gap:5px;white-space:nowrap;padding:10px 13px;font-weight:600;font-size:.92rem;
  color:var(--color-dark);border-radius:999px;position:relative;
}
#axon-global-header .axc-nav > li > a::after{
  content:"";position:absolute;right:16px;left:16px;bottom:5px;height:2px;background:var(--color-primary);
  transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease);
}
#axon-global-header .axc-nav > li > a:hover::after,
#axon-global-header .axc-nav > li.is-active > a::after{transform:scaleX(1);}
#axon-global-header .axc-nav > li > button svg{width:13px;height:13px;transition:transform .3s var(--ease);}
#axon-global-header .axc-nav > li:hover > button svg{transform:rotate(180deg);}

#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-nav > li > a,
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-nav > li > button,
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-logo,
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-logo small{color:#fff;}
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-nav > li > a::after{background:var(--color-accent);}
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-iconbtn,
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-burger{background:rgba(255,255,255,.14);color:#fff;}
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-header__actions .axc-btn--ghost{border-color:rgba(255,255,255,.4);color:#fff;}
#axon-global-header .axc-headwrap:not(.is-scrolled) .axc-header__actions .axc-btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);}

/* Homepage hero is dark, so header starts transparent-over-hero only there. On every other
   (non-Homepage) page there is no dark hero behind it, so the header defaults to its solid/light
   state — data-axon-solid is added by JS on any page that lacks a #hero element (see script below). */
#axon-global-header .axc-headwrap[data-axon-solid] .axc-topbar,
#axon-global-header .axc-headwrap[data-axon-solid]{background:rgba(247,250,252,.96);}
#axon-global-header .axc-headwrap[data-axon-solid] .axc-nav > li > a,
#axon-global-header .axc-headwrap[data-axon-solid] .axc-nav > li > button,
#axon-global-header .axc-headwrap[data-axon-solid] .axc-logo,
#axon-global-header .axc-headwrap[data-axon-solid] .axc-logo small{color:var(--color-dark);}
#axon-global-header .axc-headwrap[data-axon-solid] .axc-iconbtn,
#axon-global-header .axc-headwrap[data-axon-solid] .axc-burger{background:rgba(15,23,42,.05);color:var(--color-dark);}
#axon-global-header .axc-headwrap[data-axon-solid] .axc-header__actions .axc-btn--ghost{border-color:rgba(15,23,42,.14);color:var(--color-dark);}

#axon-global-header .axc-mega{
  position:absolute;top:calc(100% + 14px);right:50%;transform:translateX(50%) translateY(8px);
  width:min(760px,86vw);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-2);
  padding:26px;display:grid;grid-template-columns:1.1fr 1fr;gap:8px 28px;opacity:0;pointer-events:none;
  transition:opacity .28s var(--ease),transform .28s var(--ease);border:1px solid rgba(15,23,42,.06);color:var(--color-text);
}
#axon-global-header .axc-nav > li:hover .axc-mega,
#axon-global-header .axc-nav > li:focus-within .axc-mega,
#axon-global-header .axc-nav > li.is-mega-open .axc-mega{opacity:1;pointer-events:auto;transform:translateX(50%) translateY(0);}
#axon-global-header .axc-mega__col p{font-size:.72rem;font-weight:700;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
#axon-global-header .axc-mega__col a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--color-text);transition:background .2s,color .2s;}
#axon-global-header .axc-mega__col a:hover{background:var(--color-bg);color:var(--color-primary);}
#axon-global-header .axc-mega__col a svg{width:16px;height:16px;color:var(--color-primary);flex:none;}

#axon-global-header .axc-header__actions{display:flex;align-items:center;gap:10px;flex:none;}
#axon-global-header .axc-iconbtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.05);transition:background .25s;flex:none;}
#axon-global-header .axc-iconbtn:hover{background:var(--color-primary-100);color:var(--color-primary);}
#axon-global-header .axc-iconbtn svg{width:18px;height:18px;}
#axon-global-header .axc-burger{display:none;width:42px;height:42px;border-radius:50%;background:rgba(15,23,42,.05);place-items:center;flex:none;}
#axon-global-header .axc-burger svg{width:20px;height:20px;}

@media (max-width:980px){
  #axon-global-header .axc-nav{display:none;}
  #axon-global-header .axc-burger{display:grid;}
  #axon-global-header .axc-header__actions .axc-btn--ghost{display:none;}
  #axon-global-header .axc-topbar__contacts a:not(:first-child),
  #axon-global-header .axc-topbar__contacts span{display:none;}
  #axon-global-header .axc-topbar .axc-container{gap:10px;}
}
@media (max-width:480px){#axon-global-header .axc-topbar{font-size:.76rem;}}

/* ---------- Mobile drawer ---------- */
#axon-global-header .axc-drawer{position:fixed;inset:0;z-index:90;visibility:hidden;}
#axon-global-header .axc-drawer.is-open{visibility:visible;}
#axon-global-header .axc-drawer__scrim{position:absolute;inset:0;background:rgba(15,23,42,.55);opacity:0;transition:opacity .35s var(--ease);}
#axon-global-header .axc-drawer.is-open .axc-drawer__scrim{opacity:1;}
#axon-global-header .axc-drawer__panel{
  position:absolute;top:0;bottom:0;right:0;width:min(320px,84vw);background:var(--color-white);padding:26px 24px;
  overflow-y:auto;transform:translateX(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;gap:22px;color:var(--color-text);
}
#axon-global-header .axc-drawer.is-open .axc-drawer__panel{transform:translateX(0);}
#axon-global-header .axc-drawer__top{display:flex;align-items:center;justify-content:space-between;}
#axon-global-header .axc-drawer nav ul{display:flex;flex-direction:column;gap:2px;}
#axon-global-header .axc-drawer nav a{display:block;padding:13px 6px;font-weight:700;border-bottom:1px solid rgba(15,23,42,.06);color:var(--color-dark);}
#axon-global-header .axc-drawer__contacts{display:flex;flex-direction:column;gap:10px;font-size:.9rem;color:var(--color-text-soft);}
#axon-global-header .axc-drawer__contacts a{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-primary);}

/* ---------- Search modal — WordPress-native GET search (?s=) ---------- */
#axon-global-header .axc-search{position:fixed;inset:0;z-index:95;visibility:hidden;}
#axon-global-header .axc-search.is-open{visibility:visible;}
#axon-global-header .axc-search__scrim{position:absolute;inset:0;background:rgba(15,23,42,.6);opacity:0;transition:opacity .3s var(--ease);}
#axon-global-header .axc-search.is-open .axc-search__scrim{opacity:1;}
#axon-global-header .axc-search__panel{
  position:relative;z-index:1;max-width:640px;margin:min(18vh,140px) auto 0;padding-inline:var(--gutter);
  opacity:0;transform:translateY(-14px);transition:opacity .3s var(--ease),transform .3s var(--ease);
}
#axon-global-header .axc-search.is-open .axc-search__panel{opacity:1;transform:translateY(0);}
#axon-global-header .axc-search__form{
  display:flex;align-items:center;gap:10px;background:var(--color-white);border-radius:var(--radius-md);
  box-shadow:var(--shadow-2);padding:10px 10px 10px 18px;
}
#axon-global-header .axc-search__form svg{width:20px;height:20px;color:var(--color-text-soft);flex:none;}
#axon-global-header .axc-search__form input{flex:1;border:none;background:transparent;font-size:1.02rem;padding:10px 4px;color:var(--color-dark);}
#axon-global-header .axc-search__form input:focus{outline:none;}
#axon-global-header .axc-search__close{position:absolute;top:-54px;left:var(--gutter);background:rgba(255,255,255,.14);color:#fff;}
#axon-global-header .axc-search__close:hover{background:rgba(255,255,255,.24);}
#axon-global-header .axc-search__hint{color:#cbd5e1;font-size:.8rem;margin-top:14px;text-align:center;}

/* Global anchor-scroll offset so section headings never hide under the fixed header — applied
   site-wide via :root so it also benefits same-page anchors on the Homepage content. */
:root{--axon-header-h:128px;}
html{scroll-padding-top:var(--axon-header-h,128px);}
section[id]{scroll-margin-top:var(--axon-header-h,128px);}
