/* IRONScale v410 — stable header/nav geometry, colors and language controls.
   Goal: custom pages and delayed CMS nav entries must never move or recolor the right actions. */
:root{
  --iron-v409-header-h:110px;
  --iron-v409-logo-slot:250px;
  --iron-v409-actions-min:445px;
}

/* Public header chrome is intentionally locked. CMS content/page count must not restyle it. */
body .topbar{
  box-sizing:border-box!important;
  isolation:isolate!important;
}
body .topbar .main-nav,
body .topbar .top-actions,
body .topbar .brand{
  box-sizing:border-box!important;
}
body .topbar .main-nav>a,
body .topbar .top-actions>*{
  box-sizing:border-box!important;
}

/* One-row desktop. Left navigation and right actions have independent columns. */
@media (min-width:1651px){
  body .topbar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--iron-v409-logo-slot) minmax(var(--iron-v409-actions-min),1fr)!important;
    grid-template-rows:var(--iron-v409-header-h)!important;
    align-items:center!important;
    width:100%!important;
    height:var(--iron-v409-header-h)!important;
    min-height:var(--iron-v409-header-h)!important;
    padding:0 22px!important;
    column-gap:12px!important;
    overflow:visible!important;
  }
  body .topbar .brand{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    justify-self:center!important;
    align-self:start!important;
    width:230px!important;
    height:108px!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    z-index:20!important;
  }
  body .topbar .brand img{
    display:block!important;
    width:230px!important;
    height:108px!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:50% 0!important;
  }
  body .topbar .main-nav{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:5px 6px!important;
    gap:2px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }
  body .topbar .main-nav>a{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:150px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
  body .topbar .main-nav>a>span{
    flex:0 0 auto!important;
    margin-right:5px!important;
  }
  body .topbar .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    min-width:var(--iron-v409-actions-min)!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }
  body .topbar .top-actions>*{flex-shrink:0!important}
  body .topbar .mini-search{
    display:flex!important;
    flex:0 0 200px!important;
    width:200px!important;
    min-width:200px!important;
    max-width:200px!important;
    height:38px!important;
    margin:0!important;
  }
}

