.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11890 .elementor-element.elementor-element-3c61b017{--display:flex;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}/* Start custom CSS *//* ===== SDDF: Typo helpers ===== */
.sdf-kicker{
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .75;
  margin-bottom: 8px;
}

.sdf-lead{
  font-size: 18px;
  line-height: 1.55;
  opacity: .92;
}

@media (max-width: 767px){
  .sdf-lead{ font-size: 16px; }
}

/* Titles spacing consistency inside SDDF sections */
.sdf-section h1,
.sdf-section h2{
  margin-bottom: 12px;
}

.sdf-section p{
  margin: 0 0 12px 0;
  line-height: 1.65;
}

/* ===== SDDF: Soft backgrounds (optional) =====
   Utilise sdf-bg sur une section/container si tu veux alterner les fonds */
.sdf-bg{
  background: rgba(0,0,0,.02);
}

/* ===== SDDF: Buttons =====
   Astuce : ajoute ces classes AUX WIDGETS BUTTON (Advanced > CSS Classes)
   - sdf-btn-primary
   - sdf-btn-secondary
*/
.sdf-btn-primary .elementor-button{
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
}

.sdf-btn-secondary .elementor-button{
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
  background: transparent;
  border-width: 2px;
}

/* Hover (discret, pro) */
.sdf-btn-primary .elementor-button:hover{
  filter: brightness(.95);
}

.sdf-btn-secondary .elementor-button:hover{
  filter: brightness(.95);
}

/* Mobile: boutons pleine largeur si le parent a sdf-cta-stack (déjà dans le 1er bloc) */
@media (max-width: 767px){
  .sdf-btn-primary .elementor-button,
  .sdf-btn-secondary .elementor-button{
    padding: 12px 16px;
  }
}

/* ===== SDDF: Links ===== */
.sdf-section a{
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* ===== SDDF: Dividers / small separators ===== */
.sdf-divider{
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 18px 0;
}

/* ===== SDDF: Badges (small labels) =====
   Utilise un widget Heading/Text avec class sdf-badge */
.sdf-badge{
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 13px;
  background: rgba(0,0,0,.06);
}

/* ===== SDDF: Card content spacing (quand tu mets le widget dans un container sdf-card) ===== */
.sdf-card h3{ margin: 0 0 8px 0; }
.sdf-card p{ margin: 0; }

/* ===== SDDF: Hero image/card max width control (optional) ===== */
.sdf-hero-side{
  max-width: 520px;
  margin-left: auto;
}
@media (max-width: 1024px){
  .sdf-hero-side{ max-width: 100%; margin-left: 0; }
}/* End custom CSS */