/* =========================================================================
   Offre de rentrée — habillage sombre & doré (page dédiée uniquement)
   Toutes les règles sont scopées à body[data-page="offre-rentree"] pour ne
   jamais affecter le reste du site, qui reste sur la palette claire.
   ========================================================================= */

body[data-page="offre-rentree"] { background: #0A1628; }

/* Cycle de fonds de section (aucune section voisine ne partage sa couleur) */
body[data-page="offre-rentree"] .rentree-bg-a { background: #0A1628; }
body[data-page="offre-rentree"] .rentree-bg-b { background: #12213B; }
body[data-page="offre-rentree"] .rentree-bg-c { background: #1C140A; }
body[data-page="offre-rentree"] .hero-inner { background: #0A1628; }

/* Typo générale sur fond sombre */
body[data-page="offre-rentree"] h1,
body[data-page="offre-rentree"] h2,
body[data-page="offre-rentree"] h3,
body[data-page="offre-rentree"] h4 { color: #F6F1E7; }
body[data-page="offre-rentree"] .hero-inner h1,
body[data-page="offre-rentree"] .hero-inner h2 { color: #F6F1E7; }
body[data-page="offre-rentree"] .hero-lead,
body[data-page="offre-rentree"] .hero-inner .hero-lead,
body[data-page="offre-rentree"] .section-head p { color: rgba(246, 241, 231, 0.68); }
body[data-page="offre-rentree"] .blue-span,
body[data-page="offre-rentree"] .hero-inner .blue-span { color: #EFC873; }
body[data-page="offre-rentree"] .rentree-fine-print { color: rgba(246, 241, 231, 0.45); }

/* Filets / eyebrows dorés (y compris dans la section sombre "why-grid" déjà forcée à l'orange) */
body[data-page="offre-rentree"] .eyebrow,
body[data-page="offre-rentree"] .hero-inner .eyebrow,
body[data-page="offre-rentree"] .section:has(.why-grid) .section-head .eyebrow { color: #EFC873; }
body[data-page="offre-rentree"] .eyebrow::before,
body[data-page="offre-rentree"] .hero-inner .eyebrow::before,
body[data-page="offre-rentree"] .section:has(.why-grid) .section-head .eyebrow::before { background: #EFC873; }
body[data-page="offre-rentree"] .section:has(.why-grid) .section-head h2 .blue-span { color: #EFC873; }

/* Badge du haut : même principe (pastille translucide dorée), ré-équilibré pour le fond sombre */
body[data-page="offre-rentree"] .rentree-badge {
  background: rgba(201, 150, 44, 0.20);
  color: #C7A04E;
}

/* CTA du hero */
body[data-page="offre-rentree"] .hero-inner .btn-primary {
  background: linear-gradient(135deg, #EFC873 0%, #C9962C 100%);
  color: #241804;
}
body[data-page="offre-rentree"] .hero-inner .btn-primary:hover {
  background: linear-gradient(135deg, #E6BC5C 0%, #B8860B 100%);
}
body[data-page="offre-rentree"] .hero-inner .btn-outline {
  background: transparent;
  color: #F6F1E7;
  border-color: rgba(246, 241, 231, 0.3);
}
body[data-page="offre-rentree"] .hero-inner .btn-outline:hover {
  background: rgba(246, 241, 231, 0.1);
  color: #F6F1E7;
  border-color: rgba(246, 241, 231, 0.5);
}

/* Situation : icônes dorées translucides */
body[data-page="offre-rentree"] .contact-item-icon {
  background: rgba(239, 200, 115, 0.12);
  color: #EFC873;
}
body[data-page="offre-rentree"] .contact-item strong { color: #F6F1E7; }
body[data-page="offre-rentree"] .contact-item span { color: rgba(246, 241, 231, 0.6); }

/* Bénéfices : cartes translucides + icônes dorées (au lieu de cartes blanches) */
body[data-page="offre-rentree"] .why-card {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(239, 200, 115, 0.18);
  box-shadow: none;
}
body[data-page="offre-rentree"] .why-icon {
  background: rgba(239, 200, 115, 0.14);
  color: #EFC873;
}
body[data-page="offre-rentree"] .why-card h4 { color: #F6F1E7; }
body[data-page="offre-rentree"] .why-card p { color: rgba(246, 241, 231, 0.62); }

/* Comparatif : colonne "avec" dorée, colonne "sans" neutre/éteinte */
body[data-page="offre-rentree"] .compare-yes {
  background: rgba(239, 200, 115, 0.08);
  border-color: rgba(239, 200, 115, 0.35);
}
body[data-page="offre-rentree"] .compare-yes h4 { color: #EFC873; }
body[data-page="offre-rentree"] .compare-yes li { color: rgba(246, 241, 231, 0.85); }
body[data-page="offre-rentree"] .compare-yes li svg { color: #EFC873; }
body[data-page="offre-rentree"] .compare-no {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.12);
}
body[data-page="offre-rentree"] .compare-no h4 { color: rgba(255, 150, 130, 0.75); }
body[data-page="offre-rentree"] .compare-no li { color: rgba(246, 241, 231, 0.5); }
body[data-page="offre-rentree"] .compare-no li svg { color: rgba(255, 150, 130, 0.55); }

/* Pour qui : chips translucides à liseré doré */
body[data-page="offre-rentree"] .audience-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(239, 200, 115, 0.25);
  color: #F6F1E7;
}
body[data-page="offre-rentree"] .audience-chip svg { color: #EFC873; }

/* Comment ça marche : numéros dorés */
body[data-page="offre-rentree"] .step { border-bottom-color: rgba(255, 255, 255, 0.08); }
body[data-page="offre-rentree"] .step-num {
  background: linear-gradient(135deg, #EFC873 0%, #C9962C 100%);
  color: #241804;
}
body[data-page="offre-rentree"] .step-body h4 { color: #F6F1E7; }
body[data-page="offre-rentree"] .step-body p { color: rgba(246, 241, 231, 0.6); }

/* Confiance : cartes blanches conservées (effet "sceau"), liseré doré */
body[data-page="offre-rentree"] .airbnb-card { border-color: rgba(239, 200, 115, 0.3); }

/* FAQ : items translucides, chevron doré */
body[data-page="offre-rentree"] .faq-item {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}
body[data-page="offre-rentree"] .faq-q { color: #F6F1E7; }
body[data-page="offre-rentree"] .faq-q:hover { background: rgba(239, 200, 115, 0.08); }
body[data-page="offre-rentree"] .faq-q svg { color: #EFC873; }
body[data-page="offre-rentree"] .faq-a-inner { color: rgba(246, 241, 231, 0.65); }

/* CTA final : fond uni, exactement la même couleur que le badge du haut de page */
body[data-page="offre-rentree"] .promise-banner {
  background: rgba(201, 150, 44, 0.20);
}
body[data-page="offre-rentree"] .promise-banner h3 { color: #C7A04E; }
body[data-page="offre-rentree"] .promise-banner .btn-gold {
  background: #0A1628;
  color: #EFC873;
}
body[data-page="offre-rentree"] .promise-banner .btn-gold:hover { background: #16233D; }
