.elementor-kit-6{--e-global-color-primary:#21467D;--e-global-color-secondary:#06D1A5;--e-global-color-text:#102646;--e-global-color-accent:#F40583;--e-global-color-80011b8:#CCE0FF;--e-global-color-f503e3c:#FFCCE7;--e-global-color-abd3bf4:#CCFFF4;--e-global-color-9b91160:#FFFFFF;--e-global-color-35faa8d:#EAF3FF;--e-global-color-5158854:#FDE7F3;--e-global-color-c2f9621:#E5FFF9;--e-global-color-dfd769a:#387BDF;--e-global-color-421c5b4:#CECECE;--e-global-color-750c4be:#FCE3F0;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:800;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ======================================================
   ICON LIST – EMPÊCHER LES RETOURS À LA LIGNE
====================================================== */
.elementor-icon-list-text {
  white-space: nowrap;
}


/* ======================================================
   BADGES (PRIX / INFO / RECOMMANDÉ / OBLIGATOIRE)
====================================================== */

/* Badge prix et obligatoire (rose) */
.price-badge,
.badge-price,.badge-required {
 display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
  background: rgba(244, 3, 131, 0.15);
  color: #F40383;
  vertical-align: middle;
}

/* Badge info / note (bleu pâle) */
.note-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #102647;
  background: #E8F0FF;
  border-radius: 999px;
  white-space: nowrap;
  vertical-align: middle;
}

/* Badge recommandé (vert doux) */
.badge-reco {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
  background: rgba(7, 209, 165, 0.15);
  color: #07D1A5;
  vertical-align: middle;
}




/* ======================================================
   JETFORM – TITRES / PRIX / TOTAUX
====================================================== */

h3 {
  color: #F41583 !important;
  font-family: Poppins;
  font-weight: bold;
}

.prix {
  color: #F41583 !important;
  font-family: Poppins;
  font-size: 25px !important;
  font-weight: bold;
}

.total {
  color: #6DA0D4 !important;
  font-family: Poppins;
  font-size: 25px !important;
  font-weight: bold;
}

.remise {
  color: #07D1A5 !important;
  font-family: Poppins;
  font-size: 25px !important;
  font-weight: bold;
}

.pages-total-wrap {
  color: #F41583 !important;
  font-family: Poppins;
}


/* ======================================================
   JETFORM – NETTOYAGE DES BORDURES PARASITES
====================================================== */
.jet-form-builder fieldset,
.jet-form-builder__field-wrap,
.jet-form-builder__checkboxes,
.jet-form-builder__radio,
.jet-form-builder__group,
.jet-form-builder__fieldset {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* ======================================================
   JETFORM – BOUTON AJOUT REPEATER
====================================================== */
.jet-form-builder-repeater__new {
  background-color: #21467D;
  color: white;
  text-align: left !important;
}


/* ======================================================
   JETFORM – BARRE DE PROGRESSION (MASQUER LABELS)
====================================================== */
.jet-form-builder-progress-pages__item--label {
  font-size: 0px;
}

/* ===============================
   LISTE GLOBALE
================================ */
.pages-supplementaires {
  list-style: none;
  padding-left: 0;
  margin: 0;
}


/* ===============================
   ITEM (UNE PAGE)
================================ */
.pages-supplementaires li {
  background: #FFFFFF; /* gris clair visible */
  padding: 20px 24px;
  border-radius: 15px;
  box-shadow: 
    0 8px 20px rgba(16, 38, 71, 0.12),
    0 2px 6px rgba(16, 38, 71, 0.06);
  margin-top: 24px;

  display: flex;
  flex-direction: column;
  gap: 10px;
}


/* ===============================
   LIGNE PRINCIPALE
================================ */
.page-main {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

/* Nom de la page */
.pages-supplementaires .page-name {
  font-weight: 700;
  color: #102647;
}

/* Type de page */
.pages-supplementaires .page-type {
  font-style: italic;
  font-weight: 400;
  color: #CCE0FF;
}

/* Prix de la page */
.pages-supplementaires .page-price {
  margin-left: auto;
  margin-right: 40px; /* ✅ ESPACE AVANT RÉDACTION */
  font-weight: 700;
  color: #07D1A5;
  background: #E5FFF9;
  padding: 10px 16px;
  border-radius: 10px;
  flex-shrink: 0;
}


/* ===============================
   LIGNE RÉDACTION
================================ */
.page-redaction {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

/* Label rédaction (non gras) */
.redaction-label {
  font-weight: 400;
  color: #102647;
  font-size: 14px;
}

/* Valeur rédaction */
.redaction-value {
  font-weight: 600;
  color: #102647;
  font-size: 14px;
}

/* Prix rédaction */
.redaction-price {
  margin-left: auto;
  font-weight: 700;
  color: #F40383;
  background: #FFE1EE;
  padding: 8px 16px;
  border-radius: 10px;
  flex-shrink: 0;
}


/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
  .page-main,
  .page-redaction {
    flex-wrap: wrap;
    white-space: normal;
  }

  .page-price {
    margin-right: 0;
  }

  .page-price,
  .redaction-price {
    margin-left: 0;
  }
}

/* Correction débordement listes icônes Elementor sur mobile */
@media (max-width: 767px) {
  .elementor-icon-list-item {
    align-items: flex-start;
  }

  .elementor-icon-list-text {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
  }
}


@media (max-width: 767px) {

  .page-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 12px; /* ⬅️ moins d’espace sur les côtés */
    text-align: center;
  }

  /* Bloc principal */
  .page-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center; /* ⬅️ centrage réel */
  }

  .page-name {
    font-size: 18px;
    font-weight: 700;
  }

  .page-type {
    font-size: 14px;
    opacity: 0.6;
  }

  .page-price {
    margin-top: 6px;
    align-self: center; /* ⬅️ plus de flex-start */
  }

  /* Bloc rédaction */
  .page-redaction {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 12px;
    border-top: 1px dashed rgba(0,0,0,0.12);
    align-items: center; /* ⬅️ centrage */
  }

  .redaction-label {
    font-size: 14px;
    opacity: 0.7;
    white-space: nowrap; /* ⬅️ tient sur une ligne */
  }

  .redaction-value {
    font-weight: 600;
  }

  .redaction-price {
    margin-top: 6px;
    align-self: center; /* ⬅️ cohérent */
    opacity: 0.9;
  }

}/* End custom CSS */