/* The existing header button styling is reused in both languages. */
.language-picker { position: relative; flex-shrink: 0; }
.language-picker summary { list-style: none; cursor: pointer; }
.language-picker summary::-webkit-details-marker { display: none; }
.language-menu { position: absolute; inset-inline-end: 0; top: calc(100% + 8px); min-width: 130px; background: #fff; border: 1px solid #eee; border-radius: 8px; box-shadow: 0 4px 16px #0002; padding: 6px; z-index: 1100; }
.language-menu a { display: block; padding: 9px 12px; color: #222; border-radius: 4px; white-space: nowrap; }
.language-menu a:hover, .language-menu a:focus-visible, .language-menu a[aria-current] { background: #fff3eb; color: #ff6b00; }
@media (max-width: 480px) { .header-actions { gap: 2px; } .language-picker .header-btn { min-width: 30px; padding-inline: 4px; } }
@media (max-width: 480px) {
  .search-bar input { min-width: 0; }
}
@media (max-width: 360px) {
  .header-btn { padding-inline: 5px; }
  .header .container { gap: 6px; }
}