/* ==========================================================================
   Thème sombre des pages Film de mariage et Photos de mariage (FR / EN / IT).
   Les blocs étaient d'un gris-noir (#17141e, #1f172d) étranger à la DA :
   ils passent en nuit violette, comme le menu (#201a56) et la page pro.
   Chargée en dernier ; préfixe html[...] pour passer devant les anciennes
   règles sombres sans !important. Le thème clair n'est pas touché.
   ========================================================================== */

html[data-theme="dark"] {
  --mn-panel:
    radial-gradient(circle at 8% 0%, rgba(125, 92, 255, 0.32), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(255, 79, 216, 0.1), transparent 38%),
    linear-gradient(135deg, #1f1858 0%, #19124a 55%, #150e3f 100%);
  --mn-line: rgba(199, 184, 255, 0.22);
  --mn-card: rgba(199, 184, 255, 0.07);
  --mn-card-line: rgba(199, 184, 255, 0.16);
  --mn-ink: #f5f1ff;
  --mn-muted: rgba(245, 241, 255, 0.74);
  --mn-accent: #c4b5fd;
  --mn-shadow: 0 22px 58px rgba(8, 2, 34, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* ---------- Grands blocs ---------- */
html[data-theme="dark"] .film-gallery-seo,
html[data-theme="dark"] .pricing-seo,
html[data-theme="dark"] .film-value-banner,
html[data-theme="dark"] .photo-value-banner,
html[data-theme="dark"] .wedding-reference-gallery,
html[data-theme="dark"] .ccs-wrapper,
html[data-theme="dark"] .gift-card-offer,
html[data-theme="dark"] .wedding-contact {
  border-color: var(--mn-line);
  background: var(--mn-panel);
  box-shadow: var(--mn-shadow);
}

/* « Galerie de photos de mariage » n'avait pas de version sombre : textes
   alignés sur ceux du bloc « Films de mariage ». */
html[data-theme="dark"] .pricing-seo p,
html[data-theme="dark"] .pricing-seo li { color: rgba(244, 241, 255, 0.84); }
html[data-theme="dark"] .pricing-seo strong { color: rgba(255, 255, 255, 0.96); }
html[data-theme="dark"] .pricing-seo a { color: #b9a8ff; }

html[data-theme="dark"] .ccs-testimonial p { color: var(--mn-muted); }
html[data-theme="dark"] .ccs-testimonial .ccs-testimonial__media-kicker { color: var(--mn-accent); }

/* Cartes et listes à l'intérieur : voile lavande au lieu du blanc à 3 %. */
html[data-theme="dark"] .film-value-banner li,
html[data-theme="dark"] .photo-value-banner li,
html[data-theme="dark"] .ccs-wrapper .ccs-tabs,
html[data-theme="dark"] .ccs-wrapper .qr-timeline,
html[data-theme="dark"] .ccs-wrapper .ccs-testimonial,
html[data-theme="dark"] .ccs-wrapper .article-quiz,
html[data-theme="dark"] .wedding-contact__quick a {
  border-color: var(--mn-card-line);
  background: var(--mn-card);
}

html[data-theme="dark"] .ccs-testimonials__nav {
  border-color: rgba(199, 184, 255, 0.3);
  color: #e9e4ff;
  background: rgba(199, 184, 255, 0.12);
}

html[data-theme="dark"] .film-gallery-seo__hero-card {
  border-color: var(--mn-line);
  background: linear-gradient(180deg, #241a63, #170f45);
}

html[data-theme="dark"] .gift-card-offer__amounts a {
  border-color: rgba(199, 184, 255, 0.32);
  background: var(--mn-card);
}

html[data-theme="dark"] .gift-card-offer__bonus {
  background: rgba(199, 184, 255, 0.12);
}

/* ---------- Coupons « Vos avantages » ---------- */
html[data-theme="dark"] .promo-coupon-trigger {
  border-color: rgba(199, 184, 255, 0.3);
  background: linear-gradient(135deg, #241a63, #1a1250);
}

/* Le titre gardait l'encre du clair (#302445) : invisible sur fond nuit. */
html[data-theme="dark"] .promo-coupon-trigger__copy strong { color: #fff; }
html[data-theme="dark"] .promo-coupon-trigger__copy small { color: var(--mn-muted); }

html[data-theme="dark"] .promo-coupon-trigger__chevron {
  border-color: rgba(199, 184, 255, 0.3);
  color: #e9e4ff;
  background: rgba(199, 184, 255, 0.12);
}

html[data-theme="dark"] .promo-coupon-count { border-color: #1f1858; }

html[data-theme="dark"] .promo-coupon-panel {
  border-color: var(--mn-line);
  background: #1a1250;
}

html[data-theme="dark"] .promo-coupon-item {
  border-color: var(--mn-card-line);
  background: linear-gradient(145deg, #2a1f6e, #211859);
}

/* ---------- « Pour aller encore plus loin » ---------- */
html[data-theme="dark"] .signature-experiences { color: var(--mn-ink); }
html[data-theme="dark"] .signature-experiences__heading h2 { color: #fff; }
html[data-theme="dark"] .signature-experiences__heading p { color: var(--mn-muted); }
html[data-theme="dark"] .signature-experiences__eyebrow { color: var(--mn-accent); }

/* Pastilles et flèches : verre violet, plus de blanc ni d'or. */
html[data-theme="dark"] .signature-carousel__arrow {
  border-color: rgba(199, 184, 255, 0.3);
  color: #e9e4ff;
  background: rgba(199, 184, 255, 0.1);
}

html[data-theme="dark"] .signature-carousel__arrow:hover,
html[data-theme="dark"] .signature-carousel__stage[data-at-start="true"] ~ .signature-carousel__controls [data-signature-prev]:hover,
html[data-theme="dark"] .signature-carousel__stage[data-at-end="true"] ~ .signature-carousel__controls [data-signature-next]:hover {
  background: rgba(199, 184, 255, 0.18);
}

html[data-theme="dark"] .signature-carousel__dots button {
  border-color: rgba(199, 184, 255, 0.24);
  background: rgba(199, 184, 255, 0.08);
}

html[data-theme="dark"] .signature-carousel__dots button span { color: var(--mn-accent); }
html[data-theme="dark"] .signature-carousel__dots button strong { color: #e9e4ff; }

html[data-theme="dark"] .signature-carousel__dots button:hover {
  border-color: rgba(199, 184, 255, 0.5);
  background: rgba(199, 184, 255, 0.16);
}

html[data-theme="dark"] .signature-carousel__dots button.is-active,
html[data-theme="dark"] .signature-carousel__dots button.is-active:hover {
  border-color: #a68cff;
  background: linear-gradient(135deg, #7d5cff, #a259ff);
  box-shadow: 0 6px 18px rgba(125, 92, 255, 0.45);
}

html[data-theme="dark"] .signature-carousel__dots button.is-active span { color: rgba(255, 255, 255, 0.82); }
html[data-theme="dark"] .signature-carousel :focus-visible { outline-color: rgba(199, 184, 255, 0.6); }

/* Le voile blanc des bords grisait les cartes voisines et dessinait une barre
   blanche à gauche : il prend la couleur de la nuit. */
html[data-theme="dark"] .signature-carousel.is-swipe .signature-carousel__stage::after {
  background: radial-gradient(72% 190% at 50% 50%,
    rgba(16, 0, 63, 0) 42%,
    rgba(16, 0, 63, 0.55) 76%,
    rgba(16, 0, 63, 0.88) 100%);
}

@media (min-width: 769px) {
  html[data-theme="dark"] .signature-carousel.is-swipe .signature-carousel__stage::after {
    width: auto;
  }
}

@media (max-width: 768px) {
  html[data-theme="dark"] .signature-carousel.is-swipe .signature-carousel__stage::after {
    background: radial-gradient(120% 190% at 50% 50%,
      rgba(16, 0, 63, 0) 80%,
      rgba(16, 0, 63, 0.45) 100%);
  }
}

/* Les cartes restent claires, comme la grille des formules juste au-dessus,
   mais l'or (bordure, coches, « Sur devis ») passe au violet de marque. */
html[data-theme="dark"] .signature-experiences .signature-offer-card {
  background:
    linear-gradient(#fbfaff, #fbfaff) padding-box,
    linear-gradient(145deg, #7d5cff 0%, #c7b8ff 48%, #5038ca 100%) border-box;
  box-shadow: 0 18px 44px rgba(8, 2, 34, 0.55), 0 0 26px rgba(125, 92, 255, 0.22);
}

html[data-theme="dark"] .signature-experiences .signature-offer-card__identity,
html[data-theme="dark"] .signature-experiences .signature-offer-card__content { background: #fbfaff; }

html[data-theme="dark"] .signature-offer-card__identity::after {
  background: linear-gradient(90deg, transparent, rgba(125, 92, 255, 0.4), transparent);
}

html[data-theme="dark"] .signature-offer-card__label {
  border-color: rgba(112, 87, 230, 0.35);
  color: #5038ca;
  background: #f1eeff;
}

html[data-theme="dark"] .signature-offer-card__price--words,
html[data-theme="dark"] .signature-offer-card__saving strong,
html[data-theme="dark"] .signature-offer-card__deliverable-link { color: #5038ca; }

html[data-theme="dark"] .signature-offer-card__benefits li::before {
  border-color: #8b74f0;
  color: #6a4fe0;
}

html[data-theme="dark"] .signature-offer-card__deliverables { border-color: #e7e2fb; }
html[data-theme="dark"] .signature-offer-card__deliverables span { color: #8b74f0; }

html[data-theme="dark"] .signature-options-list li {
  border-color: rgba(112, 87, 230, 0.18);
  background: #f4f1ff;
}

/* Les voisines s'effacent dans la nuit au lieu de virer au gris. */
html[data-theme="dark"] .signature-carousel.is-swipe .signature-carousel__slide:not(.is-active) { opacity: 0.6; }