.elementor-2063 .elementor-element.elementor-element-f524ad6:not(.elementor-motion-effects-element-type-background), .elementor-2063 .elementor-element.elementor-element-f524ad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D0F09;}.elementor-2063 .elementor-element.elementor-element-f524ad6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 60px 0px;}.elementor-2063 .elementor-element.elementor-element-f524ad6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2063 .elementor-element.elementor-element-50535ee.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2063 .elementor-element.elementor-element-05717e7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-2063 .elementor-element.elementor-element-05717e7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2063 .elementor-element.elementor-element-05717e7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;line-height:50px;letter-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFEFE;}.elementor-2063 .elementor-element.elementor-element-fcb0946{--spacer-size:25px;}.elementor-2063 .elementor-element.elementor-element-415d241{width:var( --container-widget-width, 78.482% );max-width:78.482%;--container-widget-width:78.482%;--container-widget-flex-grow:0;align-self:center;text-align:center;}.elementor-2063 .elementor-element.elementor-element-415d241 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2063 .elementor-element.elementor-element-415d241 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:20px;letter-spacing:0px;color:#FFFFFF;}.elementor-2063 .elementor-element.elementor-element-56bb6a8{text-align:center;}.elementor-2063 .elementor-element.elementor-element-56bb6a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}.elementor-2063 .elementor-element.elementor-element-d7fdbb8{text-align:center;}.elementor-2063 .elementor-element.elementor-element-d7fdbb8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;font-style:italic;color:#5F5F5F;}@media(min-width:768px){.elementor-2063 .elementor-element.elementor-element-a869405{width:100%;}}@media(max-width:767px){.elementor-2063 .elementor-element.elementor-element-f524ad6{padding:100px 0px 10px 0px;}.elementor-2063 .elementor-element.elementor-element-05717e7{width:100%;max-width:100%;}.elementor-2063 .elementor-element.elementor-element-05717e7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2063 .elementor-element.elementor-element-05717e7 .elementor-heading-title{font-size:20px;line-height:40px;}.elementor-2063 .elementor-element.elementor-element-415d241{width:100%;max-width:100%;}.elementor-2063 .elementor-element.elementor-element-415d241 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2063 .elementor-element.elementor-element-415d241 .elementor-heading-title{font-size:20px;line-height:40px;}}/* Start custom CSS for html, class: .elementor-element-f93d1d5 *//* === VARIABLES GLOBALES === */
#dwc-marketing {
  --dwc-violet: #2D0F09;
  --dwc-orange: #F9A454;
  --dwc-grey: #6C5A5A;
  --dwc-light: #FAF9F7;
  --dwc-white: #FFFFFF;
  font-family: "Inter", sans-serif;
  color: var(--dwc-violet);
  line-height: 1.7;
}

.dwc-section {
  padding: 100px 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.dwc-container {
  width: min(1200px, 90%);
  margin: 0 auto;
}

/* === TITRES & TEXTES === */
.dwc-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: var(--dwc-violet);
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}

.dwc-title::after {
  content: "";
  width: 80px;
  height: 4px;
  background: var(--dwc-orange);
  display: block;
  margin: 18px auto 0;
  border-radius: 2px;
}

.dwc-intro {
  font-size: 1.25rem;
  color: var(--dwc-grey);
  text-align: center;
  max-width: 850px;
  margin: 0 auto 60px;
  line-height: 1.8;
}

/* === 1. PRÉSENTATION === */
#presentation {
  background: var(--dwc-white);
}

/* === 2. AVANTAGES === */
#avantages {
  background: var(--dwc-light);
}

.dwc-advantages-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.dwc-advantage {
  background: var(--dwc-white);
  border-radius: 18px;
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.dwc-advantage h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--dwc-violet);
}

.dwc-advantage p {
  font-size: 1.05rem;
  color: var(--dwc-grey);
}

.dwc-advantage:hover {
  background: var(--dwc-orange);
  color: var(--dwc-white);
  transform: translateY(-8px);
  box-shadow: 0 8px 24px rgba(249, 164, 84, 0.35);
}

.dwc-advantage:hover h3,
.dwc-advantage:hover p {
  color: var(--dwc-white);
}

/* === 3. APRÈS PAIEMENT === */
#apres-paiement {
  background: var(--dwc-white);
}

.dwc-steps-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border: 1px solid #e8e8e8;
  border-radius: 18px;
  overflow: hidden;
}

