/* Guests & rooms control — injected by the booking platform at runtime.
   It ships light-theme fallbacks this site does not define; these rules state
   every colour from the site's own tokens. Scoped one level deeper than the
   injected rules so they win on specificity, not on !important. */
.t8-hotel-guest-panel{background:var(--card);color:var(--ink);
  border:1px solid color-mix(in oklch, var(--ink) 24%, transparent);padding:6px 16px 16px}
.t8-hotel-guest-panel,.t8-hotel-guest-panel *{color:var(--ink)}
.t8-hotel-guest-panel .t8-hotel-counter-row{border-bottom-color:color-mix(in oklch, var(--ink) 14%, transparent)}
.t8-hotel-guest-panel .t8-hotel-counter-button{background:transparent;color:var(--ink);
  border-color:color-mix(in oklch, var(--ink) 38%, transparent)}
.t8-hotel-guest-panel .t8-hotel-counter-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.t8-hotel-guest-panel .t8-hotel-counter-button:disabled{opacity:.32}
.t8-hotel-guest-panel .t8-hotel-child-ages select{background:transparent;color:var(--ink);
  border-color:color-mix(in oklch, var(--ink) 30%, transparent)}
.t8-hotel-guest-panel .t8-hotel-guest-done{background:var(--primary);color:oklch(0.97 0.01 85);
  border:0;border-radius:var(--radius);min-height:44px;font-weight:700;letter-spacing:.02em}
.t8-hotel-guest-panel .t8-hotel-guest-done:hover{background:var(--accent)}
/* the summary line truncated at "2 adults · 0 children · 1 roo…" */
/* No min-width here: the inner-page bar sizes its tracks in px, so forcing the
   guests field wider pushed it under the submit button. Trimming the toggle
   padding below gives the summary the room it needs inside the existing track. */
/* homepage hero bar only: there the neighbouring fields are transparent */
.searchbar .t8-hotel-guests .t8-hotel-guest-toggle{background:transparent;color:var(--ink);border:0;
  border-bottom:1px solid color-mix(in oklch, var(--ink) 30%, transparent);
  border-radius:0;padding-left:0;padding-right:0;min-height:44px}
.searchbar .t8-hotel-guests .t8-hotel-guest-toggle:hover{border-bottom-color:var(--accent)}
.searchbar .t8-hotel-guests .t8-hotel-chevron{color:var(--ink);opacity:.7}
.searchbar .t8-hotel-guests .t8-hotel-label{color:var(--ink);opacity:.72}

/* inner-page bars size their tracks in px, so the summary lost its last word by ~2px:
   give it back the toggle padding rather than fight the grid. */
.t8-hotel-search-grid .t8-hotel-guest-toggle{padding-left:8px;padding-right:8px;gap:6px}
.t8-hotel-search-grid .t8-hotel-guest-summary{letter-spacing:-.005em}

/* Mobile menu: the header's backdrop-filter makes it the containing block for
   fixed children, which shrank the full-screen menu to the header strip as soon
   as the page was scrolled. */
header.site-head.menu-open{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  transition:none!important;background:var(--deep-band)}