/*
 * SABAGE IKOUZE | Mobile-first ergonomics refinement.
 * Loaded after app-polish.css and scoped to the custom site.
 */
.sbg .app-date-reopen{display:none}
@media(max-width:760px){
  /* Keep thumb navigation legible, including 320px-wide handsets. */
  .sbg .app-bottom-nav__item{font-size:11px;letter-spacing:0;line-height:1.3}
  .sbg .app-bottom-nav__item svg{height:23px;width:23px}
  .sbg .app-bottom-nav__item .app-bottom-nav__label{white-space:nowrap}
  .sbg .app-header-find{font-size:21px}
  .sbg .app-header-find span{font-size:13px}
  .sbg .hd__in{min-height:58px}
  /* The 207px pinned filter blocked most of the results on small phones.
     Collapse only the date rail once the visitor scrolls past the search area. */
  .sbg #app-filter.is-compact .app-date-rail{display:none}
  .sbg #app-filter.is-compact.is-calendar-expanded .app-date-rail{display:block}
  .sbg #app-filter.is-compact .filter__quick{padding-top:6px;padding-bottom:4px}
  .sbg #app-filter.is-compact .filter__bar{display:flex;min-height:45px;padding:0 12px 4px;gap:7px;align-items:center;justify-content:space-between}
  .sbg #app-filter.is-compact .filter__bar .count{margin:0;flex:none;color:#315039;font-size:12px;font-weight:800}
  .sbg #app-filter.is-compact .filter__bar .fsum{display:none}
  .sbg #app-filter.is-compact .app-date-reopen{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;max-width:180px;padding:6px 12px;border-radius:10px;border:1px solid #bfd5be;background:#fff;color:#2c5436;font-size:12px;font-weight:800;white-space:nowrap}
  .sbg #app-filter.is-compact .app-date-reopen[aria-expanded="true"]{background:#e3f0df;border-color:#8aaf88}
  .sbg #app-filter.is-compact .app-date-reopen__icon{font-size:15px;color:#a34e22}
  /* Handset readability; no 9px instructions or tiny 41px tappable CTAs. */
  .sbg .filter__bar .count{font-size:12px}
  .sbg .filter__bar .fsum{font-size:11.5px}
  .sbg .app-date-rail__title strong{font-size:13px}
  .sbg .app-date-rail__title span{font-size:11.5px}
  .sbg .app-date-chip span{font-size:11.5px}
  .sbg .app-date-chip small{font-size:10.5px}
  .sbg #quick-filter-toggle{font-size:12px;min-height:46px;height:46px}
  .sbg #quick-q{min-height:46px;height:46px}
  .sbg .band:not(.field-hero) .band__in>div:first-child>p:not(.tagline):not(.crumb){font-size:13px;line-height:1.65;-webkit-line-clamp:3}
  .sbg .home-hero__lead{font-size:13px;line-height:1.65;-webkit-line-clamp:3}
  .sbg .home-hero__buttons a{font-size:12.5px;line-height:1.45;min-height:48px;white-space:normal}
  .sbg .home-weekend a{font-size:12px;line-height:1.45;min-height:44px}
  .sbg .home-weekend p{font-size:11.5px}
  .sbg .home-overview__eyebrow{font-size:11px}
  .sbg .home-overview__foot{font-size:11px;line-height:1.45;align-items:start}
  .sbg .home-shortcuts__card strong{font-size:12px}
  .sbg .home-shortcuts__card small{font-size:11px;line-height:1.45}
  .sbg .home-area__grid span{font-size:11.5px}
  .sbg .home-results__note,.sbg .home-area__note,.sbg .home-caveat{font-size:12.5px}
  .sbg #list .row__n{font-size:17px;line-height:1.45}
  .sbg #list .row__m{font-size:13px;line-height:1.65}
  .sbg #list .row__tag{font-size:12px}
  .sbg #list .dchip{font-size:12.5px}
  .sbg #list .row__go,.sbg #list .row .golink{font-size:13px;min-height:46px}
  .sbg #list .row__save{min-height:46px;min-width:46px}
  .sbg .app-readable{font-size:16px;line-height:1.85}
  .sbg .app-readable p,.sbg .app-readable li{line-height:1.85}
  .sbg .app-reader-toc li{font-size:14px}
  .sbg .sbgs-intro p,.sbg .sbgs-login-prompt p{font-size:13.5px;line-height:1.75}
  .sbg .sbgs-tabs a{min-height:44px;font-size:12.5px}
  .sbg .sbgs-post__body{font-size:14.5px}
  .sbg .sbgs-post__actions button{min-height:44px;font-size:12.5px}
  .sbg .sbgs-report-menu summary{min-height:44px;display:flex;align-items:center;font-size:12px}
  .sbg .field-v2 .field-hero__address{font-size:14px}
  .sbg .field-v2 .field-btn{min-height:48px;font-size:14px}
  .sbg .field-v2 .field-stat__unit{font-size:13px}
  .sbg .field-v2 .field-jumps a{min-height:48px}
  .sbg .field-v2 .field-bottom-cta a{min-height:48px;font-size:13px}
  /* An open software keyboard already provides its own bottom chrome. */
  html.sbg-input-focused .sbg .app-bottom-nav,
  html.sbg-input-focused .sbg .field-v2 .field-bottom-cta{display:none!important}
  html.sbg-input-focused .sbg .app-toast{bottom:20px}
}
@media(max-width:359px){
  .sbg .app-bottom-nav{left:4px;right:4px;padding:5px 2px}
  .sbg .app-bottom-nav__item{font-size:10.5px}
  .sbg .home-hero__buttons a{font-size:12px}
  .sbg .home-weekend a{font-size:11px}
  .sbg .home-weekend__label{font-size:11px}
  .sbg .home-overview__card{padding:11px 8px}
  .sbg .home-overview__foot{font-size:10.5px}
  .sbg .home-shortcuts__card strong{font-size:11.5px}
  .sbg .home-shortcuts__card small{font-size:10.5px}
}
@media(max-width:760px) and (max-height:620px){
  .sbg .filter__in.open{max-height:calc(100dvh - 18px)}
  .sbg #app-filter.is-compact .filter__bar{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  .sbg .app-date-reopen,.sbg #app-filter{transition:none}
}

/* Avoid presenting a second booking CTA while the large hero button is visible. */
@media(max-width:760px){
  html.sbg-field-cta-managed .sbg .field-v2 .field-bottom-cta:not(.is-visible){display:none!important}
}