.dwc-step {
  padding: 50px 25px;
  text-align: center;
  background: var(--dwc-light);
  border-right: 1px solid #e5e5e5;
  transition: all 0.3s ease;
}

.dwc-step:last-child {
  border-right: none;
}

.dwc-step-number {
  width: 50px;
  height: 50px;
  background: var(--dwc-orange);
  color: var(--dwc-white);
  font-weight: 800;
  font-size: 1.3rem;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dwc-step p {
  font-size: 1.05rem;
  color: var(--dwc-grey);
}

.dwc-step:hover {
  background: var(--dwc-orange);
  color: var(--dwc-white);
  transform: translateY(-4px);
}

.dwc-step:hover .dwc-step-number {
  background: var(--dwc-white);
  color: var(--dwc-orange);
}

.dwc-step:hover p {
  color: var(--dwc-white);
}

/* === 4. OFFRES === */
#nos-offres {
  background: var(--dwc-light);
}

.dwc-offres-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 70px;
}

.dwc-card {
  background: var(--dwc-white);
  border-radius: 22px;
  padding: 50px 40px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.35s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.dwc-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(249, 164, 84, 0.25);
  border-color: var(--dwc-orange);
}

.dwc-card-header {
  text-align: center;
  margin-bottom: 30px;
}

.dwc-card .dwc-title {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--dwc-violet);
  margin-bottom: 10px;
}

.dwc-card .dwc-price {
  font-size: 2rem;
  font-weight: 900;
  color: var(--dwc-orange);
  margin-bottom: 15px;
}

.dwc-card .dwc-tagline {
  font-size: 1.05rem;
  color: var(--dwc-grey);
  font-style: italic;
  margin-bottom: 25px;
}

