.elementor-1061 .elementor-element.elementor-element-2f7091e{--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-1061 .elementor-element.elementor-element-5c13e72{--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-1061 .elementor-element.elementor-element-c0a2a0d{--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-1061 .elementor-element.elementor-element-b7cc7a3{--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;}/* Start custom CSS for shortcode, class: .elementor-element-6bd9798 *//* ═══════════════════════════════════════════════════════
   CLEOS — Contact Page
   TOUT EST ANNOTÉ — change ce que tu veux!
═══════════════════════════════════════════════════════ */

/* ══════════════════════════════════════
   FOND DE PAGE
   ══════════════════════════════════════ */
.elementor-page .elementor {
  background-color: #ffff !important;             /* ↑ COULEUR FOND PAGE */
}

/* ══════════════════════════════════════
   HEADER — titre + sous-titre (FIXE)
   ══════════════════════════════════════ */
.contact-header{
  text-align:center;
  font-family:Inter, sans-serif;
  max-width:460px;                                  /* ↑ LARGEUR MAX du header */
  margin-left:auto !important;
  margin-right:auto !important;
  margin-top:20px !important;                       /* ↑ POSITION DU HEADER — monter/descendre le titre */
  margin-bottom:0px !important;                     /* ↑ ESPACE entre header et bulle */
  padding-left:16px !important;
  padding-right:16px !important;
}

/* ══════════════════════════════════════
   TITRE
   ══════════════════════════════════════ */
.contact-header h2{
  font-size:32px;                                   /* ↑ TAILLE titre */
  font-weight:700;                                  /* ↑ ÉPAISSEUR titre */
  color:#0d1b44;                                    /* ↑ COULEUR titre */
  margin-bottom:6px;                                /* ↑ ESPACE entre titre et sous-titre */
}

/* ══════════════════════════════════════
   SOUS-TITRE
   ══════════════════════════════════════ */
.contact-header p{
  font-size:15px;                                   /* ↑ TAILLE sous-titre */
  color:#6b7280;                                    /* ↑ COULEUR sous-titre */
}

/* ══════════════════════════════════════
   VIDE SUR LES CÔTÉS
   ══════════════════════════════════════ */
div.wpforms-container-full {
  padding-left: 24px !important;                    /* ↑ VIDE CÔTÉ GAUCHE */
  padding-right: 24px !important;                   /* ↑ VIDE CÔTÉ DROIT */
}

/* ══════════════════════════════════════
   BULLE FORMULAIRE
   ══════════════════════════════════════ */
div.wpforms-container-full .wpforms-form{
  max-width:460px !important;                       /* ↑ LARGEUR MAX de la bulle */
  margin-top:-20px !important;                      /* ↑ MONTER LA BULLE — négatif = monte vers la ligne rose */
  margin-bottom:40px !important;                    /* ↑ ESPACE en bas */
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:18px !important;                      /* ↑ ESPACE INTÉRIEUR haut */
  padding-bottom:18px !important;                   /* ↑ ESPACE INTÉRIEUR bas */
  padding-left:20px !important;                     /* ↑ ESPACE INTÉRIEUR gauche */
  padding-right:20px !important;                    /* ↑ ESPACE INTÉRIEUR droit */
  background:white !important;
  border:1.5px solid #e4e4ea !important;
  border-radius:18px !important;
  box-shadow:none !important;
  font-family:Inter, sans-serif;
}

/* ══════════════════════════════════════
   LABELS
   ══════════════════════════════════════ */
div.wpforms-container-full .wpforms-form label{
  font-weight:700 !important;                       /* ↑ ÉPAISSEUR label */
  font-size:16px !important;                        /* ↑ TAILLE label */
  color:#0d1b44 !important;                         /* ↑ COULEUR label */
  margin-bottom:4px !important;                     /* ↑ ESPACE entre label et input */
}

/* ══════════════════════════════════════
   INPUTS + TEXTAREA
   ══════════════════════════════════════ */
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form textarea{
  border-radius:12px !important;                    /* ↑ COINS ARRONDIS inputs */
  padding:13px !important;                          /* ↑ ESPACE intérieur des inputs */
  border:1px solid #e5e7eb !important;              /* ↑ BORDURE inputs */
  font-size:15px !important;                        /* ↑ TAILLE texte */
}

div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus{
  border-color:#0d1b44 !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(13,27,68,0.08) !important;
}

/* ══════════════════════════════════════
   ESPACE ENTRE LES CHAMPS
   ══════════════════════════════════════ */
div.wpforms-container-full .wpforms-form .wpforms-field{
  margin-top:10px !important;                        /* ↑ ESPACE AU DESSUS de chaque champ */
  margin-bottom:6px !important;                     /* ↑ ESPACE EN BAS de chaque champ */
  padding-top:0px !important;
  padding-bottom:0px !important;
}

/* ══════════════════════════════════════
   BOUTON SUBMIT — gradient CLEOS, MAJUSCULE, texte centré
   ══════════════════════════════════════ */
div.wpforms-container-full .wpforms-form button.wpforms-submit{
  background: linear-gradient(135deg, #1f285b 0%, #3863f6 100%) !important;
  color:white !important;
  border:none !important;
  border-radius:14px !important;                    /* ↑ COINS ARRONDIS bouton */
  padding:0 20px !important;                        /* ↑ PADDING horizontal — 0 vertical car height+line-height gère */
  height:54px !important;                           /* ↑ HAUTEUR du bouton — change 54px pour plus gros/petit */
  line-height:54px !important;                      /* ↑ MÊME VALEUR que height = texte centré verticalement */
  font-weight:700 !important;                       /* ↑ ÉPAISSEUR texte */
  font-size:15px !important;                        /* ↑ TAILLE texte */
  letter-spacing:0px !important;                    /* ↑ ESPACEMENT lettres */
  text-transform:uppercase !important;              /* ↑ MAJUSCULE */
  text-align:center !important;                     /* ↑ CENTRER horizontalement */
  width:100% !important;
  cursor:pointer !important;
  margin-top:10px !important;                       /* ↑ ESPACE entre dernier champ et bouton */
  transition:opacity 0.2s ease, transform 0.1s ease !important;
}
div.wpforms-container-full .wpforms-form button.wpforms-submit:hover{
  opacity:0.9 !important;
  transform:translateY(-1px) !important;
}
div.wpforms-container-full .wpforms-form button.wpforms-submit:active{
  transform:translateY(0) !important;
}/* End custom CSS */