.elementor-30998 .elementor-element.elementor-element-5659345 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5796d7a *//* ==========================================
   1. IMPORT DES TYPOGRAPHIES
   ========================================== */
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

/* ==========================================
   2. VARIABLES DE COULEURS & TYPOS
   ========================================== */
:root {
  --bg-deep: #251636;         /* Violet sombre (fond de page) */
  --bg-purple: #34224c;       /* Violet intermédiaire (fond de carte) */
  --accent-pink: #ff0066;      /* Rose magenta néon */
  --accent-blue: #3b4be3;      /* Bleu électrique */
  --accent-peach: #f7d2be;     /* Pêche / Beige doux */
  --accent-lilas: #e8d7f1;     /* Lilas clair */
  --text-light: #ffffff;      /* Texte blanc */
  
  --font-heading: 'Righteous', cursive, sans-serif;
  --font-body: 'Alan Sans', 'Plus Jakarta Sans', sans-serif;
}

/* ==========================================
   3. RESET & FORÇAGE DU PLEIN ÉCRAN
   ========================================== */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, 
body, 
#page, 
#content, 
.site-content, 
.elementor, 
.elementor-inner, 
.elementor-section-wrap,
.entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--bg-deep) !important;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text-light);
}

/* Container principal débordant du thème WP */
.coming-soon-wrapper {
  width: 100vw !important;
  min-height: 100vh !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 2rem !important;
  background: radial-gradient(circle at 10% 20%, #432863 0%, var(--bg-deep) 80%) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ==========================================
   4. MASQUAGE DU THÈME & TITRES WP
   ========================================== */
header:not(.top-bar), 
footer:not(.bottom-bar), 
#masthead, 
#colophon,
.site-header,
.site-footer,
.entry-title,
.page-title,
.elementor-page-title,
h1.entry-title,
.post-title,
header.entry-header {
  display: none !important;
}

/* ==========================================
   5. APPLICATION DES TYPOGRAPHIES
   ========================================== */
h1, h2, h3, .main-title, .title, .sticker-badge, .status-badge, .poster-tag {
  font-family: var(--font-heading) !important;
}

body, p, a, button, .btn, .description, .brand-tag, .pill-badge, .subtitle, .bottom-bar {
  font-family: var(--font-body) !important;
}

/* ==========================================
   6. EN-TÊTE & BARRE SUPÉRIEURE
   ========================================== */
.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.brand-tag {
  background-color: var(--accent-peach);
  color: var(--bg-deep);
  font-weight: 800;
  padding: 0.5rem 1.2rem;
  border-radius: 50px;
  font-size: 0.95rem;
}

.status-badge {
  background-color: var(--accent-pink);
  color: #ffffff;
  padding: 0.5rem 1.2rem;
  border-radius: 8px;
  transform: rotate(3deg);
  font-weight: 700;
  font-size: 0.85rem;
  box-shadow: 0 4px 12px rgba(255, 0, 102, 0.3);
  text-transform: uppercase;
}

/* ==========================================
   7. POSTER CENTRAL (SECTION PRINCIPALE)
   ========================================== */
.hero-section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3rem 0;
}

.main-poster {
  background-color: var(--bg-purple);
  width: 90%;
  max-width: 1100px;
  padding: 4rem 3.5rem;
  border-radius: 32px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.poster-tag {
  color: var(--accent-lilas);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.main-title {
  font-size: 3.5rem;
  line-height: 1.15;
  margin-bottom: 1.5rem;
  max-width: 850px;
}

.highlight-pink {
  color: var(--accent-pink) !important;
}

.description {
  font-size: 1.2rem;
  line-height: 1.6;
  color: var(--accent-lilas);
  max-width: 650px;
  margin-bottom: 2.5rem;
}

/* Badges / Pilules Prestations */
.features-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 3rem;
}

.pill-badge {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
}

/* ==========================================
   8. BOUTONS D'ACTION (CTA)
   ========================================== */
.cta-wrapper {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.btn {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.05rem;
  padding: 1.1rem 2rem;
  border-radius: 50px;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Bouton principal (Instagram) - Rose Magenta */
.btn-blue, 
.btn-primary {
  background-color: var(--accent-pink) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(255, 0, 102, 0.4) !important;
  border: none !important;
}

.btn-blue:hover, 
.btn-primary:hover {
  background-color: #e0005a !important;
  box-shadow: 0 10px 25px rgba(255, 0, 102, 0.6) !important;
  transform: translateY(-3px);
}

/* Bouton secondaire (Email) */
.btn-outline,
.btn-secondary {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

.btn-outline:hover,
.btn-secondary:hover {
  background-color: #ffffff !important;
  color: var(--bg-deep) !important;
  transform: translateY(-3px);
}

/* ==========================================
   9. BAS DE PAGE (FOOTER)
   ========================================== */
.bottom-bar {
  text-align: center;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.4);
}

/* ==========================================
   10. RESPONSIVE (MOBILES & TABLETTES)
   ========================================== */
@media (max-width: 768px) {
  .coming-soon-wrapper {
    padding: 1.25rem !important;
  }

  .main-poster {
    width: 100% !important;
    padding: 2.5rem 1.5rem;
    border-radius: 24px;
  }

  .main-title {
    font-size: 2.2rem;
  }

  .description {
    font-size: 1rem;
  }

  .cta-wrapper {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5659345 *//* ==========================================
   FORCER LE PLEIN ÉCRAN (BRISER LES LIMITES WP)
   ========================================== */

/* 1. Étendre les conteneurs parents de WordPress */
html, 
body, 
#page, 
#content, 
.site-content, 
.elementor, 
.elementor-inner, 
.elementor-section-wrap,
.entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #251636 !important; /* Le violet foncé partout */
}

/* 2. S'assurer que le wrapper prend toute la largeur/hauteur */
.coming-soon-wrapper {
  width: 100vw !important;
  min-height: 100vh !important;
  margin-left: calc(-50vw + 50%) !important; /* Astuce pour sortir du conteneur centré WP */
  margin-right: calc(-50vw + 50%) !important;
  padding: 2rem !important;
  background: radial-gradient(circle at 10% 20%, #432863 0%, #251636 80%) !important;
}

/* 3. Ajuster le bloc central pour qu'il soit plus large et aéré sur grand écran */
.main-poster {
  max-width: 1100px !important; /* Un peu plus large pour occuper l'espace */
  width: 90% !important;
}/* End custom CSS */