.u-section-1 .u-sheet-1 {
  min-height: auto;
}

.u-section-1 .u-text-1 {
  margin: 10px auto 0;
}

.u-section-1 .u-text-2 {
  margin: 20px auto;0p
}
x458p
.u-section-2 .u-sheet-1 {
  min-height: auto;
}

/* ==========================================================================
   STYLE FORMULAIRE DE CONTACT (FORMSPREE)
   ========================================================================== */

.form-contact-custom {
  max-width: 600px;
  margin: 20px auto;
  padding: 30px;
  background: #118eef; /* Fond sombre pour s'accorder avec ton thème */
  border-radius: 8px; 
  box-sizing: border-box;
  font-family: 'Plus Jarkarta Sans', sans-serif ;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.form-group-custom {
  margin-bottom: 20px;
}

.form-group-custom label {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
}

/* Style des champs de saisie et de la liste déroulante */
.form-contact-custom input[type="email"],
.form-contact-custom select,
.form-contact-custom textarea {
  width: 100%;
  padding: 12px;
  background: #2d2d2d;
  border: 1px solid #444;
  border-radius: 4px;
  color: #ffffff;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

/* Modifie la couleur de la bordure quand on clique dans un champ */
.form-contact-custom input:focus,
.form-contact-custom select:focus,
.form-contact-custom textarea:focus {
  outline: none;
  border-color: #118eef; /* Ton bleu fétiche */
}

/* Bouton d'envoi */
.btn-submit-custom {
  background: #fdd200;
  color: #000000;
  border: none;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  transition: background 0.2s ease;
}

.btn-submit-custom:hover {
  background: #1;
}

/* ==========================================================================
   CENTRAGE ET COMMANDE EN GROS DE L'EMAIL
   ========================================================================== */

/* Conteneur de centrage absolu */
.email-container-center {
  display: flex !important;
  justify-content: center !important; /* Centre horizontalement */
  align-items: center !important;     /* Centre verticalement */
  text-align: center !important;
  width: 100% !important;
  margin: 20px auto !important;       /* Ajoute de l'espace au-dessus/en-dessous */
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* Le lien hyper gros et responsive */
.email-giant-link {
  font-family: 'Oswald', sans-serif !important; /* S'aligne sur tes titres */
  font-weight: 700 !important;
  color: #118eef !important; /* Ton bleu (ou mets #ffffff si tu es sur fond sombre) */
  text-decoration: none !important;
  display: inline-block !important;
  word-break: break-all !important; /* Sécurité pour pas que ça dépasse sur mobile */
  transition: color 0.2s ease-in-out !important;
  
  /* Gestion de la taille responsive (Écrans PC de base) */
  font-size: 56px !important; 
}

/* Changement de couleur au survol (devient jaune) */
.email-giant-link:hover {
  color: #f1c40f !important;
}

/* ==========================================================================
   ADAPTATION SMARTPHONE ET TABLETTE (Pour éviter que ça déborde)
   ========================================================================== */
@media (max-width: 991px) {
  .email-giant-link {
    font-size: 38px !important; /* Taille intermédiaire sur tablette */
  }
}

@media (max-width: 575px) {
  .email-giant-link {
    font-size: 24px !important; /* Taille adaptée aux petits écrans de téléphones */

    }
}

/* ==========================================================================
   FORÇAGE DU BLOC RÉSEAUX SOCIAUX
   ========================================================================== */

.mes-reseaux-container {
  display: flex !important;
  justify-content: center !important; /* Centre les 4 icônes au milieu */
  align-items: center !important;
  gap: 50px !important;               /* Espace entre chaque bouton */
  margin: 30px auto !important;
  width: 100% !important;
}

/* On donne exactement la même taille (36px) à tous les liens */
.reseau-item {
  width: 36px !important;
  height: 36px !important;
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

/* Grossit légèrement au survol de la souris */
.reseau-item:hover {
  transform: scale(1.1);
}

/* Gestion des icônes SVG natives (LinkedIn, Insta, Twitter) */
.reseau-item svg {
  width: 100% !important;
  height: 100% !important;
  fill: #ffffff !important; /* Force la couleur blanche */
}  

/* Gestion de ton fichier image Artstation */
.reseau-item img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}
  /* PROTECTION ULTIME : On force l'image SVG à obéir à la taille de 40px */
.reseau-item img {
  width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  display: block !important;
  
  /* 'contain' force le logo à s'adapter au carré de 40px sans se déformer */
  object-fit: contain !important; 
}

/* --- TAILLE DE BASE (PC ET TABLETTE) --- */
h2 {
    font-size: 100px !important; /* Change 46px par la taille voulue sur ordinateur */
    color: #118eef
}

/* --- TAILLE ADAPTATIVE (TÉLÉPHONE) --- */
@media (max-width: 767px) {
    h2 {
        font-size: 44px !important; /* Change 28px par la taille voulue sur smartphone */
    }
}

h3 {
  color: #118eef;
}