.elementor-20113 .elementor-element.elementor-element-bb287f9{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9c97f6b */#al-hero-premium h1 {
  font-size: clamp(34px, 4.5vw, 56px);
  line-height: 1.1;
  margin: 0 0 24px 0;
  font-weight: 900;
  /* LE FIX : On force le blanc pur et on ajoute une ombre pour la lisibilité */
  color: #ffffff !important; 
  text-shadow: 0 2px 10px rgba(0,0,0,0.3);
  z-index: 10;
  position: relative;
}

#al-hero-premium h1 span {
  /* Le span reste dans ton vert lagon clair pour le style */
  color: #2dd4bf !important; 
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd0a3fc *//* 1. ON POUSSE LE SITE POUR VOIR LA TÊTE DE GEORGES */
body {
    padding-top: 100px !important; /* On descend tout le contenu de 100px */
}

/* 2. ON DONNE DE LA HAUTEUR AU HEADER POUR LE CÔTÉ LUXE */
#al-header-final .wrap {
    padding: 15px 25px !important; /* Plus d'espace interne */
}

/* 3. ON AJUSTE LE BOUTON ORANGE DANS LE HEADER */
#al-header-final .cta-orange {
    background: #FF813D !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Bouton arrondi plus moderne */
    padding: 12px 22px !important;
    font-size: 14px !important;
    box-shadow: 0 4px 15px rgba(255, 129, 61, 0.4) !important;
}

/* 4. RÉGLAGE MOBILE POUR QUE RIEN NE DÉBORDE */
@media (max-width: 768px) {
    body {
        padding-top: 80px !important;
    }
    #al-header-final .brand .name {
        font-size: 17px !important;
    }
    #al-header-final .cta-orange {
        font-size: 11px !important;
        padding: 8px 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89900eb *//* FORCE LA VISIBILITÉ DU CHAMP EMAIL */
#al-newsletter .form-container .wpcf7-form-control-wrap {
    flex: 1;
    min-width: 250px;
    display: block !important;
}

#al-newsletter .form-container input[type="email"] {
    width: 100% !important;
    background: #ffffff !important;
    /* On ajoute une bordure colorée pour qu'on VOIE le champ */
    border: 2px solid #cbd5e1 !important; 
    padding: 16px !important;
    color: #0b3a6b !important;
    border-radius: 12px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important;
}

#al-newsletter .form-container input[type="email"]:focus {
    border-color: var(--orange) !important;
    background: #fff !important;
}

/* FORCE LE BOUTON À SORTIR DU LOT */
#al-newsletter .form-container input[type="submit"] {
    background: #FF813D !important; /* Orange vif */
    color: #white !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 16px 30px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

#al-newsletter .form-container input[type="submit"]:hover {
    background: #e66a2e !important;
    transform: translateY(-2px) !important;
}

/* Nettoyage des paragraphes invisibles que WordPress ajoute */
#al-newsletter .wpcf7 p {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-483f43d */#al-floating-tools {
    position: fixed !important;
    /* 115px = environ 3cm de hauteur depuis le bas de l'écran */
    bottom: 115px !important; 
    right: 25px !important;
    z-index: 99999 !important;
    font-family: 'Inter', sans-serif;
  }

  /* Ajustement Mobile pour garder l'équilibre visuel */
  @media (max-width: 480px) {
    #al-floating-tools { 
      bottom: 105px !important; 
      right: 15px !important; 
    }
  }/* End custom CSS */