/* 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; }
}

/* Keep contact icons aligned with the page direction; isolate Latin details. */
.footer-contact { min-width: 0; }
.footer-contact .footer-contact-list { display: grid; gap: 14px; }
.footer-contact .footer-contact-list > li { margin: 0; }
.footer-contact .footer-contact-row {
  display: flex;
  align-items: center;
  gap: 12px;
  direction: inherit;
  text-align: start;
  color: #bbb;
  font-size: 13px;
  line-height: 1.7;
}
.footer-contact-row > i {
  width: 20px;
  flex: 0 0 20px;
  text-align: center;
  color: var(--orange);
  font-size: 18px;
}
.footer-contact-latin {
  min-width: 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}
.footer-contact .footer-contact-hours {
  display: grid;
  gap: 4px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid #333;
  font-size: 12px;
  line-height: 1.8;
  color: #aaa;
}
.footer-contact-hours strong { color: #ddd; font-size: 13px; }
html[dir="rtl"] .footer-contact .footer-contact-row { direction: rtl; font-size: calc(13px + 2pt); }
html[dir="rtl"] .footer-contact-latin { font-size: calc(13px + 2pt); }
html[dir="rtl"] .footer-contact-hours { font-size: calc(12px + 2pt); }
html[dir="rtl"] .footer-contact-hours strong { font-size: calc(13px + 2pt); }