.dwc-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dwc-features li {
  font-size: 1.05rem;
  color: var(--dwc-grey);
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dwc-features li strong {
  color: var(--dwc-violet);
}

/* === RESPONSIVE === */
@media (max-width: 1200px) {
  .dwc-advantages-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dwc-steps-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .dwc-offres-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  .dwc-advantages-grid,
  .dwc-steps-grid,
  .dwc-offres-grid {
    grid-template-columns: 1fr;
  }
  .dwc-section {
    padding: 70px 0;
  }
  .dwc-title {
    font-size: 2.2rem;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b7b757e *//* === DWC — ABONNEMENT (ID ou Classe) =========================
   Fonctionne si la section/colonne a:
   - CSS ID: dwc-abonnement   -> sélecteur #dwc-abonnement
   - ou Classes CSS: dwc-abonnement -> sélecteur .dwc-abonnement
================================================================ */
#dwc-abonnement, .dwc-abonnement{
  --dwc-violet:#2D0F09;
  --dwc-orange:#F9A454;
  --dwc-grey:#6C5A5A;
  --dwc-light:#FAF9F7;
  --dwc-white:#FFFFFF;

  background: var(--dwc-light);
  padding: clamp(32px,4vw,64px);
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* Titres */
#dwc-abonnement h1, #dwc-abonnement h2, #dwc-abonnement h3,
.dwc-abonnement h1, .dwc-abonnement h2, .dwc-abonnement h3{
  font-size: clamp(1.8rem,2.8vw,2.6rem);
  font-weight: 900;
  color: var(--dwc-violet);
  margin-bottom: 18px;
  letter-spacing: -.3px;
}
#dwc-abonnement h1::after, #dwc-abonnement h2::after, #dwc-abonnement h3::after,
.dwc-abonnement h1::after, .dwc-abonnement h2::after, .dwc-abonnement h3::after{
  content:""; display:block; width:80px; height:4px; margin:14px auto 0;
  background: var(--dwc-orange); border-radius:2px;
}

/* Conteneur rendu par le widget shortcode (Elementor) */
#dwc-abonnement .elementor-shortcode,
.dwc-abonnement .elementor-shortcode{
  text-align:left;
  margin: clamp(20px,3vw,36px) auto 0;
  max-width: 720px;
}

/* Labels */
#dwc-abonnement label,
.dwc-abonnement label{
  display:block; margin:0 0 8px;
  font-weight:600; color:var(--dwc-violet); font-size:1.02rem;
}

/* Champs texte / email / select / textarea */
#dwc-abonnement input:not([type="checkbox"]):not([type="radio"]),
#dwc-abonnement select,
#dwc-abonnement textarea,
.dwc-abonnement input:not([type="checkbox"]):not([type="radio"]),
.dwc-abonnement select,
.dwc-abonnement textarea{
  width:100%;
  padding:14px 16px;
  margin-bottom:18px;
  border:1.5px solid rgba(108,90,90,.3);
  border-radius:14px;
  font-size:1rem; color:var(--dwc-violet);
  background: var(--dwc-white);
  transition:border-color .2s ease, box-shadow .2s ease;
}
#dwc-abonnement select,
.dwc-abonnement select{ font-weight:600; cursor:pointer; }

#dwc-abonnement input:focus, #dwc-abonnement select:focus, #dwc-abonnement textarea:focus,
.dwc-abonnement input:focus, .dwc-abonnement select:focus, .dwc-abonnement textarea:focus{
  border-color: var(--dwc-orange);
  box-shadow: 0 0 0 4px rgba(249,164,84,.22);
  outline:0;
}

/* Checkbox */
#dwc-abonnement input[type="checkbox"],
.dwc-abonnement input[type="checkbox"]{ accent-color: var(--dwc-orange); transform:scale(1.15); }

/* Tableau récapitulatif (si le shortcode en génère un) */
#dwc-abonnement table, .dwc-abonnement table{ width:100%; border-collapse:separate; border-spacing:0; }
#dwc-abonnement th, #dwc-abonnement td,
.dwc-abonnement th, .dwc-abonnement td{
  padding:12px 10px; border-bottom:1px solid rgba(0,0,0,.06);
  color:var(--dwc-violet); font-size:.98rem;
}
#dwc-abonnement tfoot td, #dwc-abonnement .order-total td,
.dwc-abonnement tfoot td, .dwc-abonnement .order-total td{
  font-weight:800; color:var(--dwc-orange);
}

/* Bouton du formulaire (submit / button / .button) */
#dwc-abonnement button, #dwc-abonnement .button, #dwc-abonnement input[type="submit"],
.dwc-abonnement button, .dwc-abonnement .button, .dwc-abonnement input[type="submit"]{
  width:100%;
  background: var(--dwc-orange);
  color:#fff;
  border:0; border-radius:50px;
  padding:16px 28px;
  font-size:1.15rem; font-weight:800; letter-spacing:.3px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(249,164,84,.28);
  transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
  margin-top:14px;
}
#dwc-abonnement button:hover, #dwc-abonnement .button:hover, #dwc-abonnement input[type="submit"]:hover,
.dwc-abonnement button:hover, .dwc-abonnement .button:hover, .dwc-abonnement input[type="submit"]:hover{
  filter:brightness(.95); transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(249,164,84,.35);
}

/* Petits textes / mentions */
#dwc-abonnement p, #dwc-abonnement .form-row,
.dwc-abonnement p, .dwc-abonnement .form-row{
  color:var(--dwc-grey); font-size:.95rem;
}

/* Responsive */
@media (max-width: 680px){
  #dwc-abonnement, .dwc-abonnement{ padding:28px 18px; }
  #dwc-abonnement .elementor-shortcode, .dwc-abonnement .elementor-shortcode{ max-width:100%; }
}

/* === Centrage global de la section abonnement === */
#dwc-abonnement, 
.dwc-abonnement {
  max-width: 650px;              /* largeur contrôlée pour un rendu propre */
  margin: 0 auto;                /* centre horizontalement */
  text-align: center;            /* centre le contenu */
  padding: 50px 30px;
}

/* Centrage de l'élément du shortcode */
#dwc-abonnement .elementor-shortcode,
.dwc-abonnement .elementor-shortcode {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;           /* centre tous les éléments */
  justify-content: center;
}

/* Champs et select centrés */
#dwc-abonnement input,
#dwc-abonnement select,
#dwc-abonnement textarea,
.dwc-abonnement input,
.dwc-abonnement select,
.dwc-abonnement textarea {
  width: 100%;
  max-width: 500px;
  margin: 10px auto;
  display: block;
}

/* Bouton centré */
#dwc-abonnement button,
#dwc-abonnement input[type="submit"],
.dwc-abonnement button,
.dwc-abonnement input[type="submit"] {
  display: block;
  margin: 30px auto 0 auto;
  width: 100%;
  max-width: 500px;
}/* End custom CSS */