/* Compact country-flag picker: one click opens the selected translation. */
.had-ocean-hero .had-ocean-language{width:auto;max-width:calc(100% - 20px);top:8px;right:10px;background:transparent}
.had-ocean-hero .had-ocean-language #had-language-tools{padding:0;border:0;border-radius:9px;background:transparent;font-size:12px}
#had-language-tools .had-flag-picker{position:relative;color:#174d70;text-align:left}
#had-language-tools summary{display:flex;gap:7px;align-items:center;padding:6px 9px;min-height:32px;border:1px solid #c5dee9;border-radius:9px;background:#fffffff2;box-shadow:0 2px 8px #163d5520;cursor:pointer;list-style:none;font-weight:600}
#had-language-tools summary::-webkit-details-marker{display:none}
#had-language-tools img{display:block;flex:0 0 24px;width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00000015;margin:0}
#had-language-tools .had-flag-options{position:absolute;right:0;top:calc(100% + 5px);width:172px;max-height:min(340px,55dvh);overflow-y:auto;overscroll-behavior:contain;padding:5px;background:#fff;border:1px solid #c5dee9;border-radius:11px;box-shadow:0 8px 24px #163d5530;z-index:20}
#had-language-tools .had-flag-options a{display:flex;align-items:center;gap:10px;padding:8px 9px;min-height:36px;border-radius:6px;color:#174d70;text-decoration:none;font-size:13px;line-height:1.4}
#had-language-tools .had-flag-options a:hover{background:#e7f6ff}
#had-language-tools .had-flag-picker:not([open]) .had-flag-options{display:none}
#had-language-tools summary:focus-visible,#had-language-tools .had-flag-options a:focus-visible{outline:3px solid #bd3975;outline-offset:1px}
@media(max-width:650px){.had-ocean-hero .had-ocean-language{width:auto;top:5px;right:8px}#had-language-tools summary{min-height:30px;padding:4px 7px;font-size:11px;gap:5px}#had-language-tools .had-flag-options{width:158px;max-height:min(180px,35dvh)}}