/* ═══════════════════════════════════════════════════════════
   SELFIE SHOT — Light Mode Override v1.0
   Warm champagne / editorial aesthetic
   Loaded after custom.css — overrides dark glamour tokens
   ═══════════════════════════════════════════════════════════ */

/* ── Token flip ─────────────────────────────────────────── */
:root {
  --ss-black:        #EDE5DC;   /* was #0A0A0A  → warm champagne base     */
  --ss-surface:      #E4D9CE;   /* was #0d0d0d  → warm light surface       */
  --ss-surface-2:    #D9CCC0;   /* was #1a1a1a  → warm card bg             */
  --ss-border:       #C4B5A8;   /* was #2a2a2a  → warm taupe border        */
  --ss-text:         #1C1512;   /* was #ffffff  → deep warm near-black      */
  --ss-text-muted:   #6B5E54;   /* was #cccccc  → warm mid-tone            */
  --ss-white:        #1C1512;   /* was #FFFFFF  → headings now near-black   */
  --ss-pink:         #C9402A;   /* was #f26649  → deepened coral for contrast */
  --ss-pink-light:   #A83320;   /* was #FF4DB8  → darker hover coral       */
  --ss-blush:        #B87A6A;   /* was #F2A7BE  → warm muted coral         */
}

/* ── Base ───────────────────────────────────────────────── */
body {
  background: var(--ss-black) !important;
  color: var(--ss-text) !important;
}

a { color: var(--ss-pink); }
a:hover { color: var(--ss-pink-light); }

/* ── Headings ───────────────────────────────────────────── */
h1, h2, h3, h4 { color: var(--ss-text) !important; }

/* ── Divi global section/row background ─────────────────── */
.et_pb_section,
.et_pb_row,
.et_pb_column {
  background-color: transparent !important;
}

/* Page-level wrapper gets the warm base */
#page-container,
#main-content,
.et_pb_section:not(.et_pb_fullwidth_section) {
  background: var(--ss-black);
}

/* ── Nav bar ────────────────────────────────────────────── */
#main-header,
.et-fixed-header {
  background: rgba(237, 229, 220, 0.97) !important;
  border-bottom: 2px solid var(--ss-pink) !important;
  backdrop-filter: blur(8px);
}

#main-header .nav li a,
.et-fixed-header .nav li a {
  color: var(--ss-text) !important;
}
#main-header .nav li a:hover,
.et-fixed-header .nav li a:hover {
  color: var(--ss-pink) !important;
}

.et_pb_menu .et_mobile_menu {
  background: var(--ss-surface-2) !important;
  color: var(--ss-text) !important;
}
.et_pb_menu .et_mobile_menu a {
  color: var(--ss-text) !important;
}

/* ── Booth cards ────────────────────────────────────────── */
.ss-booth-card {
  background: var(--ss-surface);
  border-color: var(--ss-border);
  box-shadow: 0 2px 16px rgba(28, 21, 18, 0.06);
}
.ss-booth-card:hover { border-color: var(--ss-pink); }
.ss-booth-card h3 { color: var(--ss-pink); }
.ss-booth-card p  { color: var(--ss-text-muted); }

/* ── Package cards ──────────────────────────────────────── */
.ss-pkg {
  background: var(--ss-surface);
  border-color: var(--ss-border);
  box-shadow: 0 2px 16px rgba(28, 21, 18, 0.06);
}
.ss-pkg.featured { border-color: var(--ss-pink); }
.ss-pkg.featured::before {
  background: var(--ss-pink);
  color: #EDE5DC;
}
.ss-pkg-name { color: var(--ss-text); }
.ss-pkg ul li {
  color: var(--ss-text-muted);
  border-bottom-color: var(--ss-border);
}

/* ── Add-on grid ────────────────────────────────────────── */
.ss-addon-item {
  background: var(--ss-surface-2);
  border-color: var(--ss-border);
}
.ss-addon-item .name  { color: var(--ss-text-muted); }
.ss-addon-item .price { color: var(--ss-pink); }

