@import url('/assets/css/triumph-template.css?v=triumph-20260912-3');
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600&display=swap');

.nav-active{color:inherit!important;position:relative}
.nav-active::after{content:"";position:absolute;left:0;right:0;bottom:-.55rem;height:1px;background:#F3D862}
.language-switcher-wrap{display:flex;align-items:center;flex:0 0 auto}
.page-shell{min-height:calc(100vh - 10rem)}
[dir="rtl"] .nav-active::after{left:0;right:0}

/* Eight-item editorial navigation. */
.site-top-flow>header nav.site-primary-nav{
  gap:clamp(.48rem,.82vw,.9rem)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
.site-top-flow>header nav.site-primary-nav a{
  font-size:9px!important;
  letter-spacing:.105em!important;
}
.site-nav-divider{
  color:rgba(239,236,231,.28);
  font-size:9px;
  line-height:1;
  user-select:none;
  pointer-events:none;
}
[dir="rtl"] .site-nav-divider{direction:ltr}

/*
  Language controls belong to the existing utility row ABOVE the navigation bar.
  They do not create a new strip and never sit over the detached identity panel.
*/
html body .site-top-shell .site-top-flow{padding-top:0!important}
html body .site-top-shell .site-language-zone{
  position:absolute!important;
  z-index:30!important;
  top:0!important;
  bottom:auto!important;
  left:var(--page-pad)!important;
  right:auto!important;
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  direction:ltr!important;
}
html body .site-top-shell .site-language-options{
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:1rem!important;
}
html body .site-top-shell .site-language-option{
  color:rgba(239,236,231,.62)!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  background:transparent!important;
  padding:.18rem 0!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
}
html body .site-top-shell .site-language-option:hover,
html body .site-top-shell .site-language-option:focus-visible,
html body .site-top-shell .site-language-option.is-active{
  color:#EFECE7!important;
  border-bottom-color:#F3D862!important;
}

/* Reserve the beginning of the utility row for EN / AR / TR / KU. */
html body .site-top-shell .site-top-flow>aside>div:first-child{
  padding-left:150px!important;
  box-sizing:border-box!important;
}

/*
  The ARDUNA identity panel is dimensionally isolated from navigation, language
  labels and translated copy. Nothing in the header can expand or shrink it.
*/
html body .site-top-shell .site-identity-rail{
  top:0!important;
  width:var(--panel-width)!important;
  min-width:var(--panel-width)!important;
  max-width:var(--panel-width)!important;
  box-sizing:border-box!important;
}

/* Desktop RTL: panel moves left; languages use the free utility area on the right. */
@media(min-width:821px){
  [dir="rtl"] .site-identity-rail{right:auto!important;left:var(--panel-gap)!important}
  html[dir="rtl"] body .site-top-shell .site-language-zone{left:auto!important;right:var(--page-pad)!important}
  html[dir="rtl"] body .site-top-shell .site-top-flow>aside>div:first-child{padding-left:0!important;padding-right:150px!important}
  [dir="rtl"] .site-top-flow>aside,
  [dir="rtl"] .site-top-flow>header>div:first-child,
  [dir="rtl"] .site-head-editorial{margin-left:auto!important;margin-right:0!important}
  [dir="rtl"] .site-top-flow>header>div:first-child{justify-content:flex-end!important}
  [dir="rtl"] .site-top-flow>header nav{direction:rtl!important;margin-left:auto!important;margin-right:0!important}
  [dir="rtl"] .site-head-editorial{align-items:flex-end!important}
  [dir="rtl"] .site-hero-caption{left:auto!important;right:var(--page-pad)!important}
  [dir="rtl"] .site-hero-art{right:auto!important;left:calc(var(--panel-width) + var(--panel-gap) - 70px)!important}
}

/* Eight labels need the compact menu below this width; panel geometry stays unchanged. */
@media(max-width:1180px) and (min-width:821px){
  .site-top-flow>header nav.site-primary-nav{gap:.42rem!important}
  .site-top-flow>header nav.site-primary-nav a{font-size:8px!important;letter-spacing:.07em!important}
  .site-nav-divider{font-size:8px}
}

@media(max-width:1023px){.nav-active::after{display:none}.language-switcher-wrap{margin-inline-start:auto}}

@media(max-width:820px){
  html body .site-top-shell .site-language-zone{left:20px!important;right:auto!important;height:34px!important}
  html[dir="rtl"] body .site-top-shell .site-language-zone{left:auto!important;right:20px!important}
  html body .site-top-shell .site-top-flow>aside>div:first-child{padding-left:142px!important}
  html[dir="rtl"] body .site-top-shell .site-top-flow>aside>div:first-child{padding-left:0!important;padding-right:142px!important}
  html body .site-top-shell .site-top-flow>aside [data-utility-project],
  html body .site-top-shell .site-top-flow>aside [data-utility-status]{display:none!important}
  .site-nav-divider{display:none}
  html body .site-top-shell .site-identity-rail{
    width:calc(100% - 32px)!important;
    min-width:0!important;
    max-width:none!important;
  }
}