.language.flag-ready{position:relative;padding:0;flex:none;background:#fff;box-shadow:0 4px 10px #397da424;border-radius:24px}
.flag-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:62px;border:0;background:transparent;border-radius:24px;color:#073366;padding:10px 12px}
.flag-trigger img,.flag-options img{display:block;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px #00275133)}
.flag-trigger>span{font-size:17px;line-height:1}
.flag-options{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;width:290px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d8e8f5;border-radius:17px;box-shadow:0 12px 35px #07336626}
.flag-options[hidden]{display:none}
.flag-options button{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#073366;font-size:13px;text-align:left;line-height:1.3}
.flag-options button:hover{background:#f0f7ff}.flag-options button[aria-pressed="true"]{background:#e5f3ff;border-color:#148bf0;font-weight:bold}
.flag-options button:focus-visible,.flag-trigger:focus-visible{outline:3px solid #1586e8;outline-offset:2px}
@media(max-width:760px){.language.flag-ready{padding:0}.flag-trigger{min-width:58px;padding-inline:10px}}

/* ZNALAC-507: circular flag badges, preserving the source aspect ratio. */
.flag-trigger img,.flag-options img{width:24px;height:24px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;filter:none;box-shadow:0 0 0 1px #07336614,0 1px 3px #07336620}
.flag-trigger img{width:26px;height:26px}