/* Cookie choice banner (includes/consent.php + assets/js/consent.js). Site navy and Inter. Accept and Reject are identical buttons. On phones it sits above the bottom tab bar; on wider screens, bottom left, clear of the accessibility button (bottom right). */
.sc-banner{position:fixed;z-index:9999;left:16px;right:16px;bottom:84px;max-width:560px;box-sizing:border-box;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#16224d;color:#fff;font:400 15px/1.45 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 14px 34px -14px rgba(14,23,56,.55)}
.sc-banner[hidden]{display:none}
.sc-banner .sc-text{margin:0 0 12px;color:#fff;font:inherit}
.sc-banner .sc-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sc-banner .sc-btn{min-height:44px;margin:0;padding:0 18px;border:0;border-radius:8px;background:#fff;color:#16224d;font:600 15px/1 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer}
.sc-banner .sc-btn:hover{background:#e9edf6}
.sc-banner .sc-dot{color:rgba(255,255,255,.6)}
.sc-banner .sc-link{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sc-banner .sc-btn:focus-visible,.sc-banner .sc-link:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (min-width:721px){.sc-banner{left:24px;right:auto;bottom:24px}}
/* P21: on a phone the banner is one compact bar, about 95 px instead of 134 to 165: the sentence in two short lines,
   Accept and Reject side by side and the same size, the policy link beside them. Nothing about consent changes. */
@media (max-width:480px){
  .sc-banner{left:10px;right:10px;padding:10px 12px;font-size:13.5px;line-height:1.35}
  .sc-banner .sc-text{margin:0 0 8px}
  .sc-banner .sc-row{flex-wrap:nowrap;gap:8px}
  .sc-banner .sc-btn{flex:1 1 0;min-height:42px;padding:0 10px;font-size:14.5px}
  .sc-banner .sc-dot{display:none}
  .sc-banner .sc-link{flex:none;font-size:13px;white-space:nowrap}
}
/* P21: an open panel (the hotel list's Filters sheet, the phone menu, the header search) is never under the banner;
   the banner comes back when the panel closes */
.qtg-sheet-open .sc-banner,body.qh-locked .sc-banner,body:has(.qh-sb[aria-expanded="true"]) .sc-banner{visibility:hidden}
@media print{.sc-banner{display:none}}
