/* SOFON Files – PHASE02 | visual header & language menu only. */
.site-header{
  width:min(1240px,calc(100% - 32px));max-width:1240px;
  margin:16px auto 0;padding:13px 18px;
  border:1px solid rgba(255,255,255,.22);border-radius:24px;
  background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,.065));
  box-shadow:0 17px 48px rgba(2,10,29,.25);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  position:relative;z-index:36;
}
.site-header .brand{min-width:0}
.site-header .brand small{line-height:1.25}
.site-header .header-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.site-header .header-actions>.button{min-height:44px;white-space:nowrap;border-radius:14px;padding:10px 14px}
.sofon-files-locale{position:relative;flex:0 0 auto;font-size:.87rem;font-weight:750;line-height:1.2}
.sofon-files-locale__trigger,.sofon-files-locale__choice{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.27);
  border-radius:14px;background:rgba(255,255,255,.10);color:#f8fbff;
  font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;
}
.sofon-files-locale__trigger:hover,.sofon-files-locale__choice:hover{background:rgba(255,255,255,.2)}
.sofon-files-locale__trigger:focus-visible,.sofon-files-locale__choice:focus-visible{outline:2px solid #8df1ff;outline-offset:3px}
.sofon-files-locale__flag{font-size:1.18rem;line-height:1}
.sofon-files-locale__chevron{opacity:.82;transition:transform .16s ease}
.sofon-files-locale__menu{
  position:absolute;right:0;top:100%;z-index:60;padding-top:7px;min-width:100%;
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);
  transition:visibility .16s,opacity .16s,transform .16s;
}
.sofon-files-locale__choice{width:100%;background:#23335b;box-shadow:0 16px 35px rgba(2,8,25,.38)}
.sofon-files-locale:hover .sofon-files-locale__menu,
.sofon-files-locale.is-open .sofon-files-locale__menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.sofon-files-locale:hover .sofon-files-locale__chevron,
.sofon-files-locale.is-open .sofon-files-locale__chevron{transform:rotate(180deg)}
/* Keep modal above header, including backdrop. */
#helpModal:not([hidden]){z-index:110!important}
@media(max-width:760px){
 .site-header{gap:9px;flex-wrap:wrap;padding:12px 14px}
 .site-header .brand{flex:1 1 100%;gap:10px}
 .site-header .brand-logo{width:43px;height:43px;border-radius:13px}
 .site-header .brand-logo img{width:33px;height:33px}
 .site-header .header-actions{flex:1 1 100%;justify-content:flex-start;flex-wrap:nowrap;gap:6px}
 .site-header .header-actions>.button{padding:9px 11px;min-height:40px;white-space:nowrap}
 .sofon-files-locale__trigger,.sofon-files-locale__choice{min-height:40px;padding:0 11px}
}
@media(max-width:365px){
 .site-header{width:calc(100% - 20px);padding:10px}
 .site-header .header-actions{gap:5px}
 .site-header .header-actions>.button{padding:9px 9px;font-size:.75rem}
 .sofon-files-locale__trigger,.sofon-files-locale__choice{min-height:38px;padding:0 8px;font-size:.75rem;gap:5px}
 .sofon-files-locale__flag{font-size:1.05rem}
}
@media(prefers-reduced-motion:reduce){.sofon-files-locale__menu,.sofon-files-locale__chevron{transition:none}}