/* 
 * Correctif pour le bug du cadre blanc autour de la barre de recherche
 * Cible directement le formulaire de recherche du header sans dépendre de classes conteneurs
 */

/* Correctif pour le formulaire de recherche - SOLUTION DIRECTE */
header .header-search-form {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    /* Maintenir les marges pour l'espacement mais supprimer l'effet visuel */
    margin: 10px auto !important;
    padding: 0 !important;
    /* Assurer que le formulaire est transparent */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Correctif pour la barre de recherche elle-même */
header .search-bar {
    /* Suppression complète des bordures et contours */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    
    /* Fond blanc comme demandé */
    background-color: white !important;
    color: #333 !important;
    
    /* Effet subtil au survol */
    transition: background-color 0.3s ease !important;
}

/* Style pour les placeholders */
header .search-bar::placeholder {
    color: #999 !important;
}

/* Style au focus */
header .search-bar:focus {
    background-color: white !important;
}