/**
 * Fixa Academy — global header/footer shell (site-wide)
 * Scoped to body.fixa-academy-site
 */

body.fixa-academy-site{
  --fx-green:#006b5b;
  --fx-green-soft:#eaf8f3;
  --fx-navy:#0c2034;
  --fx-red:#f15b55;
  --fx-red-dark:#d94842;
  --fx-ink:#17212b;
  --fx-line:#e5eaf0;
  --fx-bg:#f7f9fb;
  --fx-shadow:0 18px 45px rgba(12,32,52,.10);
  font-family:"Yekan Bakh FaNum","Yekan Bakh","Vazirmatn",Tahoma,Arial,sans-serif;
  color:var(--fx-ink);
}

body.fixa-academy-site .fx-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.fixa-academy-site .fx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:11px 22px;border-radius:12px;border:1px solid transparent;font-weight:900;cursor:pointer;transition:.22s ease;white-space:nowrap;text-decoration:none}
body.fixa-academy-site .fx-btn:hover{transform:translateY(-2px)}
body.fixa-academy-site .fx-btn--primary{background:var(--fx-red);color:#fff;box-shadow:0 11px 25px rgba(241,91,85,.25)}
body.fixa-academy-site .fx-btn--primary:hover{background:var(--fx-red-dark)}
body.fixa-academy-site .fx-btn--light{border-color:var(--fx-line);background:#fff;color:var(--fx-navy)}

body.fixa-academy-site .fx-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,234,240,.85)}
body.fixa-academy-site .fx-header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
body.fixa-academy-site .fx-brand{display:flex;align-items:center;gap:12px;min-width:190px;text-decoration:none;color:inherit}
body.fixa-academy-site .fx-brand img{width:112px;max-height:45px;object-fit:contain}
body.fixa-academy-site .fx-brand__label{font-size:12px;font-weight:900;color:var(--fx-red);border-right:1px solid var(--fx-line);padding-right:12px;line-height:1.4}
body.fixa-academy-site .fx-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800;color:#293746}
body.fixa-academy-site .fx-nav>a,
body.fixa-academy-site .fx-nav__item>a{position:relative;padding:26px 0;text-decoration:none;color:inherit;display:inline-flex}
body.fixa-academy-site .fx-nav>a:after,
body.fixa-academy-site .fx-nav__item>a:after{content:"";position:absolute;right:0;left:100%;bottom:16px;height:2px;background:var(--fx-red);transition:.22s}
body.fixa-academy-site .fx-nav>a:hover:after,
body.fixa-academy-site .fx-nav__item:hover>a:after{left:0}
body.fixa-academy-site .fx-nav__item{position:relative}
body.fixa-academy-site .fx-nav__dropdown{
  position:absolute;
  top:calc(100% - 8px);
  right:0;
  min-width:200px;
  background:#fff;
  border:1px solid var(--fx-line);
  border-radius:14px;
  padding:8px;
  box-shadow:var(--fx-shadow);
  display:none;
  z-index:30;
}
body.fixa-academy-site .fx-nav__item:hover > .fx-nav__dropdown,
body.fixa-academy-site .fx-nav__item:focus-within > .fx-nav__dropdown{display:grid;gap:2px}
body.fixa-academy-site .fx-nav__dropdown>a,
body.fixa-academy-site .fx-nav__dropdown-group>a{
  padding:10px 12px;
  border-radius:9px;
  text-decoration:none;
  color:var(--fx-ink);
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}
body.fixa-academy-site .fx-nav__dropdown>a:hover,
body.fixa-academy-site .fx-nav__dropdown-group>a:hover{background:var(--fx-bg);color:var(--fx-red)}
body.fixa-academy-site .fx-nav__dropdown-group{position:relative}
body.fixa-academy-site .fx-nav__dropdown--l3{
  top:0;
  right:calc(100% + 6px);
  left:auto;
}
body.fixa-academy-site .fx-nav__dropdown-group:hover > .fx-nav__dropdown--l3,
body.fixa-academy-site .fx-nav__dropdown-group:focus-within > .fx-nav__dropdown--l3{display:grid}
body.fixa-academy-site .fx-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
body.fixa-academy-site .fx-header__actions .fx-btn{
  min-height:36px;
  padding:7px 14px;
  border-radius:9px;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  box-shadow:none;
  transform:none;
}
body.fixa-academy-site .fx-header__actions .fx-btn:hover{transform:none}
body.fixa-academy-site .fx-header__actions .fx-btn--primary{box-shadow:0 4px 12px rgba(241,91,85,.22)}
body.fixa-academy-site .fx-header__actions .fx-btn--primary:hover{box-shadow:0 6px 16px rgba(241,91,85,.28)}
body.fixa-academy-site .fx-header__actions .fx-btn--light:hover{background:#f7f9fb;border-color:#d5dde6}
body.fixa-academy-site .fx-header__account{
  gap:7px;
  max-width:148px;
}
body.fixa-academy-site .fx-header__account-avatar{
  width:22px;
  height:22px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  display:inline-flex;
}
body.fixa-academy-site .fx-header__account-avatar img{width:100%;height:100%;object-fit:cover;display:block}
body.fixa-academy-site .fx-header__account-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.fixa-academy-site .fx-header__cta-icon{display:none}
body.fixa-academy-site .fx-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  border:1px solid var(--fx-line);
  border-radius:11px;
  background:#fff;
  color:var(--fx-navy);
  cursor:pointer;
  place-items:center;
  padding:0;
  flex:0 0 42px;
}
body.fixa-academy-site .fx-header__burger{
  width:18px;
  height:14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
body.fixa-academy-site .fx-header__burger span{
  display:block;
  height:2px;
  width:100%;
  border-radius:2px;
  background:currentColor;
  transition:transform .28s ease, opacity .2s ease;
}
body.fixa-academy-site .fx-menu-toggle[aria-expanded="true"] .fx-header__burger span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
body.fixa-academy-site .fx-menu-toggle[aria-expanded="true"] .fx-header__burger span:nth-child(2){
  opacity:0;
}
body.fixa-academy-site .fx-menu-toggle[aria-expanded="true"] .fx-header__burger span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

/* Mobile nav drawer */
body.fixa-academy-site .fx-drawer{
  position:fixed;
  inset:0;
  z-index:200;
  pointer-events:none;
}
body.fixa-academy-site .fx-drawer[hidden]{display:none!important}
body.fixa-academy-site .fx-drawer.is-open{pointer-events:auto}
body.fixa-academy-site .fx-drawer__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,19,31,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  opacity:0;
  transition:opacity .28s ease;
  cursor:pointer;
}
body.fixa-academy-site .fx-drawer.is-open .fx-drawer__backdrop{opacity:1}
body.fixa-academy-site .fx-drawer__panel{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:min(320px,86vw);
  background:#fff;
  box-shadow:-18px 0 50px rgba(7,19,31,.18);
  display:flex;
  flex-direction:column;
  transform:translate3d(104%,0,0);
  transition:transform .34s cubic-bezier(.22,1,.36,1);
  padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);
}
body.fixa-academy-site .fx-drawer.is-open .fx-drawer__panel{transform:translate3d(0,0,0)}
body.fixa-academy-site .fx-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 14px;
  border-bottom:1px solid var(--fx-line);
}
body.fixa-academy-site .fx-drawer__brand{display:flex;align-items:center;text-decoration:none}
body.fixa-academy-site .fx-drawer__brand img{height:32px;width:auto;max-width:120px;object-fit:contain}
body.fixa-academy-site .fx-drawer__close{
  width:40px;
  height:40px;
  border:1px solid var(--fx-line);
  border-radius:11px;
  background:#f7f9fb;
  color:var(--fx-navy);
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
}
body.fixa-academy-site .fx-drawer__close:hover{background:#eef2f6}
body.fixa-academy-site .fx-drawer__close svg{width:18px;height:18px;display:block}
body.fixa-academy-site .fx-drawer__nav{
  flex:1 1 auto;
  overflow:auto;
  padding:12px 12px 8px;
  display:flex;
  flex-direction:column;
  gap:4px;
  -webkit-overflow-scrolling:touch;
}
body.fixa-academy-site .fx-drawer__leaf,
body.fixa-academy-site .fx-drawer__link-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:12px;
  font-size:15px;
  font-weight:800;
  color:var(--fx-ink);
  text-decoration:none;
  transition:background .18s ease,color .18s ease;
  min-width:0;
}
body.fixa-academy-site .fx-drawer__link-main--static{
  cursor:default;
}
body.fixa-academy-site .fx-drawer__leaf svg,
body.fixa-academy-site .fx-drawer__caret svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:#8a98a8;
  display:block;
  transition:transform .22s ease,color .18s ease;
}
body.fixa-academy-site .fx-drawer__leaf:hover,
body.fixa-academy-site .fx-drawer__leaf:focus-visible,
body.fixa-academy-site .fx-drawer__link-main:hover,
body.fixa-academy-site .fx-drawer__link-main:focus-visible{
  background:var(--fx-bg);
  color:var(--fx-red);
  outline:none;
}
body.fixa-academy-site .fx-drawer__leaf:hover svg{
  color:var(--fx-red);
}
body.fixa-academy-site .fx-drawer__group{
  border-radius:12px;
}
body.fixa-academy-site .fx-drawer__row{
  display:flex;
  align-items:center;
  gap:4px;
}
body.fixa-academy-site .fx-drawer__row .fx-drawer__link-main{
  flex:1 1 auto;
}
body.fixa-academy-site .fx-drawer__caret{
  width:42px;
  height:42px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#8a98a8;
  display:grid;
  place-items:center;
  cursor:pointer;
  flex:0 0 42px;
  padding:0;
}
body.fixa-academy-site .fx-drawer__caret:hover{
  background:var(--fx-bg);
  color:var(--fx-red);
}
body.fixa-academy-site .fx-drawer__group.is-open > .fx-drawer__row .fx-drawer__caret{
  background:var(--fx-bg);
  color:var(--fx-red);
}
body.fixa-academy-site .fx-drawer__group.is-open > .fx-drawer__row .fx-drawer__caret svg{
  transform:rotate(-90deg);
  color:currentColor;
}
body.fixa-academy-site .fx-drawer__sub{
  display:grid;
  gap:2px;
  padding:2px 0 6px 0;
  margin:0 6px 4px;
  border-right:2px solid #e8edf2;
  padding-right:8px;
}
body.fixa-academy-site .fx-drawer__sub[hidden]{display:none!important}
body.fixa-academy-site .fx-drawer__sub .fx-drawer__leaf,
body.fixa-academy-site .fx-drawer__sub .fx-drawer__link-main{
  font-size:14px;
  font-weight:700;
  padding:12px 12px;
}
body.fixa-academy-site .fx-drawer__sub .fx-drawer__sub{
  margin-right:8px;
  border-right-color:#f0f3f6;
}
body.fixa-academy-site .fx-drawer__leaf[data-level="2"],
body.fixa-academy-site .fx-drawer__group[data-level="2"] .fx-drawer__link-main{
  font-size:14px;
}
body.fixa-academy-site .fx-drawer__leaf[data-level="3"]{
  font-size:13px;
  font-weight:650;
  color:#3a4a5a;
}
body.fixa-academy-site .fx-drawer__foot{
  padding:14px 16px 18px;
  border-top:1px solid var(--fx-line);
  display:grid;
  gap:10px;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
body.fixa-academy-site .fx-drawer__link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:1px solid var(--fx-line);
  border-radius:12px;
  background:#fff;
  color:var(--fx-navy);
  font-weight:800;
  font-size:14px;
  text-decoration:none;
}
body.fixa-academy-site .fx-drawer__link:hover{background:#f7f9fb}
body.fixa-academy-site .fx-drawer__cta{
  min-height:48px;
  border-radius:12px;
  font-size:15px;
  box-shadow:0 8px 20px rgba(241,91,85,.22);
  transform:none;
}
body.fixa-academy-site .fx-drawer__cta:hover{transform:none}
html.fx-drawer-open,
html.fx-drawer-open body{overflow:hidden}

body.fixa-academy-site .fx-footer{background:#07131f;color:#fff;padding:56px 0 24px}
body.fixa-academy-site .fx-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.11)}
body.fixa-academy-site .fx-footer__brand img{width:135px;filter:brightness(0) invert(1);margin-bottom:14px}
body.fixa-academy-site .fx-footer__brand p{font-size:13px;color:#9fb0c0;max-width:360px;margin:0}
body.fixa-academy-site .fx-footer h4{font-size:14px;margin:0 0 14px;color:#fff}
body.fixa-academy-site .fx-footer__links{display:grid;gap:8px}
body.fixa-academy-site .fx-footer__links a{font-size:13px;color:#9fb0c0;text-decoration:none}
body.fixa-academy-site .fx-footer__links a:hover{color:#fff}
body.fixa-academy-site .fx-footer__bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px;font-size:12px;color:#8293a2}

@media (max-width:1024px){
  body.fixa-academy-site .fx-header__inner{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:center;
    gap:10px;
    min-height:64px;
  }
  body.fixa-academy-site .fx-menu-toggle{
    display:grid;
    grid-column:1;
    justify-self:start;
  }
  body.fixa-academy-site .fx-brand{
    grid-column:2;
    justify-self:center;
    min-width:0;
    gap:0;
  }
  body.fixa-academy-site .fx-brand img{
    width:auto;
    max-width:118px;
    max-height:36px;
  }
  body.fixa-academy-site .fx-brand__label{display:none}
  body.fixa-academy-site .fx-nav{display:none}
  body.fixa-academy-site .fx-header__actions{
    grid-column:3;
    justify-self:end;
    gap:0;
  }
  body.fixa-academy-site .fx-header__btn-text{display:none!important}
  body.fixa-academy-site .fx-header__account-name{display:none}
  body.fixa-academy-site .fx-header__account{
    min-width:36px;
    padding:7px;
    justify-content:center;
    max-width:none;
  }
  body.fixa-academy-site .fx-header__account-avatar{width:20px;height:20px}
  body.fixa-academy-site .fx-header__login{
    min-height:36px;
    padding:7px 12px;
    font-size:12px;
    border-radius:9px;
  }
  body.fixa-academy-site:has(.fx-header__account) .fx-header__cta-icon{display:none!important}
  body.fixa-academy-site:has(.fx-header__login) .fx-header__cta-icon{display:none!important}
  body.fixa-academy-site .fx-header__cta-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:11px;
    background:var(--fx-red);
    color:#fff;
    text-decoration:none;
    box-shadow:0 4px 12px rgba(241,91,85,.25);
  }
  body.fixa-academy-site .fx-header__cta-icon svg{
    width:20px;
    height:20px;
    display:block;
  }
  body.fixa-academy-site .fx-footer__grid{grid-template-columns:1.4fr 1fr 1fr}
  body.fixa-academy-site .fx-footer__grid>div:last-child{grid-column:2/4}
}

@media (max-width:768px){
  body.fixa-academy-site .fx-container{width:min(100% - 24px,1180px)}
  body.fixa-academy-site .fx-footer__grid{grid-template-columns:1fr 1fr}
  body.fixa-academy-site .fx-footer__brand{grid-column:1/-1}
  body.fixa-academy-site .fx-footer__grid>div:last-child{grid-column:auto}
  body.fixa-academy-site .fx-footer__bottom{display:block;text-align:center}
}

@media (max-width:480px){
  body.fixa-academy-site .fx-footer__grid{grid-template-columns:1fr}
  body.fixa-academy-site .fx-brand img{max-width:104px}
}