/* =============================
   Fair Future – SearchWP Forms
   Scoped to .form.searchwp-form
   ============================= *//* Style général pour tous les formulaires SearchWP */
form.searchwp-form {
    background-color: #f6f6f6; /* Fond léger */
    padding: 10px; /* Espacement interne */
    border-radius: 4px; /* Bordures arrondies */
	transition: background-color 0.3s ease-out, transform 0.3s ease-out;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/* Hover Effect */
form.searchwp-form:hover {
	background-color: #f9f9f9;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Enhance the hover effect */
}

/* Champs de saisie et sélecteurs */
form.searchwp-form .swp-input, 
form.searchwp-form .swp-select {
    border-radius: 6px; /* Bordures arrondies */
    width: 100%; /* Largeur pleine pour tous les champs */
    padding: 10px; /* Espacement interne des champs */
    border: 1px solid #ddd !important; /* Bordure légère */
    font-size: 15px; /* Taille du texte */
    color: #333; /* Couleur du texte */
    height: 45px; /* Hauteur fixe pour uniformiser les champs */
    box-sizing: border-box; /* S'assure que padding et border n'affectent pas la taille */
}

/* Bouton de soumission */
form.searchwp-form input[type=submit] {
    background-color: #ae2012!important; /* Rouge principal */
    transition: all 0.5s ease-in-out!important; /* Transition douce pour l'effet hover */
    border: none; /* Pas de bordure */
    font-size: 15px; /* Taille de la police */
    font-weight: 500; /* Semi-gras pour le texte */
    text-transform: uppercase; /* Texte en majuscule */
    color: white!important; /* Texte blanc */
    border-radius: 4px; /* Bordures arrondies */
    padding: 10px; /* Espacement interne du bouton */
    cursor: pointer; /* Curseur en mode clic */
    height: 45px; /* Uniforme avec les champs de saisie */
}

/* Effet au survol du bouton de soumission */
form.searchwp-form input[type=submit]:hover {
    background-color: rgba(174, 32, 18, 0.65)!important; /* Rouge plus clair au survol */
}

/* Style spécifique pour les champs de sélection (select) */
form.searchwp-form .swp-select {
    border-color: #ddd !important; /* Bordure des champs de sélection */
    margin-bottom: 10px; /* Espacement en bas */
    height: 45px; /* Uniformité avec les champs de saisie */
}

/* Ajustement des champs avec plusieurs éléments */
form.searchwp-form .searchwp-form-input-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espace entre les champs */
}

form.searchwp-form .searchwp-form-input-container .swp-input,
form.searchwp-form .searchwp-form-input-container .swp-select {
    flex: 1; /* Flexibilité pour ajuster la largeur */
    min-width: 120px; /* Largeur minimale pour chaque champ */
    height: 45px; /* Hauteur uniforme */
}