/*
Theme Name: Hello Elementor Child
Theme URI: 
Description: Hello Elementor Child Theme
Author: Jaulin Francis
Author URI: 
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Ajoutez votre CSS personnalisé ici */
/* Styles de base du menu (s'appliquent à toutes les tailles d'écran) */
/* Styles de base pour tous les écrans */
.menu-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  background-color: #ffffff;
  transition: all 0.3s ease;
}

/* Styles pour desktop (1024px et plus) */
@media screen and (min-width: 1024px) {
  .menu-sticky {
    height: 60px;
  }
  
  body {
    padding-top: 60px;
  }
  
  .menu-sticky.scrolled {
    left :0;
    right: 0;
    height: 45px;
    width: 1200px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.499);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0 0 10px 10px;
  }
}

/* Styles pour tablette (1024px) */
@media screen and (max-width: 1023px) {
  .menu-sticky {
    height: 60px;
  }
  
  body {
    padding-top: 60px;
  }
  
}

footer a {
  color: #ededed !important; /* Or */
  text-decoration: none !important;
  font-weight: 500;
  transition: color 0.3s ease-in-out !important;
}

footer a:hover {
  color: #FFD166 !important; /* Orange foncé */
}



  
    /* Formulaires */

    .wpforms-container .wpforms-submit-container button.wpforms-submit:hover {
      background-color: #005590 !important; /* Bleu plus foncé au survol */
      box-shadow: 0 4px 8px rgba(0, 61, 102, 0.3) !important; /* Ombre portée au survol */
      transition: all 0.3s ease !important; /* Transition fluide */
  }
  
  /* Assurez-vous que la transition est définie également sur l'état normal */
  .wpforms-container .wpforms-submit-container button.wpforms-submit {
      transition: all 0.3s ease !important; 
      background-color: #003D66 !important; /* Votre couleur de base */
      color: #ffffff !important; /* Votre couleur de texte */
      border-radius: 8px !important; /* Votre rayon de bordure */
  }