/* header.css — nav, language toggle, hamburger, mobile menu, privacy body */
/* NAV — always solid dark so logo is visible */
#nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 900;
  background: #FFFFFF;
  box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 2px 12px rgba(0,0,0,0.08);
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 110px; width: var(--w); margin-inline: auto; }
.nav-logo { display: flex; align-items: center; }
.nav-logo img { height: 108px; width: auto; display: block; transition: transform var(--tr); }
.nav-logo:hover img { transform: scale(1.04); }
.nav-links { display: flex; align-items: center; gap: 1.75rem; list-style: none; }
.nav-links a { font-family: var(--font-d); font-weight: 700; font-size: 14px; letter-spacing: 1.2px; text-transform: uppercase; color: #1E2A6E; transition: color var(--tr); }
.nav-links a:hover { color: var(--orange); }
.nav-right { display: flex; align-items: center; gap: 0.875rem; }
.lang-toggle { display: flex; align-items: center; background: rgba(30,42,110,0.08); border-radius: 4px; padding: 3px; gap: 2px; }
.lang-btn { font-family: var(--font-d); font-weight: 800; font-size: 13px; padding: 4px 11px; border-radius: 3px; color: #1E2A6E; transition: all var(--tr); }
.lang-btn.active { background: var(--orange); color: var(--white); }
.lang-btn:hover:not(.active) { color: var(--indigo); }
/* Language toggle inside the dark mobile menu needs light-on-dark contrast */
.mob-menu .lang-toggle { background: rgba(255,255,255,0.1); }
.mob-menu .lang-btn { color: rgba(255,255,255,0.7); }
.mob-menu .lang-btn.active { background: var(--orange); color: var(--white); }
.mob-menu .lang-btn:hover:not(.active) { color: var(--white); }
.btn-reg-nav { font-family: var(--font-d); font-weight: 800; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; background: var(--orange); color: var(--white); padding: 11px 30px; border-radius: var(--r); transition: all var(--tr); }
.btn-reg-nav:hover { background: var(--orange3); color: var(--white); transform: translateY(-1px); box-shadow: 0 4px 20px rgba(232,98,26,0.4); }
.hamburger { display: none; flex-direction: column; gap: 5px; padding: 4px; }
.hamburger span { display: block; width: 24px; height: 2px; background: #1E2A6E; border-radius: 2px; transition: all 0.3s; }
.nav-soc-btn { width:36px; height:36px; background:rgba(30,42,110,0.08); border-radius:6px; display:flex; align-items:center; justify-content:center; color:#1E2A6E; transition:all var(--tr); }
.nav-soc-btn:hover { background:var(--orange); color:#fff; }
.priv-body { color: var(--grey); font-size: 0.95rem; line-height: 1.7; max-height: 60vh; overflow-y: auto; padding-right: 0.5rem; }
.priv-body p { margin: 0 0 1rem; }
.priv-body strong { color: var(--white); }
.priv-body a { color: var(--orange); text-decoration: underline; }
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mob-menu { display: none; position: fixed; top: 110px; left: 0; right: 0; bottom: 0; background: var(--black); z-index: 890; flex-direction: column; padding: 2rem 1.5rem; overflow-y: auto; }
.mob-menu.open { display: flex; }
.mob-menu a { font-family: var(--font-d); font-weight: 800; font-size: 26px; text-transform: uppercase; color: var(--off); padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,0.07); transition: color var(--tr); }
.mob-menu a:hover { color: var(--orange2); }
.mob-menu a.btn-reg-nav:hover { color: var(--white); }
.mob-menu a.btn-reg-nav { padding: 13px 32px; }
.mob-menu a.btn-reg-mob { display: block; width: 100%; align-self: stretch; text-align: center; padding: 15px 24px; box-sizing: border-box; }