.elementor-398 .elementor-element.elementor-element-5d5c8e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-398 .elementor-element.elementor-element-d0caf71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-398 .elementor-element.elementor-element-9b9cb4f .elementor-icon-wrapper{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-398 .elementor-element.elementor-element-8de6b6c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-f210b29{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-398 .elementor-element.elementor-element-050d9a1 .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-d4f9a10{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-398 .elementor-element.elementor-element-bcfd475{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-398 .elementor-element.elementor-element-d417c46 .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-c2a19c6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-398 .elementor-element.elementor-element-38c176a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-398 .elementor-element.elementor-element-3cb3609 .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-998014a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-398 .elementor-element.elementor-element-3df3e3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-398 .elementor-element.elementor-element-a5790f8 .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-58b0029{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-398 .elementor-element.elementor-element-01f824f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-398 .elementor-element.elementor-element-86b65a1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-398 .elementor-element.elementor-element-86b65a1 .elementor-button .elementor-button-content-wrapper{gap:10px;}#elementor-popup-modal-398 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-398{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-398 .dialog-message{width:740px;height:auto;}#elementor-popup-modal-398 .dialog-close-button{display:flex;}#elementor-popup-modal-398 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-398 .dialog-close-button svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-398 .dialog-close-button:hover i{color:var( --e-global-color-4b9dc9c );}/* Start custom CSS */:root {
  --lime: #A8E10C;
  --green: #1DB954;
  --dark: #080C08;
  --dark-card: #0F1A10;
  --dark-card-hover: #142116;
  --surface: #111A12;
  --surface-light: #1A2A1B;
  --text-primary: #F0F5E8;
  --text-secondary: rgba(240, 245, 232, .55);
  --glass-border: rgba(168, 225, 12, .12);
  --radius-xl: 24px;
  --radius-pill: 100px;
}

/* Fond global de la popup Elementor */
.caeli-popup .dialog-widget-content {
  background: transparent !important;
  box-shadow: none !important;
}

/* Overlay sombre */
.caeli-popup .dialog-lightbox-widget-content {
  background: transparent !important;
}

/* Bouton fermer Elementor */
.caeli-popup .dialog-close-button {
  width: 44px;
  height: 44px;
  top: 20px !important;
  right: 20px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--dark-card);
  border: 1px solid var(--glass-border);
  border-radius: 50%;
  color: var(--text-secondary) !important;
  font-size: 18px;
  transition: all .3s ease;
  z-index: 50;
}

.caeli-popup .dialog-close-button:hover {
  border-color: var(--lime);
  color: var(--lime) !important;
  background: rgba(168, 225, 12, .05);
}

/* Carte principale de la popup */
.caeli-modal {
  width: 100%;
  max-width: 740px;
  max-height: 85vh;
  overflow-y: auto;
  position: relative;
  background: var(--dark-card);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  padding: 2.5rem;
  color: var(--text-primary);
  box-sizing: border-box;
  isolation: isolate;
}

/* Glow décoratif */
.caeli-modal::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(168, 225, 12, .07), transparent 70%);
  pointer-events: none;
  border-radius: 50%;
  z-index: 0;
}

/* Tous les éléments au-dessus du glow */
.caeli-modal > .elementor-element,
.caeli-modal > div {
  position: relative;
  z-index: 2;
}

/* Scrollbar */
.caeli-modal::-webkit-scrollbar {
  width: 6px;
}

.caeli-modal::-webkit-scrollbar-track {
  background: transparent;
}

.caeli-modal::-webkit-scrollbar-thumb {
  background: rgba(168, 225, 12, .15);
  border-radius: 3px;
}

/* Header */
.caeli-modal .modal-header {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.5rem;
}

/* Icône header */
.caeli-modal .modal-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 14px;
  background: rgba(168, 225, 12, .08);
  border: 1px solid rgba(168, 225, 12, .1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 1;
}

/* Supprime les marges Elementor dans l'icône */
.caeli-modal .modal-icon .elementor-widget-container,
.caeli-modal .modal-icon p,
.caeli-modal .modal-icon h1,
.caeli-modal .modal-icon h2,
.caeli-modal .modal-icon h3 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Titre popup */
.caeli-modal .modal-header h2 {
  font-family: inherit;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  color: var(--text-primary);
}

/* Badge Nouveau dans le titre */
.caeli-modal .modal-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: .8rem;
  background: var(--lime);
  color: var(--dark);
  font-size: .65rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 50px;
  transform: translateY(-2px);
}

/* Intro */
.caeli-modal .modal-intro {
  margin-bottom: 2rem;
}

.caeli-modal .modal-intro p,
.caeli-modal .modal-intro {
  color: var(--text-secondary);
  font-size: .95rem;
  line-height: 1.85;
  font-weight: 300;
}

/* Liste features */
.caeli-modal .modal-features {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  margin-bottom: 2rem;
}

