/* Language dropdown (2026-10-21) - src/translate.php gt_widget() + assets/js/translate.js. Site + backend. */
.gt { position: relative; display: inline-block; font-size: 13px; line-height: 1.2; }
.gt-btn { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border: 1px solid #d9dee6; border-radius: 999px;
          background: #fff; color: #1f2937; font: inherit; cursor: pointer; white-space: nowrap; }
.gt-btn:hover, .gt-btn[aria-expanded="true"] { border-color: #1a3a6b; }
.gt-btn:focus-visible, .gt-list li:focus { outline: 2px solid #f5a623; outline-offset: 1px; }
.gt-caret { color: #6b7280; }
.gt-flag { width: 20px; height: 15px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); object-fit: cover; flex: none; }
.gt-flag--code { display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 700; color: #fff; background: #1a3a6b; }
.gt-list { position: absolute; right: 0; top: calc(100% + 6px); z-index: 1000; margin: 0; padding: 6px; list-style: none;
           min-width: 220px; max-height: 340px; overflow-y: auto; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
           box-shadow: 0 12px 32px rgba(18,35,63,.16); text-align: left; }
.gt-list[hidden] { display: none; }
.gt-list li { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 8px; cursor: pointer; color: #1f2937; }
.gt-list li:hover, .gt-list li[aria-selected="true"] { background: #f1f5fb; }
.gt-list li[aria-selected="true"] .gt-name { font-weight: 700; }
.gt-list small { margin-left: auto; padding-left: 10px; color: #8a93a1; font-size: 11px; white-space: nowrap; }
.gt-name { white-space: nowrap; }
@media (max-width: 600px) {
    .gt-cur { display: none; }   /* flag only on phones */
    .gt-list { position: fixed; left: 12px; right: 12px; top: 56px; min-width: 0; max-height: 60vh; }
}

/* Hide Google's own bar, tooltip and highlight - our dropdown is the only control. */
body > .skiptranslate, .goog-te-banner-frame, iframe.goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }   /* the last one = Google's "G" loading spinner, top-left */
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
#gt-el { display: none !important; }

/* Backend top bar: sit at the right, next to "Signed in as". */
.topbar-admin .gt { margin-left: auto; margin-right: 18px; }

/* Translated storefront pages (2026-10-21): menu labels run much longer than the English ones
   ("Ofertas especiales de vacaciones"), so the desktop menu tightens up instead of spilling over.
   Google adds .translated-ltr / .translated-rtl to <html>; English pages are untouched.
   At 900px and below the menu is the hamburger list, which already has room. */
@media (min-width: 901px) {
    html.translated-ltr .header__inner, html.translated-rtl .header__inner { gap: 18px; }
    html.translated-ltr .nav, html.translated-rtl .nav { gap: 16px; }
    html.translated-ltr .nav__link, html.translated-rtl .nav__link,
    html.translated-ltr .nav--dash .nav__link, html.translated-rtl .nav--dash .nav__link {
        font-size: 13px; letter-spacing: 0; line-height: 1.25; text-align: center; white-space: nowrap; }
    html.translated-ltr .nav__book, html.translated-rtl .nav__book { white-space: nowrap; padding-left: 16px; padding-right: 16px; font-size: 13px; letter-spacing: 0; }
}
@media (min-width: 901px) and (max-width: 1180px) {
    html.translated-ltr .nav, html.translated-rtl .nav { gap: 12px; }
    /* Narrow laptops: a long label may wrap onto two tidy, centred lines. */
    html.translated-ltr .nav__link, html.translated-rtl .nav__link,
    html.translated-ltr .nav--dash .nav__link, html.translated-rtl .nav--dash .nav__link { font-size: 12px; max-width: 132px; white-space: normal; }
    html.translated-ltr .nav__book, html.translated-rtl .nav__book { font-size: 12px; padding: 9px 12px; }
    html.translated-ltr .brand__logo, html.translated-rtl .brand__logo { max-height: 44px; }
}