/**
 * DIG-186 — Recovery layout foundation lock (summer-refresh-v4)
 * DIG-192 — MVP polish: sticky-header scroll targets
 * Full-viewport shell + browser-level scroll only.
 * Static-first; load after base styles where present.
 */

html {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

body.summer-mode,
body.summer-mode.discovery-page {
  width: 100%;
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: visible;
}

/* Keep in-page CTA/nav targets clear of sticky header */
.summer-mode #top,
.summer-mode #trust,
.summer-mode #story,
.summer-mode #menu,
.summer-mode #discover,
.summer-mode #reviews,
.summer-mode #location,
.summer-mode #reservation,
.summer-mode main section[id] {
  scroll-margin-top: 5.5rem;
}

/* Full-bleed shell — never reintroduce 1440px panel architecture */
.summer-mode .page-shell.page-shell--light,
.summer-mode.discovery-page .page-shell,
.summer-mode.discovery-page .page-shell.page-shell--light {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  height: auto;
  max-height: none;
  overflow: visible;
  box-shadow: none;
}

.summer-mode .page-shell > main,
.summer-mode.discovery-page .page-shell > main,
.summer-mode main {
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  overflow: visible;
}

.summer-mode .v2-header,
.summer-mode .site-header,
.summer-mode .v2-hero,
.summer-mode .v2-footer,
.summer-mode .dp-footer,
.summer-mode .section,
.summer-mode .dp-hero {
  width: 100%;
  max-width: none;
}

/* DIG-186: mobile containment — prevent heading/filter bleed past viewport */
@media (max-width: 768px) {
  .summer-mode .gr-section-head {
    flex-wrap: wrap;
    max-width: 100%;
    padding-inline: 0.75rem;
    box-sizing: border-box;
  }

  .summer-mode .gr-section-head h2 {
    white-space: normal;
  }

  .summer-mode .gr-filters {
    max-width: 100%;
    box-sizing: border-box;
  }
}