.elementor-kit-1077{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1077 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* 1) Bannière fine (H2) : taille + marges adaptées mobile */
@media (max-width: 768px){
  .seo-banner-text{
    font-size: 15px;
    line-height: 1.5;
    margin: 8px auto 14px;
    padding: 0 8px;
  }
}

/* 2) Titre sur l’image (hero) : réduire la taille et l'interligne */
@media (max-width: 768px){
  .hero-title, 
  .elementor-widget-heading .elementor-heading-title{
    font-size: 22px !important;
    line-height: 1.25 !important;
    letter-spacing: -.2px;
  }
  /* option : réduire la hauteur du bloc image si trop haut */
  .hero-section, .elementor-section.hero{
    min-height: 380px !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
  }
}

/* 3) Champ de recherche : largeur et taille lisible (évite le zoom iOS <16px) */
@media (max-width: 768px){
  .hero-search input, 
  .hero-search .elementor-field, 
  .elementor-widget-form .elementor-field{
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    padding: 12px 14px !important;
    box-sizing: border-box;
  }
}

/* 4) Paragraphe d’intro sous l’image : tailles et marges */
@media (max-width: 768px){
  .intro-bloc, .seo-intro, .seo-intro-elegant{
    margin: 14px auto 16px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .intro-bloc h2, .seo-intro h2, .seo-intro-elegant h2{
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
}

/* 5) Éviter le chevauchement avec le bouton WhatsApp flottant */
@media (max-width: 768px){
  body{ padding-bottom: 84px; } /* espace de respiration en bas */
  #whatsapp-fab, .whatsapp-btn{
    bottom: 18px !important;
    right: 16px !important;
  }
}

/* 6) Couper les longs mots si besoin */
@media (max-width: 768px){
  .seo-banner-text, .hero-title, .intro-bloc, .elementor p{
    word-break: break-word;
    hyphens: auto;
  }
}/* End custom CSS */