#header .headerBar { gap: 16px; }
#header .logo { flex-shrink: 0; }
.gp-language-switch { display: flex; flex: 0 0 auto; align-items: center; gap: 2px; padding: 2px; border: 1px solid #ffffff55; border-radius: 999px; background: #25143d66; }
.gp-language-option { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 18px; padding: 0 5px; border-radius: 999px; color: #fff; font-size: 9px; font-weight: 700; line-height: 1; text-decoration: none; transition: background .15s, color .15s; }
.gp-language-option img { display: block; width: 16px; height: 11px; border-radius: 2px; box-shadow: 0 0 0 1px #0002; }
.gp-language-option[aria-current="true"] { color: #2b1945; background: #fbde00; }
.gp-language-option:hover { background: #ffffff33; }
.gp-language-option[aria-current="true"]:hover { background: #ffe94f; }
.gp-language-option:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
/* Open the existing mobile menu earlier, before the full menu crowds the flags. */
@media (min-width: 1025px) and (max-width: 1450px) {
    #hamburger { display: flex; flex-shrink: 0; }
    #nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; padding: 0 4%; background: var(--primary-color); }
    #nav.active { display: block; }
    #nav .menu { flex-flow: row wrap; }
    #nav .menu .menu-item { flex: 0 0 100%; text-align: left; }
    #nav .menu .menu-item a { padding: 15px; font-size: 1.2em; }
    #nav .menu .menu-item.social { flex: 0 0 25%; margin: 20px auto; }
}
@media (max-width: 1450px) {
    .gp-language-switch { margin-left: auto; }
    #hamburger { flex-shrink: 0; }
}
@media (max-width: 480px) {
    #header .headerBar { gap: 12px; }
    #header .logo { height: 52px; }
    .gp-language-option { padding: 0 4px; min-width: 18px; min-height: 18px; }
    .gp-language-option span { display: none; }
}