/* ── Buttons ────────────────────────────────────────────── */
.ss-btn-pink            { background: var(--ss-pink); color: #EDE5DC; }
.ss-btn-pink:hover      { background: var(--ss-pink-light); color: #EDE5DC; }
.ss-btn-outline         { border-color: var(--ss-pink); color: var(--ss-pink); }
.ss-btn-outline:hover   { background: var(--ss-pink); color: #EDE5DC; }

/* ── Event pills ────────────────────────────────────────── */
.ss-event-pill {
  background: var(--ss-surface);
  border-color: var(--ss-border);
  color: var(--ss-text-muted);
}
.ss-event-pill:hover {
  border-color: var(--ss-pink);
  color: var(--ss-text);
}

/* ── Media frame ────────────────────────────────────────── */
.ss-media-frame {
  border-color: var(--ss-border);
  box-shadow: 0 20px 60px rgba(201, 64, 42, 0.10);
}

/* ── CTA banner ─────────────────────────────────────────── */
.ss-cta-banner {
  background: linear-gradient(135deg, var(--ss-pink) 0%, #7A1E0E 100%);
}
.ss-cta-banner h2 { color: #EDE5DC !important; }
.ss-cta-banner p  { color: rgba(250, 247, 244, 0.90); }

/* ── Stars ──────────────────────────────────────────────── */
.ss-stars { color: var(--ss-pink); }

/* ── FAQ accordion ──────────────────────────────────────── */
details.ss-faq {
  background: var(--ss-surface);
  border-color: var(--ss-border);
}
details.ss-faq[open]    { border-color: var(--ss-pink); }
details.ss-faq summary  { color: var(--ss-text); }
details.ss-faq p        { color: var(--ss-text-muted); }

/* ── Mobile CTA bar ─────────────────────────────────────── */
.ss-mobile-bar {
  background: var(--ss-surface-2);
  border-top-color: var(--ss-pink);
}
.ss-mobile-bar a { color: var(--ss-text); }
.ss-mobile-bar .ss-mobile-bar-cta {
  background: var(--ss-pink);
  color: #EDE5DC !important;
}

/* ── Sticky booth bar ───────────────────────────────────── */
.ss-booth-sticky {
  background: rgba(237, 229, 220, 0.97);
  border-bottom-color: var(--ss-pink);
}
.ss-booth-sticky-label { color: var(--ss-text-muted); }

.ss-sticky-pick {
  border-color: var(--ss-border);
  color: var(--ss-text-muted);
}
.ss-sticky-pick.active,
.ss-sticky-pick:hover {
  border-color: var(--ss-pink);
  color: #EDE5DC;
  background: var(--ss-pink);
}

/* ── Booth scroll cards ─────────────────────────────────── */
.ss-booth-scroll {
  scrollbar-color: var(--ss-pink) var(--ss-surface);
}
.ss-booth-pick {
  background: var(--ss-surface);
  border-color: var(--ss-border);
  box-shadow: 0 2px 12px rgba(28, 21, 18, 0.06);
}
.ss-booth-pick:hover { border-color: var(--ss-pink); }
.ss-booth-pick.active {
  border-color: var(--ss-pink);
  box-shadow: 0 12px 40px rgba(201, 64, 42, 0.18);
}
.ss-booth-pick-label h3 { color: var(--ss-pink); }
.ss-booth-scroll-hint   { color: var(--ss-text-muted); }

/* ── Package scroll ─────────────────────────────────────── */
.ss-pkg-scroll {
  scrollbar-color: var(--ss-pink) var(--ss-surface);
}

/* ── Chapter divider cards — light overlay + dark text ──── */
.ss-pkg-chapter { border-color: var(--ss-border); }
.ss-pkg-chapter.active { border-color: var(--ss-pink); }
.ss-chapter-label {
  background: linear-gradient(
    to top,
    rgba(237, 229, 220, 0.92) 0%,
    rgba(237, 229, 220, 0.15) 100%
  );
}
.ss-chapter-label h2 {
  color: var(--ss-text) !important;
  text-shadow: 0 1px 6px rgba(250, 247, 244, 0.6);
}

.ss-pkg-scroll-hint { color: var(--ss-text-muted); }

/* ── Gallery filters ────────────────────────────────────── */
.ss-filter-btn {
  background: var(--ss-surface);
  border-color: var(--ss-border);
  color: var(--ss-text-muted);
}
.ss-filter-btn.active,
.ss-filter-btn:hover {
  border-color: var(--ss-pink);
  color: #EDE5DC;
  background: var(--ss-pink);
}

/* ── Trust bar ──────────────────────────────────────────── */
.ss-trust-item { color: var(--ss-text-muted); }

/* ── Testimonial cards ──────────────────────────────────── */
.ss-review-card {
  background: var(--ss-surface);
  border-color: var(--ss-border);
  box-shadow: 0 2px 16px rgba(28, 21, 18, 0.06);
}
.ss-review-card blockquote { color: var(--ss-text-muted); }
.ss-review-card .reviewer  { color: var(--ss-pink); }

/* ── Pink accent rule ───────────────────────────────────── */
.ss-rule { background: var(--ss-pink); }

/* ── Divi text module override ──────────────────────────── */
.et_pb_text_inner { color: var(--ss-text); }

/* ── Divi module backgrounds that inherit dark ──────────── */
.et_pb_module,
.et_pb_code_inner {
  background: transparent;
}

/* ── Scrollbar webkit ───────────────────────────────────── */
.ss-booth-scroll::-webkit-scrollbar-track,
.ss-pkg-scroll::-webkit-scrollbar-track {
  background: var(--ss-surface);
}