﻿/**
 * DIG-137 FE bridge — live LP class hooks for M3 summer presentation.
 * Load after summer-tokens-m3-subpages.css. Preview-only.
 */
/* Ensure live LP shells render under M1 (which hides bare .page-shell) */
.summer-mode.discovery-page .page-shell {
  display: block !important;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
}

.summer-mode.discovery-page .preview-banner {
  background: linear-gradient(90deg, #1a2428, #243038);
  color: #fdfbf7;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  padding: 0.55rem 1rem;
  text-align: center;
}
.summer-mode.discovery-page .preview-banner a { color: var(--summer-gold-soft, #e7c56a); }
.summer-mode.discovery-page .preview-banner strong { color: var(--summer-gold, #d4a84b); }

/* Claim-soft hero review badge (live .review-badge) */
.summer-mode.discovery-page .review-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--summer-stone);
  background: var(--summer-warm-white);
  border: 1px solid var(--summer-line);
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.summer-mode.discovery-page .review-badge strong {
  font-size: 0.8rem;
  font-weight: 600;
  opacity: 0.45;
  order: 3;
}
.summer-mode.discovery-page .review-badge .stars { color: var(--summer-gold); letter-spacing: 0.06em; }
.summer-mode.discovery-page .review-badge > span:last-child {
  font-weight: 700;
  color: var(--summer-stone);
}

/* Secondary CTA: dark → outline ink */
.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;
  font-weight: 700;
  min-height: 48px;
  border-radius: 8px;
}

.summer-mode.discovery-page .button-row,
.summer-mode.discovery-page .hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

/* Guest KPI soft-floor display (never amplify) */
.summer-mode.discovery-page .gr-metric-val[data-claim-soft="guest-kpi"],
.summer-mode.discovery-page #happy-guests {
  font-size: 1.05rem;
  opacity: 0.7;
}

.summer-mode.discovery-page .gr-metric .gr-metric-val:not(#total-reviews) {
  /* keep 5.0 muted like rating num */
}

.summer-mode.discovery-page .gr-metrics .gr-metric:nth-child(2) .gr-metric-val {
  opacity: 0.55;
  font-size: 1.15rem;
}

@media (max-width: 768px) {
  .summer-mode.discovery-page .button-row { flex-direction: column; }
  .summer-mode.discovery-page .button-row .btn,
  .summer-mode.discovery-page .hero .btn {
    width: 100%;
    justify-content: center;
    min-height: 48px;
  }
}
