/* Country headers speak each scene's own visual language instead of one shared pill.
   Structure, controls and behaviour stay common; only the surface treatment differs. */
html[data-ypa-variant] .ypa-navigation small { display:none; }
html[data-ypa-variant] .ypa-navigation a { position:relative; transition:color 160ms ease; }
@media(hover:hover){ html[data-ypa-variant] .ypa-navigation a:hover { color:var(--ypa-ink); } }

@media(min-width:981px){
  html[data-ypa-variant] .ypa-navigation a { max-width:190px; line-height:1.25; }
  /* Navigation sits beside the wordmark, as on yario.ai; controls stay at the far edge. */
  html[data-ypa-variant] .ypa-header .ypa-navigation { min-width:0; margin:0 auto 0 clamp(20px,3vw,48px); }
  /* ── Russia · holo: faceted crystal, cut corners, serif voice ── */
  html[data-ypa-variant="holo"] .ypa-header {
    inset:0 0 auto; min-height:64px; padding:10px clamp(20px,4vw,56px); gap:28px;
    border:0; border-radius:0; box-shadow:none;
    background:linear-gradient(180deg,rgba(4,8,7,.92),rgba(4,8,7,.62) 70%,rgba(4,8,7,0));
    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  }
  html[data-ypa-variant="holo"] .ypa-header::after {
    content:""; position:absolute; inset:auto clamp(20px,4vw,56px) 0; height:1px; pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(94,224,200,.55) 18%,rgba(94,224,200,.18) 60%,rgba(231,185,76,.5) 86%,transparent);
  }
  html[data-ypa-variant="holo"] .ypa-navigation { gap:30px; }
  html[data-ypa-variant="holo"] .ypa-navigation a { font-family:var(--serif); font-size:15px; font-style:italic; letter-spacing:.01em; color:rgba(238,243,238,.62); }
  html[data-ypa-variant="holo"] .ypa-navigation a[aria-current] { color:#eef3ee; }
  html[data-ypa-variant="holo"] .ypa-navigation a[aria-current]::before {
    content:""; width:7px; height:7px; flex:none; background:var(--cyan,#5ee0c8); transform:rotate(45deg);
    box-shadow:0 0 12px rgba(94,224,200,.8);
  }
  html[data-ypa-variant="holo"] .ypa-header .ypa-choice-trigger,
  html[data-ypa-variant="holo"] .ypa-header .ypa-languages { border-radius:0; clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
  html[data-ypa-variant="holo"] .ypa-header .ypa-languages { background:rgba(94,224,200,.07); border-color:rgba(94,224,200,.24); }
  html[data-ypa-variant="holo"] .ypa-header .ypa-languages::before { border-radius:0; border-color:rgba(94,224,200,.5); background:rgba(94,224,200,.14); }
  html[data-ypa-variant="holo"] .ypa-header .ypa-choice-code { border-radius:0; border-color:rgba(94,224,200,.34); color:var(--cyan,#5ee0c8); }
  html[data-ypa-variant="holo"] .ypa-header .ypa-demo {
    border:0; border-radius:0; padding:11px 20px 11px 22px; font-size:11px; font-weight:700; letter-spacing:.12em;
    background:var(--gold,#e7b94c); color:#1a1404; clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  }

  /* ── Thailand · glass: frosted capsule, soft light ── */
  html[data-ypa-variant^="glass-"] .ypa-header {
    inset:14px 24px auto; min-height:60px; padding:8px 10px 8px 22px; gap:18px; border-radius:999px;
    background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.42)); border:1px solid rgba(255,255,255,.85);
    box-shadow:0 18px 44px rgba(15,61,56,.10),inset 0 1px 0 #fff; backdrop-filter:blur(26px) saturate(1.4); -webkit-backdrop-filter:blur(26px) saturate(1.4);
  }
  html[data-ypa-variant^="glass-"] .ypa-navigation { gap:4px; }
  html[data-ypa-variant^="glass-"] .ypa-navigation a { padding:0 14px; min-height:40px; border-radius:999px; font-size:13px; color:#587470; }
  html[data-ypa-variant^="glass-"] .ypa-navigation a[aria-current] { color:#0a2b28; font-weight:600; background:rgba(42,157,143,.14); box-shadow:inset 0 0 0 1px rgba(42,157,143,.22); }
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-choice-trigger { border-radius:999px; }
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-choice-code { border-radius:999px; background:rgba(42,157,143,.12); border-color:transparent; color:#17766b; }
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-languages,
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-languages::before,
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-languages button { border-radius:999px; }
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-languages::before { background:#fff; border-color:rgba(10,43,40,.08); box-shadow:0 2px 8px rgba(15,61,56,.12); }
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-demo { border:0; border-radius:999px; min-height:44px; padding:10px 22px; background:#0f3d38; color:#f4fbf8; box-shadow:0 8px 20px rgba(15,61,56,.22); }
  html[data-ypa-variant^="glass-"] .ypa-header .ypa-menu-toggle { border-radius:999px; }

  /* ── Vietnam · cutaway: drafting sheet, ink lines, hard shadow ── */
  html[data-ypa-variant="cutaway"] .ypa-header {
    inset:14px 22px auto; min-height:58px; padding:0 0 0 18px; gap:0; border-radius:0;
    background:#fbfaf6; border:1.5px solid #0a2b28; box-shadow:5px 5px 0 #0a2b28; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  html[data-ypa-variant="cutaway"] .ypa-brand { padding-right:18px; }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-navigation { align-self:stretch; gap:0; margin:0 auto 0 0; border-left:1.5px solid #0a2b28; }
  html[data-ypa-variant="cutaway"] .ypa-navigation a {
    align-self:stretch; padding:0 18px; border-right:1px solid rgba(10,43,40,.16);
    font-family:var(--mono); font-size:11.5px; letter-spacing:.02em; color:rgba(10,43,40,.68);
  }
  html[data-ypa-variant="cutaway"] .ypa-navigation a[aria-current] { color:#0a2b28; background:repeating-linear-gradient(135deg,rgba(227,182,79,.5) 0 6px,rgba(227,182,79,.22) 6px 12px); }
  html[data-ypa-variant="cutaway"] .ypa-settings { padding:0 12px; }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-choice-trigger,
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-choice-code,
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-languages,
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-languages::before,
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-languages button { border-radius:0; font-family:var(--mono); }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-choice-code { border-color:#0a2b28; color:#0a2b28; }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-languages { background:transparent; border:1px solid #0a2b28; }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-languages::before { background:#0a2b28; border-color:#0a2b28; }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-languages button[aria-pressed="true"] { color:#fbfaf6; }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-demo {
    align-self:stretch; border:0; border-left:1.5px solid #0a2b28; border-radius:0; padding:0 22px;
    font-family:var(--mono); font-size:11.5px; letter-spacing:.03em; background:#e3b64f; color:#0a2b28;
  }
  html[data-ypa-variant="cutaway"] .ypa-header .ypa-menu-toggle { align-self:stretch; height:auto; width:56px; border-radius:0; border-left:1.5px solid #0a2b28; }

  /* ── Indonesia · thread: one golden line carries the navigation ── */
  html[data-ypa-variant="thread"] .ypa-header {
    inset:0 0 auto; min-height:66px; padding:10px clamp(20px,4vw,64px); gap:26px; border:0; border-radius:0; box-shadow:none;
    background:linear-gradient(180deg,rgba(4,8,7,.86),rgba(4,8,7,.5) 72%,rgba(4,8,7,0)); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  }
  html[data-ypa-variant="thread"] .ypa-navigation { align-self:stretch; gap:34px; }
  html[data-ypa-variant="thread"] .ypa-navigation::before {
    content:""; position:absolute; left:clamp(20px,4vw,64px); right:clamp(20px,4vw,64px); bottom:9px; height:1px; pointer-events:none;
    background:linear-gradient(90deg,rgba(231,185,76,0),rgba(231,185,76,.7) 22%,rgba(246,220,148,.9) 50%,rgba(231,185,76,.7) 78%,rgba(231,185,76,0));
  }
  html[data-ypa-variant="thread"] .ypa-navigation a { align-self:stretch; font-size:13px; letter-spacing:.01em; color:rgba(238,236,226,.6); }
  html[data-ypa-variant="thread"] .ypa-navigation a[aria-current] { color:#f6dc94; }
  html[data-ypa-variant="thread"] .ypa-navigation a[aria-current]::after {
    content:""; position:absolute; left:50%; bottom:-5px; width:9px; height:9px; margin-left:-4.5px; border-radius:50%;
    background:#f6dc94; box-shadow:0 0 0 4px rgba(231,185,76,.18),0 0 14px rgba(246,220,148,.9);
  }
  html[data-ypa-variant="thread"] .ypa-header .ypa-choice-code { border-radius:50%; border-color:rgba(231,185,76,.5); color:#f6dc94; }
  html[data-ypa-variant="thread"] .ypa-header .ypa-languages { border-radius:999px; border-color:rgba(231,185,76,.28); background:transparent; }
  html[data-ypa-variant="thread"] .ypa-header .ypa-languages::before,
  html[data-ypa-variant="thread"] .ypa-header .ypa-languages button { border-radius:999px; }
  html[data-ypa-variant="thread"] .ypa-header .ypa-languages::before { border-color:rgba(231,185,76,.6); background:rgba(231,185,76,.14); }
  html[data-ypa-variant="thread"] .ypa-header .ypa-demo { border:1px solid #e7b94c; border-radius:999px; min-height:42px; padding:9px 20px; background:transparent; color:#f6dc94; transition:background 160ms ease,color 160ms ease; }
  html[data-ypa-variant="thread"] .ypa-header .ypa-demo:hover { background:#e7b94c; color:#1a1404; }

  /* ── Georgia · shift: horizon line from night to dawn ── */
  html[data-ypa-variant="shift"] .ypa-header {
    inset:0 0 auto; min-height:66px; padding:10px clamp(20px,3vw,4rem); gap:22px; border:0; border-radius:0; box-shadow:none;
    background:linear-gradient(180deg,rgba(2,7,12,.82),rgba(2,7,12,.42) 74%,rgba(2,7,12,0)); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  }
  html[data-ypa-variant="shift"] .ypa-header::after {
    content:""; position:absolute; inset:auto 0 0; height:2px; pointer-events:none;
    background:linear-gradient(90deg,#16264f,#3b5fc0 30%,#c98bb0 58%,#f4d27a 82%,#e3b64f);
    opacity:.75;
  }
  html[data-ypa-variant="shift"] .ypa-navigation { gap:18px; }
  html[data-ypa-variant="shift"] .ypa-navigation a { max-width:230px; }
  html[data-ypa-variant="shift"] .ypa-navigation a { font-family:var(--disp); font-size:12.5px; font-weight:500; letter-spacing:.02em; color:rgba(228,240,239,.6); }
  html[data-ypa-variant="shift"] .ypa-navigation a[aria-current] { color:#f4d27a; }
  html[data-ypa-variant="shift"] .ypa-navigation a[aria-current]::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:2px; background:#f4d27a; box-shadow:0 0 12px rgba(244,210,122,.8); }
  html[data-ypa-variant="shift"] .ypa-header .ypa-choice-trigger,
  html[data-ypa-variant="shift"] .ypa-header .ypa-choice-code,
  html[data-ypa-variant="shift"] .ypa-header .ypa-languages,
  html[data-ypa-variant="shift"] .ypa-header .ypa-languages::before,
  html[data-ypa-variant="shift"] .ypa-header .ypa-languages button { border-radius:4px; font-family:var(--disp); }
  html[data-ypa-variant="shift"] .ypa-header .ypa-choice-code { border-color:rgba(120,170,255,.5); color:#a9c4ff; }
  html[data-ypa-variant="shift"] .ypa-header .ypa-languages { background:rgba(120,170,255,.08); border-color:rgba(120,170,255,.26); }
  html[data-ypa-variant="shift"] .ypa-header .ypa-languages::before { background:rgba(120,170,255,.2); border-color:rgba(120,170,255,.55); }
  html[data-ypa-variant="shift"] .ypa-header .ypa-demo { border:0; border-radius:4px; min-height:42px; padding:9px 20px; font-family:var(--disp); font-size:13px; letter-spacing:.04em; background:linear-gradient(100deg,#f4d27a,#e3b64f 55%,#e59a6a); color:#14282a; }

  /* ── United States · globe: orbit ring, mint signal ── */
  html[data-ypa-variant="globe"] .ypa-header {
    inset:12px 20px auto; min-height:60px; padding:8px 12px 8px 22px; gap:20px; border-radius:18px;
    background:linear-gradient(120deg,rgba(10,43,40,.78),rgba(4,20,19,.62)); border:1px solid rgba(143,240,220,.26);
    box-shadow:0 0 0 1px rgba(143,240,220,.05),0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(143,240,220,.16);
  }
  html[data-ypa-variant="globe"] .ypa-navigation { gap:6px; }
  html[data-ypa-variant="globe"] .ypa-navigation a { padding:0 14px; min-height:38px; border-radius:999px; border:1px solid transparent; font-size:13px; color:#98b8b2; }
  html[data-ypa-variant="globe"] .ypa-navigation a[aria-current] { color:#eef7f4; border-color:rgba(143,240,220,.5); box-shadow:0 0 18px rgba(125,245,226,.18),inset 0 0 12px rgba(125,245,226,.08); }
  html[data-ypa-variant="globe"] .ypa-navigation a[aria-current]::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:#7df5e2; box-shadow:0 0 10px #7df5e2; }
  html[data-ypa-variant="globe"] .ypa-header .ypa-choice-code { border-radius:50%; border-color:rgba(143,240,220,.5); color:#8ff0dc; }
  html[data-ypa-variant="globe"] .ypa-header .ypa-languages { border-color:rgba(143,240,220,.24); background:rgba(143,240,220,.06); }
  html[data-ypa-variant="globe"] .ypa-header .ypa-languages::before { border-color:rgba(143,240,220,.5); background:rgba(143,240,220,.16); }
  html[data-ypa-variant="globe"] .ypa-header .ypa-demo { border:0; border-radius:12px; min-height:44px; padding:10px 20px; background:linear-gradient(110deg,#ffd27a,#e3b64f); color:#0d2220; box-shadow:0 0 24px rgba(227,182,79,.28); }
}