/* Shared navbar controls. index.html is the visual source of truth. */
.site-header { position:fixed; inset:0 0 auto; z-index:20; padding-top:18px; }
.site-header .wrap { width:min(var(--max),calc(100% - 40px)); margin:auto; }
.site-header .nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 16px; border:1px solid rgba(255,255,255,.45); border-radius:18px; background:rgba(255,255,255,.82); box-shadow:0 5px 24px rgba(35,31,32,.08); backdrop-filter:blur(10px); }
.site-header .brand { display:flex; align-items:center; gap:0; text-decoration:none; }
.site-header .brand img { display:block; width:112px; height:48px; border-radius:10px; object-fit:contain; object-position:left center; }
.site-header .nav-links { display:flex; align-items:center; gap:22px; font-size:.88rem; font-weight:600; }
.site-header .nav-links a { color:var(--ink); text-decoration:none; }
.site-header .nav-links a:hover { color:#8b6e00; }
.site-header .nav-actions { display:flex; align-items:center; gap:9px; }
.site-header .navbar-language { display:flex; border:1px solid var(--line); border-radius:99px; padding:3px; background:#fff; }
.site-header .navbar-language button { border:0; border-radius:99px; padding:5px 9px; background:transparent; color:var(--muted); font-family:inherit; font-weight:700; font-size:.76rem; line-height:1.6; cursor:pointer; }
.site-header .navbar-language button[aria-pressed="true"] { color:var(--ink); background:var(--gold); }
.site-header .nav-actions > .button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:99px; padding:10px 15px; background:var(--gold); color:var(--ink); box-shadow:none; font-family:inherit; font-weight:700; font-size:.86rem; line-height:1.6; text-decoration:none; white-space:nowrap; cursor:pointer; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.site-header .nav-actions > .button--gold { background:var(--gold); color:var(--ink); box-shadow:none; }
.site-header .nav-actions > .button:hover { background:var(--gold-hover,#e6b00f); transform:translateY(-2px); }
.secondary-page .nav-identity { display:flex; flex:1 1 auto; align-items:center; min-width:0; }
.secondary-page .nav-page-title { flex:0 1 auto; min-width:0; max-width:0; overflow:hidden; opacity:0; visibility:hidden; transform:translateY(6px); color:var(--ink); font-size:1rem; font-weight:800; line-height:1.2; text-align:left; text-overflow:ellipsis; white-space:nowrap; transition:max-width .25s ease,opacity .25s ease,transform .25s ease,visibility 0s linear .25s; }
.secondary-page .site-header.is-scrolled .nav-page-title { max-width:320px; margin-left:14px; padding-left:14px; border-left:1px solid var(--line); opacity:1; visibility:visible; transform:translateY(0); transition-delay:0s; }
.secondary-page .site-header .menu { display:none; }
@media (max-width:850px) {
  .site-header .nav-links { display:none; }
}
@media (max-width:570px) {
  .site-header { padding-top:18px; }
  .site-header .wrap { width:min(100% - 28px,var(--max)); }
  .site-header .nav { gap:8px; padding:7px 10px; }
  .site-header .brand img { width:78px; height:34px; }
  .site-header .nav-actions { flex:none; gap:5px; }
  .secondary-page .site-header.is-scrolled .nav-page-title { max-width:180px; margin-left:8px; padding-left:8px; font-size:.84rem; }
  .site-header .navbar-language button { padding:5px 9px; font-size:.76rem; }
  .site-header .nav-actions > .button { display:inline-flex; padding:10px 15px; font-size:.86rem; }
}