/* Event-type landing pages (casamento/wedding today, more event types
   later) — a "cover" hero styled like an invitation instead of the
   generic app-marketing hero on the home pages. Layered on top of
   landing-premium.css and scoped by a body theme class, so the home
   pages are never affected. */

.event-theme-wedding {
  --event-accent: #b8895a;
  --event-accent-soft: #fdf6ee;
  --event-ink: #0c211d;
}
:root[data-theme="dark"] .event-theme-wedding {
  --event-accent: #e0b287;
  --event-accent-soft: #241c14;
}

.event-theme-wedding .problem-section {
  --problem: var(--event-accent);
  --problem-soft: var(--event-accent-soft);
}

.event-cover {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 118px);
  display: grid;
  place-items: center;
  padding: 6.5rem 20px 5rem;
  text-align: center;
  color: #fbf3e9;
  background: var(--event-ink);
}
.event-cover-bg, .event-cover-bg::before, .event-cover-bg::after {
  position: absolute;
  inset: 0;
}
.event-cover-bg {
  background: radial-gradient(ellipse 120% 80% at 20% 0%, color-mix(in srgb, var(--event-accent) 45%, #123b34), var(--event-ink) 60%);
}
.event-cover-bg::before {
  content: "";
  background:
    radial-gradient(circle at 28% 22%, color-mix(in srgb, var(--event-accent) 45%, transparent), transparent 55%),
    radial-gradient(circle at 78% 78%, color-mix(in srgb, var(--event-accent) 28%, transparent), transparent 50%);
  filter: blur(6px);
  opacity: .85;
}
.has-motion .event-cover-bg::before { animation: event-cover-drift 18s ease-in-out infinite alternate; }
@keyframes event-cover-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(3%, -4%, 0) scale(1.09); }
}
.event-cover-bg::after {
  content: "";
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}
.event-cover-inner { position: relative; z-index: 1; width: min(720px, 100%); }
.event-cover-eyebrow {
  margin: 0 0 1.5rem;
  font-family: "Cormorant Garamond", var(--display);
  font-style: italic;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--event-accent) 70%, #fbf3e9);
}
.event-cover-title {
  margin: 0 0 1.5rem;
  font-family: "Cormorant Garamond", var(--display);
  font-weight: 600;
  font-size: clamp(2.9rem, 6.4vw, 4.8rem);
  line-height: 1.06;
  letter-spacing: -.01em;
  color: #fff;
}
.event-cover-sub {
  max-width: 520px;
  margin: 0 auto 2.3rem;
  color: color-mix(in srgb, #fff 78%, transparent);
  font-size: 1.08rem;
  line-height: 1.65;
}
.event-cover-actions { display: flex; flex-direction: column; align-items: center; gap: 1.1rem; }
.event-cover-actions .button-dark,
:root[data-theme="dark"] .event-cover-actions .button-dark { background: var(--event-accent); color: #241505; }
.event-cover-actions .button-dark:hover,
:root[data-theme="dark"] .event-cover-actions .button-dark:hover { background: color-mix(in srgb, var(--event-accent) 85%, #fff); }
.event-cover-date {
  font-family: var(--data);
  font-size: .78rem;
  letter-spacing: .22em;
  color: color-mix(in srgb, #fff 65%, transparent);
}
.event-cover-note {
  display: block;
  color: color-mix(in srgb, #fff 55%, transparent);
  font-size: .78rem;
}

@media (max-width: 820px) {
  .event-cover { min-height: auto; padding: 5rem 20px 3.5rem; }
}

/* ── Editorial note strip — replaces the icon+card confidence-strip
   with a single quiet line, like a note under an invitation. ────── */
.event-note-strip {
  width: min(900px, calc(100% - 40px));
  margin: 3rem auto;
  padding: 1.6rem 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  text-align: center;
  font-family: "Cormorant Garamond", var(--display);
  font-style: italic;
  font-size: 1.2rem;
  color: var(--muted);
}
.event-note-strip strong { color: var(--ink); font-weight: 600; font-style: normal; }

/* ── Story chapters — the numeral label + list replace the app-style
   data-panel mockups with something that reads as a keepsake list,
   not a dashboard. ─────────────────────────────────────────────── */
.event-theme-wedding .chapter-meta { display: none; }
.story-number {
  margin: 0 0 .6rem;
  font-family: "Cormorant Garamond", var(--display);
  font-style: italic;
  font-weight: 500;
  font-size: 1.5rem;
  color: var(--event-accent);
}
.story-list {
  border-top: 1px solid var(--line);
}
.story-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--line);
}
.story-row-name { font-size: 1.02rem; }
.story-row-name em { display: block; margin-top: .15rem; color: var(--muted); font-size: .84rem; font-style: normal; }
.story-status {
  flex: 0 0 auto;
  font-family: "Cormorant Garamond", var(--display);
  font-style: italic;
  font-size: 1.05rem;
  color: var(--event-accent);
}
.story-status.is-waiting { color: var(--muted); }
.story-highlight {
  padding: .5rem 0 1.6rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 1.1rem;
}
.story-highlight strong {
  display: block;
  font-family: "Cormorant Garamond", var(--display);
  font-weight: 600;
  font-size: clamp(2.6rem, 4vw, 3.4rem);
  color: var(--ink);
  line-height: 1;
}
.story-highlight span { color: var(--muted); font-size: .92rem; }
.story-aside {
  margin: 1.1rem 0 0;
  font-family: "Cormorant Garamond", var(--display);
  font-style: italic;
  color: var(--muted);
  font-size: 1.02rem;
}