/* ── INVITATION-INSPIRED THEME OVERRIDE ── */
/* Colours extracted from invitation.png wildflower design */

:root {
  --cream:     #f5f0e8;
  --blush:     #e8cfc4;
  --rose:      #b87a6a;
  --deeprose:  #3d6b52;   /* deep green from "CAROLINA & JOÃO" text */
  --sage:      #7a9e8a;
  --deepsage:  #3d6b52;
  --ink:       #2c3a2e;
  --gold:      #c8a870;
  --terracota: #b85c3a;
  --lavender:  #a89ab8;
}

/* Nav link colour update */
nav a { color: var(--deepsage); }

/* Section labels in deep green */
.section-label { color: var(--deepsage); }

/* Timeline dots and lines in gold */
.timeline-dot { border-color: var(--gold); }
.aloj-tag { background: rgba(61,107,82,0.08); color: var(--deepsage); }
.filter-btn { color: var(--deepsage); border-color: rgba(61,107,82,0.35); }
.filter-btn:hover, .filter-btn.active { background: var(--deepsage); border-color: var(--deepsage); }
.rsvp-btn { background: var(--deepsage); }
.rsvp-btn:hover { background: var(--sage); }
.venue-map-btn { border-color: var(--gold); color: var(--deepsage); }
.venue-map-btn:hover { background: var(--gold); }

/* ── WILDFLOWER SIDELINES — full page embrace ── */

/* Hide old SVG botanicals and hero frame */
.floral-frame { display: none; }
.botanicals   { display: none; }

/* Wrapper divs injected via JS for left + right columns */
.flowers-left,
.flowers-right {
  position: fixed;
  top: 0;
  width: 220px;
  height: 100vh;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.flowers-left  { left: 0; }
.flowers-right { right: 0; }

.flowers-left img,
.flowers-right img {
  position: absolute;
  top: 0;
  width: 500px;
  height: 100vh;
  object-fit: cover;
  object-position: left top;
  mix-blend-mode: multiply;
  opacity: 0.82;
}

.flowers-left img {
  left: 0;
}

.flowers-right img {
  right: 0;
  transform: scaleX(-1);
}

/* ── ORNAMENT DIAMOND IN GREEN ── */
.ornament-diamond { background: var(--deepsage); }
.ornament-line { background: linear-gradient(90deg, transparent, var(--deepsage)); }
.ornament-line.right { background: linear-gradient(90deg, var(--deepsage), transparent); }

/* ── HERO DIVIDER ── */
.hero-divider { background: linear-gradient(90deg, transparent, var(--gold), transparent); }

/* ── HERO TEXT COLOURS ── */
.hero-eyebrow { color: var(--deepsage); }
.hero-date { color: var(--deepsage); }
.hero-ampersand { color: var(--gold); }
.hero-venue { color: var(--sage); }
.countdown-number { color: var(--deepsage); }
.countdown-label { color: var(--sage); }

/* ── FOOTER ── */
footer { background: var(--ink); }
.footer-names { color: var(--gold); }

/* ── FAQ ── */
.faq-q::after { color: var(--deepsage); }
.faq-q { color: var(--ink); }