/* LOUIE DESIGN · site-v22 · PC common header refinement v1
   Scope: desktop/tablet-PC only (>=901px). Mobile CSS remains untouched. */
@media (min-width:901px){
  .site-header.unified-header{
    background:rgba(6,7,7,.965);
    border-bottom-color:rgba(214,173,65,.22);
    box-shadow:0 8px 26px rgba(0,0,0,.22);
  }
  .site-header.unified-header.is-scrolled{
    background:rgba(6,7,7,.91);
    border-bottom-color:rgba(214,173,65,.32);
    box-shadow:0 12px 34px rgba(0,0,0,.34);
  }
  .site-header .brand{
    color:inherit;
    text-decoration:none;
  }
  .site-header .brand img{
    display:block;
  }
  .site-header .brand strong{
    color:#f2eee6;
    line-height:1.05;
  }
  .site-header .brand small{
    color:#8f897f;
    line-height:1.2;
  }
  .site-header .brand:focus-visible,
  .site-header .site-nav a:focus-visible,
  .site-header .locale-switcher a:focus-visible,
  .site-header .nav-toggle:focus-visible{
    outline:2px solid rgba(237,200,94,.92);
    outline-offset:4px;
  }
  .site-header .site-nav a,
  .site-header .locale-switcher a{
    text-decoration:none;
  }
  .site-header .site-nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    color:#d8d3ca;
  }
  .site-header .site-nav a:hover,
  .site-header .site-nav a.is-active{
    color:#efca65;
  }
  .site-header .site-nav a.is-active::after{
    width:22px;
    height:1px;
    bottom:2px;
    background:#d9ad43;
    box-shadow:0 0 10px rgba(217,173,67,.24);
  }
  .site-header .locale-switcher{
    align-items:center;
    border-color:rgba(214,173,65,.27);
    background:rgba(255,255,255,.015);
  }
  .site-header .locale-switcher a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    color:#8c877f;
  }
  .site-header .locale-switcher a:hover{
    color:#f1ce69;
    background:rgba(217,173,67,.055);
  }
  .site-header .locale-switcher a.active{
    background:linear-gradient(180deg,#edc85e,#c89429);
    color:#10100f;
    box-shadow:0 4px 12px rgba(204,156,42,.18);
  }
}

/* Full desktop: keep the navigation geometrically centered regardless of brand/language width. */
@media (min-width:1181px){
  .site-header__inner{
    width:min(calc(100% - 64px),1520px);
    min-height:78px;
    grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);
    gap:28px;
  }
  .site-header .brand{
    grid-column:1;
    justify-self:start;
    gap:11px;
  }
  .site-header .brand img{
    width:46px;
    height:46px;
    flex:0 0 46px;
  }
  .site-header .brand strong{
    font-size:.96rem;
    letter-spacing:.075em;
  }
  .site-header .brand small{
    margin-top:4px;
    font-size:.66rem;
  }
  .site-header .site-nav{
    grid-column:2;
    justify-self:center;
    gap:clamp(18px,1.45vw,26px);
    font-size:clamp(.82rem,.78rem + .08vw,.88rem);
  }
  .site-header .locale-switcher{
    grid-column:3;
    justify-self:end;
    padding:3px;
  }
  .site-header .locale-switcher a{
    min-width:38px;
    padding:6px 9px;
    font-size:.69rem;
  }
  .site-header .nav-toggle{
    display:none;
  }
}

/* Narrow PC/tablet landscape: intentionally keep the menu toggle to prevent long VI/TH labels colliding. */
@media (min-width:901px) and (max-width:1180px){
  .site-header__inner{
    width:min(calc(100% - 32px),1120px);
    min-height:70px;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:10px;
  }
  .site-header .brand{
    min-width:0;
    gap:9px;
  }
  .site-header .brand img{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .site-header .brand strong{
    font-size:.88rem;
    letter-spacing:.06em;
  }
  .site-header .brand small{
    display:none;
  }
  .site-header .locale-switcher{
    justify-self:end;
    padding:3px;
  }
  .site-header .locale-switcher a{
    min-width:34px;
    padding:5px 7px;
    font-size:.64rem;
  }
  .site-header .nav-toggle{
    display:block;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid rgba(214,173,65,.25);
    border-radius:10px;
    background:rgba(255,255,255,.018);
  }
  .site-header .site-nav{
    top:calc(100% + 8px);
    border-color:rgba(214,173,65,.26);
  }
  .site-header .site-nav a{
    min-height:42px;
  }
  .site-header .site-nav a.is-active::after{
    display:none;
  }
}

@media (prefers-reduced-motion:reduce) and (min-width:901px){
  .site-header,
  .site-header *,
  .site-header *::before,
  .site-header *::after{
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}