/* Feature */
.caeli-modal .modal-feature {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem 1.2rem;
  background: var(--surface);
  border: 1px solid var(--glass-border);
  border-radius: 14px;
  transition: all .3s ease;
}

.caeli-modal .modal-feature:hover {
  border-color: rgba(168, 225, 12, .2);
  background: var(--surface-light);
}

/* Icône feature */
.caeli-modal .mf-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 10px;
  background: rgba(168, 225, 12, .08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
}

/* Titres feature */
.caeli-modal .modal-feature h4,
.caeli-modal .modal-feature .elementor-heading-title {
  font-size: .88rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 .2rem !important;
  color: var(--text-primary) !important;
}

/* Texte feature */
.caeli-modal .modal-feature p {
  font-size: .8rem;
  color: var(--text-secondary);
  line-height: 1.65;
  font-weight: 300;
  margin: 0;
}

/* Bloc conformité */
.caeli-modal .modal-compliance {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.2rem;
  margin-bottom: 2rem;
  background: rgba(168, 225, 12, .03);
  border: 1px solid rgba(168, 225, 12, .1);
  border-radius: 14px;
}

/* Icône conformité */
.caeli-modal .mc-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 10px;
  background: rgba(168, 225, 12, .1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
}

/* Titre conformité */
.caeli-modal .modal-compliance h4,
.caeli-modal .modal-compliance .elementor-heading-title {
  font-size: .85rem !important;
  font-weight: 700 !important;
  color: var(--lime) !important;
  margin: 0 0 .2rem !important;
  line-height: 1.3 !important;
}

/* Texte conformité */
.caeli-modal .modal-compliance p {
  font-size: .78rem;
  color: var(--text-secondary);
  line-height: 1.7;
  font-weight: 300;
  margin: 0;
}

/* CTA */
.caeli-modal .modal-cta {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Base boutons */
.caeli-modal .btn .elementor-button,
.caeli-modal a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: .85rem 2rem !important;
  border-radius: var(--radius-pill);
  font-weight: 600;
  font-size: .88rem;
  text-decoration: none;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  cursor: pointer;
  border: none;
  line-height: 1;
}

/* Bouton vert */
.caeli-modal .btn-glow .elementor-button,
.caeli-modal a.btn-glow {
  background: var(--lime) !important;
  color: var(--dark) !important;
}

.caeli-modal .btn-glow .elementor-button:hover,
.caeli-modal a.btn-glow:hover {
  box-shadow: 0 0 50px rgba(168, 225, 12, .35),
              0 0 100px rgba(168, 225, 12, .1);
  transform: translateY(-2px);
}

/* Bouton glass */
.caeli-modal .btn-glass .elementor-button,
.caeli-modal a.btn-glass {
  background: rgba(15, 26, 16, .65) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--glass-border) !important;
}

.caeli-modal .btn-glass .elementor-button:hover,
.caeli-modal a.btn-glass:hover {
  background: rgba(168, 225, 12, .08) !important;
  border-color: rgba(168, 225, 12, .3) !important;
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 768px) {
  .caeli-modal {
    max-width: 100%;
    max-height: 90vh;
    padding: 1.5rem;
    border-radius: 20px 20px 0 0;
  }

  .caeli-modal .modal-header {
    align-items: flex-start;
  }

  .caeli-modal .modal-header h2 {
    font-size: 1.4rem;
  }

  .caeli-modal .modal-badge {
    margin-left: .4rem;
    margin-top: .4rem;
  }

  .caeli-modal .modal-feature,
  .caeli-modal .modal-compliance {
    padding: 1rem;
  }

  .caeli-modal .modal-cta {
    flex-direction: column;
  }

  .caeli-modal .btn,
  .caeli-modal .btn .elementor-button {
    width: 100%;
  }

  .caeli-popup .dialog-close-button {
    top: 14px !important;
    right: 14px !important;
  }
}

/* Taille des icônes dans la popup */
.caeli-modal .modal-icon {
  font-size: 1.7rem !important;
}

.caeli-modal .mf-icon {
  font-size: 1.15rem !important;
}

.caeli-modal .mc-icon {
  font-size: 1.2rem !important;
}

/* Si tu utilises des widgets Icône Elementor en SVG */
.caeli-modal .modal-icon svg {
  width: 28px !important;
  height: 28px !important;
  fill: var(--lime) !important;
}

.caeli-modal .mf-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: var(--lime) !important;
}

.caeli-modal .mc-icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: var(--lime) !important;
}

/* Supprimer le contour bleu du bouton fermer Elementor */
.caeli-popup .dialog-close-button,
.caeli-popup .dialog-close-button:focus,
.caeli-popup .dialog-close-button:focus-visible,
.caeli-popup .dialog-close-button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Supprimer aussi le contour sur l’icône interne */
.caeli-popup .dialog-close-button i,
.caeli-popup .dialog-close-button svg,
.caeli-popup .dialog-close-button:focus i,
.caeli-popup .dialog-close-button:focus svg {
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */