.elementor-47583 .elementor-element.elementor-element-45c5cd8{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-78ad6f8 *//* --- PATCH TYPO HERO --- */
.hero h1{
  /* taille fluide : plus petite sur mobile, 28px max sur desktop */
  font-size: clamp(22px, 6vw, 28px);
  line-height: 1.15;
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word; /* évite la coupe des mots très longs */
}

.hero p{
  font-size: clamp(14px, 3.6vw, 16px);
}

/* resserrer légèrement le bloc sur mobile pour que tout rentre */
@media (max-width: 760px){
  .hero-inner{ padding: 20px 16px 26px; gap: 8px; }
  .cta-row .btn{ padding: 10px 14px; font-size: 15px; }
}
/* CTA : texte (et icône) toujours blanc au hover/focus */
.btn-primary,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus { color:#fff !important; }

.btn-ghost,
.btn-ghost:visited,
.btn-ghost:hover,
.btn-ghost:focus { color:#fff !important; border-color:rgba(255,255,255,.35); }

.btn i { color:inherit !important; }/* End custom CSS */