/**
 * DIG-191 — MVP visual consistency (Bright Coastal Premium)
 * Owner: UI/UX & Creative Lead
 *
 * Load LAST in summer-refresh-v4 (after m1/m2/m3 + layout-foundation).
 * Normalizes light-mode presentation without a new concept.
 * Static-first: no build step.
 */

/* ── Subpage hero: kill legacy dark overlays from styles.css ─ */
.summer-mode.discovery-page .hero::before,
.summer-mode.discovery-page .hero::after,
.summer-mode.discovery-page .dp-hero::before,
.summer-mode.discovery-page .dp-hero::after,
.summer-mode.discovery-page .page-hero::before,
.summer-mode.discovery-page .page-hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.summer-mode.discovery-page .hero,
.summer-mode.discovery-page .dp-hero,
.summer-mode.discovery-page .page-hero {
  color: var(--summer-ink);
  background: linear-gradient(
    135deg,
    var(--summer-warm-white) 0%,
    var(--summer-cream) 55%,
    var(--summer-sand) 100%
  ) !important;
  min-height: auto;
  padding: var(--space-2xl) var(--space-md);
  border-bottom: 1px solid var(--summer-line);
}

.summer-mode.discovery-page .hero__inner,
.summer-mode.discovery-page .dp-hero__inner,
.summer-mode.discovery-page .hero__content {
  position: relative;
  z-index: 2;
  color: var(--summer-ink);
}

.summer-mode.discovery-page .hero h1,
.summer-mode.discovery-page .dp-hero h1,
.summer-mode.discovery-page .page-hero h1 {
  color: var(--summer-ink) !important;
  text-shadow: none !important;
}

.summer-mode.discovery-page .hero p,
.summer-mode.discovery-page .hero__lead,
.summer-mode.discovery-page .dp-hero__lead {
  color: var(--summer-stone) !important;
}

.summer-mode.discovery-page .hero__visual,
.summer-mode.discovery-page .dp-hero__visual {
  position: relative;
  z-index: 2;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--summer-line);
  box-shadow: var(--summer-shadow-lg);
}

.summer-mode.discovery-page .hero__visual img,
.summer-mode.discovery-page .dp-hero__visual img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(1.05) saturate(1.05);
}

/* Preview banner: light coastal chip (not night strip) */
.summer-mode.discovery-page .preview-banner,
.summer-mode .summer-preview-banner,
.summer-mode.discovery-page .summer-preview-banner {
  background: var(--summer-coastal-soft) !important;
  color: var(--summer-ink) !important;
  border-bottom: 1px solid var(--summer-line);
}

.summer-mode.discovery-page .preview-banner a,
.summer-mode .summer-preview-banner a {
  color: var(--summer-coastal) !important;
  font-weight: 700;
}

.summer-mode.discovery-page .preview-banner strong,
.summer-mode .summer-preview-banner strong {
  color: var(--summer-ink) !important;
}

/* Secondary CTAs: always ink outline on light surfaces */
.summer-mode.discovery-page .btn--dark,
.summer-mode.discovery-page a.btn.btn--dark {
  color: var(--summer-ink) !important;
  background: transparent !important;
  border: 1px solid var(--summer-ink) !important;
}

.summer-mode.discovery-page .btn--dark:hover,
.summer-mode.discovery-page a.btn.btn--dark:hover {
  background: var(--summer-sand) !important;
}

/* Review badge: keep qualitative posture; mute numeric weight */
.summer-mode.discovery-page .review-badge {
  background: var(--summer-warm-white);
  border: 1px solid var(--summer-line);
  color: var(--summer-stone);
  box-shadow: var(--summer-shadow);
}

.summer-mode.discovery-page .review-badge strong {
  font-weight: 600;
  color: var(--summer-stone);
  opacity: 0.55;
}

/* Final CTA band: daylight, not leftover dark plate */
.summer-mode.discovery-page .final-cta,
.summer-mode.discovery-page .final-cta-section {
  color: var(--summer-ink);
  background: linear-gradient(
    180deg,
    var(--summer-warm-white) 0%,
    var(--summer-cream) 100%
  ) !important;
}

.summer-mode.discovery-page .final-cta::before,
.summer-mode.discovery-page .final-cta::after {
  content: none !important;
  display: none !important;
}

.summer-mode.discovery-page .final-cta h2 {
  color: var(--summer-ink) !important;
}

.summer-mode.discovery-page .final-cta p {
  color: var(--summer-stone) !important;
}

/* ── Homepage rhythm: break trust→menu cream stack ──────── */
.summer-mode .dce-trust,
.summer-mode #trust.dce-trust {
  background: var(--summer-warm-white);
}

.summer-mode .dce-trust__hero-card {
  background: var(--summer-warm-white);
  border: 1px solid var(--summer-line);
  box-shadow: var(--summer-shadow);
}

/* Soften trust KPI amplification leftovers if JS missed */
.summer-mode .dce-trust [data-claim-soft="guest-kpi"],
.summer-mode .dce-trust .dce-trust__stat-num--guest {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--summer-stone);
  opacity: 0.75;
}

/* Hero image treatment — consistent daylight plate */
.summer-mode .v2-hero__visual {
  border-radius: 20px;
  border: 1px solid var(--summer-line);
  box-shadow: var(--summer-shadow-lg);
}

.summer-mode .v2-hero__visual img {
  filter: brightness(1.05) saturate(1.08);
}

.summer-mode .v2-hero__visual--inset {
  border: 3px solid var(--summer-warm-white);
  border-radius: 14px;
  box-shadow: var(--summer-shadow-lg);
}

/* Section heading type lock */
.summer-mode .section-heading h2,
.summer-mode .v2-dishes__header h2,
.summer-mode .v2-story__copy h2,
.summer-mode .hpg-reviews__header h2,
.summer-mode.discovery-page h2 {
  font-family: var(--serif);
  color: var(--summer-ink);
}

.summer-mode .eyebrow,
.summer-mode.discovery-page .eyebrow {
  color: var(--summer-coastal);
}

/* Location photo panel may stay atmospheric; right rail stays cream */
.summer-mode .v2-visit__right {
  background: var(--summer-cream);
}

/* Focus: coastal (not gold-only) for parity with M1 a11y */
.summer-mode a:focus-visible,
.summer-mode button:focus-visible,
.summer-mode.discovery-page a:focus-visible,
.summer-mode.discovery-page button:focus-visible {
  outline: 2px solid var(--summer-coastal);
  outline-offset: 2px;
}

/* Mobile CTA stack */
@media (max-width: 768px) {
  .summer-mode.discovery-page .hero,
  .summer-mode.discovery-page .dp-hero,
  .summer-mode.discovery-page .page-hero {
    padding: var(--space-xl) var(--space-lg);
  }

  .summer-mode.discovery-page .hero__actions .btn,
  .summer-mode.discovery-page .dp-hero__actions .btn,
  .summer-mode.discovery-page .button-row .btn,
  .summer-mode.discovery-page .final-cta__actions .btn {
    width: 100%;
    justify-content: center;
    min-height: 48px;
  }

  .summer-mode.discovery-page .hero__visual {
    max-height: 240px;
  }

  .summer-mode.discovery-page .hero__visual img {
    max-height: 240px;
    object-fit: cover;
  }
}