/* Mid-size desktop: nav gets its own row so adding a page can never crush TR/EN/search/profile. */
@media (min-width:1101px) and (max-width:1650px){
  body .topbar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr 220px 1fr!important;
    grid-template-rows:82px 54px!important;
    align-items:center!important;
    width:100%!important;
    height:136px!important;
    min-height:136px!important;
    padding:0 18px!important;
    column-gap:10px!important;
    overflow:visible!important;
  }
  body .topbar .brand{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    justify-self:center!important;
    align-self:start!important;
    width:210px!important;
    height:82px!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    z-index:20!important;
  }
  body .topbar .brand img{width:198px!important;height:82px!important;max-width:none!important;object-fit:contain!important;object-position:50% 0!important}
  body .topbar .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    min-width:220px!important;
    max-width:100%!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    gap:7px!important;
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
  }
  body .topbar .top-actions>*{flex-shrink:0!important}
  body .topbar .mini-search{display:none!important}
  body .topbar .main-nav{
    grid-column:1/4!important;
    grid-row:2!important;
    justify-self:center!important;
    align-self:center!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    max-width:calc(100vw - 36px)!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:4px 6px!important;
    gap:2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    white-space:nowrap!important;
    transform:none!important;
    translate:none!important;
  }
  body .topbar .main-nav::-webkit-scrollbar{display:none!important}
  body .topbar .main-nav>a{
    flex:0 0 auto!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

/* Existing tablet structure stays two-row, but actions cannot shrink. */
@media (min-width:721px) and (max-width:1100px){
  body .topbar .top-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;overflow:visible!important}
  body .topbar .top-actions>*{flex-shrink:0!important}
  body .topbar .mini-search{display:none!important}
  body .topbar .main-nav{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  body .topbar .main-nav::-webkit-scrollbar{display:none!important}
}

/* Capacitor slot exists from first paint. Hiding it never changes the nav footprint on wide desktop. */
@media (min-width:1651px){
  body .topbar .main-nav .iron-cap-nav-slot{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    justify-content:center!important;
  }
  html:not([data-iron-cap-nav="1"]) body .topbar .main-nav .iron-cap-nav-slot{
    display:inline-flex!important;
    visibility:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
  }
}

/* Custom page links are real nav items, not unstyled anchors. */
body .topbar .main-nav>a[data-iron-custom-nav],
body .topbar .main-nav>a.iron-custom-nav-v409{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border-radius:999px!important;
}

/* Stable nav colors: CMS-added pages cannot inherit random card/text styles. */
body:not(.light) .topbar .main-nav{
  background:linear-gradient(180deg,#15170f 0%,#0b0e0a 100%)!important;
  border:1px solid rgba(168,132,35,.72)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.18)!important;
}
body:not(.light) .topbar .main-nav>a{
  color:#dfd5bb!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body:not(.light) .topbar .main-nav>a:hover{
  color:#f0d16e!important;
  background:rgba(185,145,41,.09)!important;
  border-color:rgba(185,145,41,.22)!important;
}
body:not(.light) .topbar .main-nav>a.active{
  color:#f6dc83!important;
  background:linear-gradient(180deg,rgba(180,145,58,.34),rgba(122,96,31,.22))!important;
  border-color:rgba(199,165,70,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.light .topbar .main-nav{
  background:linear-gradient(180deg,#eee8d4 0%,#e3dcc3 100%)!important;
  border:1px solid #aa8936!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 5px 15px rgba(70,54,16,.08)!important;
}
body.light .topbar .main-nav>a{
  color:#302918!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body.light .topbar .main-nav>a:hover{
  color:#2b210d!important;
  background:rgba(145,115,36,.10)!important;
  border-color:rgba(145,115,36,.18)!important;
}
body.light .topbar .main-nav>a.active{
  color:#201808!important;
  background:linear-gradient(180deg,#b9a66d 0%,#aa985f 100%)!important;
  border-color:#806821!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26)!important;
}
body .topbar .main-nav>a>span{color:#c9a33a!important}
body.light .topbar .main-nav>a>span{color:#b68b1f!important}

/* Language switch is a fixed-size control. It may never compress when nav/page count changes. */
body .topbar .lang-switch-v187{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 70px!important;
  width:70px!important;
  min-width:70px!important;
  max-width:70px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:3px!important;
  gap:2px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
}
body .topbar .lang-switch-v187 button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  font:800 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
}
body:not(.light) .topbar .lang-switch-v187{
  background:#10130d!important;
  border:1px solid rgba(174,139,43,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
body:not(.light) .topbar .lang-switch-v187 button{
  color:#d8cda9!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
body:not(.light) .topbar .lang-switch-v187 button[aria-pressed="true"]{
  color:#211a08!important;
  background:#d7bd61!important;
  border-color:#efd574!important;
}
body.light .topbar .lang-switch-v187{
  background:#f1ead6!important;
  border:1px solid #a78938!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66)!important;
}
body.light .topbar .lang-switch-v187 button{
  color:#4a3d1f!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
body.light .topbar .lang-switch-v187 button[aria-pressed="true"]{
  color:#312309!important;
  background:#dfc865!important;
  border-color:#b18d27!important;
}

/* Right-side controls always keep their own width. */
body .topbar .icon-button{flex:0 0 auto!important}
body .topbar .community-account-button{flex:0 0 auto!important;min-width:86px!important;max-width:126px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* IRONScale v410 — every top-nav item uses the same pill system as Database.
   Inactive entries keep a visible capsule; only the active item gets the stronger fill. */
body .topbar .main-nav>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-decoration:none!important;
  border-radius:999px!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
body.light .topbar .main-nav>a:not(.active){
  color:#302918!important;
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(237,231,211,.82) 100%)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(237,231,211,.82) 100%)!important;
  border:1px solid rgba(126,101,34,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}
body.light .topbar .main-nav>a:not(.active):hover{
  color:#241c0c!important;
  background:linear-gradient(180deg,#f2ead2 0%,#e8ddbd 100%)!important;
  background-image:linear-gradient(180deg,#f2ead2 0%,#e8ddbd 100%)!important;
  border-color:rgba(145,115,36,.18)!important;
}
body:not(.light) .topbar .main-nav>a:not(.active){
  color:#dfd5bb!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 100%)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 100%)!important;
  border:1px solid rgba(185,145,41,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
body:not(.light) .topbar .main-nav>a:not(.active):hover{
  color:#f0d16e!important;
  background:rgba(185,145,41,.10)!important;
  background-image:none!important;
  border-color:rgba(185,145,41,.24)!important;
}

/* Icons are separate from label text on every built-in/custom page and never inherit CMS text color. */
body .topbar .main-nav>a>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0 5px 0 0!important;
  padding:0!important;
  color:#d4ad34!important;
  -webkit-text-fill-color:#d4ad34!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
  font-weight:900!important;
  line-height:1!important;
}
body.light .topbar .main-nav>a>span{
  color:#c69b21!important;
  -webkit-text-fill-color:#c69b21!important;
}
body .topbar .main-nav>a.active>span{
  color:#d0aa30!important;
  -webkit-text-fill-color:#d0aa30!important;
}

/* Do not let custom-page labels or late CMS insertion alter the visual system. */
body .topbar .main-nav>a[data-iron-custom-nav],
body .topbar .main-nav>a.iron-custom-nav-v409{
  background-clip:padding-box!important;
}