/* Quiet controls share the scene palette without a highlight over their text. */
html[data-ypa-variant] .ypa-settings { gap:10px; }
html[data-ypa-variant] .ypa-choice { display:block; position:relative; }
html[data-ypa-variant] .ypa-choice > span { display:none; }
html[data-ypa-variant] .ypa-choice select[hidden] { display:none!important; }
html[data-ypa-variant] .ypa-choice-trigger {
  display:flex; align-items:center; gap:8px; min-height:44px; max-width:172px;
  padding:5px 9px 5px 5px; border:1px solid transparent; border-radius:12px;
  background:transparent; color:var(--ypa-ink); font:inherit; font-size:12px;
  text-align:left; cursor:pointer; transition:background-color 140ms, border-color 140ms;
}
html[data-ypa-variant] .ypa-choice-code {
  display:flex; flex:none; align-items:center; justify-content:center; width:28px; height:28px;
  border:1px solid var(--ypa-border); border-radius:9px; color:var(--ypa-subtle);
  font-size:10px; font-weight:650; letter-spacing:.02em;
}
html[data-ypa-variant] .ypa-choice-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:inherit; color:inherit; letter-spacing:inherit; }
html[data-ypa-variant] .ypa-choice-chevron { flex:none; width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.3; transition:transform 150ms cubic-bezier(.23,1,.32,1); }
html[data-ypa-variant] .ypa-choice-pin { flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.2; }
html[data-ypa-variant] .ypa-choice[data-expanded="true"] .ypa-choice-trigger { background:color-mix(in srgb,var(--ypa-ink),transparent 95%); border-color:var(--ypa-border); }
html[data-ypa-variant] .ypa-choice[data-expanded="true"] .ypa-choice-chevron { transform:rotate(180deg); }
html[data-ypa-variant] .ypa-choice-list {
  position:absolute; z-index:3; top:calc(100% + 12px); left:var(--ypa-choice-shift,0px);
  width:min(256px,calc(100vw - 24px)); max-height:min(348px,calc(100dvh - 110px));
  overflow-y:auto; overscroll-behavior:contain; padding:7px; border:1px solid var(--ypa-border);
  border-radius:18px; background:#102522;
  backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  box-shadow:0 16px 40px rgba(0,0,0,.13); transform-origin:24px 0;
  animation:ypa-choice-enter 160ms cubic-bezier(.23,1,.32,1);
}
html[data-ypa-theme="light"] .ypa-choice-list { background:#f8fcf9; box-shadow:0 12px 30px rgba(20,53,46,.12); }
html[data-ypa-variant] .ypa-choice-list[hidden] { display:none!important; }
html[data-ypa-variant] .ypa-choice-option {
  display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:7px 10px;
  border:1px solid transparent; border-radius:11px; color:var(--ypa-subtle);
  background:transparent; font:inherit; font-size:13px; line-height:1.35; text-align:left; cursor:pointer;
}
html[data-ypa-variant] .ypa-choice-option > svg { margin-left:auto; flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; opacity:0; }
html[data-ypa-variant] .ypa-choice-option > span:not(.ypa-choice-code) { font:inherit; color:inherit; letter-spacing:inherit; max-width:none; overflow:visible; white-space:normal; }
html[data-ypa-variant] .ypa-choice-option[aria-selected="true"] { background:color-mix(in srgb,var(--ypa-ink),transparent 93%); color:var(--ypa-ink); font-weight:600; }
html[data-ypa-variant] .ypa-choice-option[aria-selected="true"] > svg { opacity:1; }
html[data-ypa-variant] .ypa-choice-option:focus-visible { outline:1px solid var(--ypa-accent); outline-offset:-1px; background:color-mix(in srgb,var(--ypa-accent),transparent 91%); color:var(--ypa-ink); }
html[data-ypa-variant] .ypa-choice-option:disabled { opacity:.4; cursor:default; }
html[data-ypa-variant] .ypa-languages { position:relative; gap:0; padding:3px; border-radius:14px; background:color-mix(in srgb,var(--ypa-ink),transparent 97%); }
html[data-ypa-variant] .ypa-languages::before { content:""; position:absolute; top:3px; bottom:3px; left:3px; width:calc(50% - 3px); border:1px solid var(--ypa-border); border-radius:10px; background:color-mix(in srgb,var(--ypa-ink),transparent 92%); pointer-events:none; }
html[data-ypa-variant] .ypa-languages:has(button:last-child[aria-pressed="true"])::before { transform:translateX(100%); }
html[data-ypa-variant] .ypa-languages button { position:relative; min-width:44px; min-height:44px; padding:5px 7px; border-radius:10px; font-size:11px; letter-spacing:.02em; color:var(--ypa-subtle); background:transparent; }
html[data-ypa-variant] .ypa-languages button[aria-pressed="true"] { background:transparent; color:var(--ypa-ink); font-weight:650; }
html[data-ypa-variant] .ypa-menu-toggle { border-radius:11px; width:44px; height:44px; }
html[data-ypa-variant] .ypa-brand { min-height:44px; }
html[data-ypa-variant] .ypa-menu-toggle i { transition:transform 160ms cubic-bezier(.23,1,.32,1); }
html[data-ypa-variant] .ypa-menu-toggle[aria-expanded="true"] i:first-child { transform:translateY(3.5px) rotate(45deg); }
html[data-ypa-variant] .ypa-menu-toggle[aria-expanded="true"] i:last-child { transform:translateY(-3.5px) rotate(-45deg); }
@keyframes ypa-choice-enter { from { opacity:0; transform:translateY(-5px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(hover:hover) and (pointer:fine) {
  html[data-ypa-variant] .ypa-choice-trigger:hover,html[data-ypa-variant] .ypa-menu-toggle:hover { background:color-mix(in srgb,var(--ypa-ink),transparent 96%); }
  html[data-ypa-variant] .ypa-choice-option:hover { background:color-mix(in srgb,var(--ypa-ink),transparent 94%); color:var(--ypa-ink); }
  html[data-ypa-variant] .ypa-languages button:hover { color:var(--ypa-ink); }
}
@media(max-width:540px) {
  html[data-ypa-variant] .ypa-settings { gap:2px; }
  html[data-ypa-variant] .ypa-choice-trigger { gap:4px; max-width:94px; padding:3px 5px; min-height:44px; font-size:11px; }
  html[data-ypa-variant] #ypa-country-trigger .ypa-choice-value { display:none; }
  html[data-ypa-variant] .ypa-choice-pin { width:14px; }
  html[data-ypa-variant] .ypa-languages button { min-width:44px; min-height:44px; padding:4px; }
  html[data-ypa-variant] .ypa-header .ypa-settings { flex:1 1 auto; min-width:0; }
  html[data-ypa-variant] .ypa-header .ypa-choice { min-width:0; }
  html[data-ypa-variant] .ypa-header .ypa-choice:has(#ypa-country),
  html[data-ypa-variant] .ypa-header .ypa-languages { flex:none; }
  html[data-ypa-variant] .ypa-header .ypa-choice:has(#ypa-destination) { flex:1 1 auto; }
  html[data-ypa-variant] .ypa-header .ypa-choice-trigger { max-width:100%; min-width:0; }
  html[data-ypa-variant] .ypa-header .ypa-choice-value { min-width:0; }
}
html[data-ypa-theme="light"] .ypa-header :focus-visible { outline-color:var(--ypa-ink); }
@media(max-width:400px) {
  html[data-ypa-variant] .ypa-header { padding-inline:8px; }
  html[data-ypa-variant] .ypa-header .ypa-brand img { width:48px; }
}
html[data-ypa-theme="light"] .ypa-header .ypa-choice-option:focus-visible { outline-color:var(--ypa-ink); }
html[data-ypa-variant] .ypa-choice[data-keyboard="true"] .ypa-choice-list { animation:none; }
html[data-ypa-variant] .ypa-header :focus-visible { transition:none; }
@media(prefers-reduced-motion:reduce) {
  html[data-ypa-variant] .ypa-choice-list { animation:none; }
  html[data-ypa-variant] .ypa-choice-chevron,html[data-ypa-variant] .ypa-choice-trigger,html[data-ypa-variant] .ypa-menu-toggle i { transition:none; }
}