/* F&S Premium R26 — centered desktop navigation, compact theme icon,
   F&S mobile brand, genuine hamburger menu.
   Only this stylesheet overrides header presentation. The hero is untouched.
*/
.fs11-header {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
}
.fs26-brand-group{
  display:flex;
  justify-self:start;
  align-items:center;
  gap:10px;
  min-width:0;
  white-space:nowrap;
}
.fs26-brand-group .fs11-brand{
  flex:none;
  margin:0!important;
}
.fs11-header .fs11-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,2vw,27px)!important;
  margin:0!important;
  justify-self:center;
  white-space:nowrap;
}
.fs11-header .fs11-header-actions{
  justify-self:end!important;
  display:flex;
  align-items:center;
  gap:9px!important;
  margin:0;
}
.fs26-mobile-brand{display:none!important}
.fs26-desktop-brand{display:inline!important}
/* 44px accessibility target, 30px optical button: 31.8% visually smaller.
   The original 'Dark/Light' DOM text remains for theme state and ARIA.
*/
.fs26-brand-group .fs11-theme{
  display:inline-grid!important;
  place-items:center;
  position:relative;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  color:transparent!important;
  font-size:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  flex:none;
  cursor:pointer;
}
.fs26-brand-group .fs11-theme::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--fs18-glass-strong,rgba(245,244,240,.62));
  box-shadow:0 4px 13px rgba(18,29,22,.12),inset 0 1px rgba(255,255,255,.29);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.fs26-brand-group .fs11-theme::after{
  content:"☾";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font:500 20px/1 Georgia,serif;
  color:var(--fs11-ink)!important;
}
html[data-theme="dark"] .fs26-brand-group .fs11-theme::after{content:"☼";font-size:19px}
.fs26-brand-group .fs11-theme:focus-visible{
  outline:2px solid var(--fs11-ink)!important;
  outline-offset:1px!important;
  border-radius:50%;
}
/* The desktop grid keeps the nav's own center at the header's center. */
.fs11-header .fs11-nav a{font-size:13.5px}
.fs11-menu .fs26-menu-bars{
  width:19px;
  height:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}
.fs11-menu .fs26-menu-bars i{
  display:block;
  width:19px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transform-origin:center;
  transition:transform .18s ease,opacity .18s ease;
}
.fs11-menu[aria-expanded="true"] .fs26-menu-bars i:first-child{transform:translateY(7px) rotate(45deg)}
.fs11-menu[aria-expanded="true"] .fs26-menu-bars i:nth-child(2){opacity:0}
.fs11-menu[aria-expanded="true"] .fs26-menu-bars i:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){
  .fs11-header{column-gap:8px!important;padding-inline:14px!important}
  .fs26-brand-group{gap:6px}
  .fs11-header .fs11-nav{gap:16px!important}
  .fs11-header .fs11-nav a{font-size:12.5px}
  .fs11-header .fs11-header-actions{gap:5px!important}
}
@media(max-width:850px){
  .fs11-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  .fs11-header .fs11-nav{display:none!important}
  .fs26-mobile-brand{display:inline!important}
  .fs26-desktop-brand{display:none!important}
  .fs26-brand-group .fs11-brand-name{
    font-family:var(--fs11-display)!important;
    font-size:21px!important;
    letter-spacing:-.028em!important;
  }
  .fs11-header .fs11-header-actions{justify-self:end!important}
  .fs11-header .fs11-menu{
    display:inline-grid!important;
    place-items:center;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:11px;
  }
  .fs11-nav-mobile[data-open="true"]{display:flex}
}
@media(max-width:600px){
  .fs11-header{padding-inline:13px!important}
  .fs26-brand-group{gap:5px}
  .fs26-brand-group .fs11-brand-name{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .fs11-menu .fs26-menu-bars i{transition:none!important}
}

/* Keep the 44px touch target invisible; only the 30px circular control is visible. */
.fs11-header .fs26-brand-group > button[data-theme-toggle]{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}