/* ---------- ACCESSIBILITY TOOLBAR ---------- */
.a11y-toolbar {
  background: var(--navy); color: var(--white); height: var(--toolbar-h);
  display: flex; align-items: center; font-size: calc(13px * var(--ts));
}
.a11y-toolbar .container { display: flex; align-items: center; gap: 12px; width: 100%; }
.a11y-toolbar-label { opacity: 0.7; font-weight: 500; }
.a11y-btn {
  display: inline-flex; align-items: center; gap: 6px; color: var(--white);
  padding: 5px 12px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.25);
  font-size: calc(13px * var(--ts)); font-weight: 600; transition: var(--transition);
}
.a11y-btn:hover, .a11y-btn[aria-pressed="true"] { background: var(--blue); border-color: var(--blue); }
.a11y-divider { width: 1px; height: 20px; background: rgba(255,255,255,0.2); }
.a11y-size-group { display: flex; gap: 6px; }

/* ---------- LANGUAGE SWITCH (dropdown) ---------- */
.lang-switch { margin-left: auto; display: inline-flex; gap: 2px; padding: 3px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.25); position: relative; }
.lang-switch a { color: var(--white); font-size: calc(12px * var(--ts)); font-weight: 700; letter-spacing: .06em; padding: 3px 10px; border-radius: 100px; text-decoration: none; opacity: .75; transition: background .2s, opacity .2s; }
.lang-switch a:hover { opacity: 1; background: rgba(255,255,255,.14); }
.lang-switch a[aria-current="true"] { background: var(--blue); opacity: 1; }
.lang-switch--drawer { margin: 18px 0 0; align-self: flex-start; }
.lang-switch.is-dd { display: inline-block; padding: 0; border: 0; }
.lang-switch .lang-btn { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 100px; border: 1px solid rgba(255,255,255,.28); background: transparent; color: #fff; font: 700 calc(12px * var(--ts)) "Montserrat", system-ui, sans-serif; letter-spacing: .06em; cursor: pointer; transition: background .2s, border-color .2s; }
.lang-switch .lang-btn:hover, .lang-switch.open .lang-btn { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); }
.lang-switch .lang-btn svg { width: 14px; height: 14px; flex: none; }
.lang-switch .lang-btn .chev { width: 10px; height: 10px; transition: transform .25s; }
.lang-switch.open .lang-btn .chev { transform: rotate(180deg); }
.lang-switch.is-dd .lang-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 170px; padding: 6px; border-radius: 14px; background: #0f2744; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 18px 40px rgba(0,0,0,.4); display: grid; gap: 2px; opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: top right; transition: opacity .18s, transform .18s, visibility .18s; z-index: 1000; }
.lang-switch.open .lang-menu { opacity: 1; visibility: visible; transform: none; }
.lang-switch.is-dd .lang-menu a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border-radius: 9px; font-size: .92rem; letter-spacing: 0; font-weight: 600; opacity: 1; color: #fff; }
.lang-switch.is-dd .lang-menu a small { font-size: .7rem; letter-spacing: .08em; opacity: .55; font-weight: 700; }
.lang-switch.is-dd .lang-menu a:hover { background: rgba(255,255,255,.1); }
.lang-switch.is-dd .lang-menu a[aria-current="true"] { background: rgba(18,170,186,.25); }
.lang-switch.is-dd .lang-menu a[aria-current="true"]::after { content: "\2713"; color: #5fd6e6; margin-left: auto; }
.lang-switch--drawer.is-dd .lang-menu { right: auto; left: 0; top: auto; bottom: calc(100% + 8px); transform-origin: bottom left; }
@media (max-width: 520px) { .a11y-toolbar-label { display: none; } }
.a11y-toolbar { position: relative; z-index: 2000; }