/**
 * CSS personnalisé pour le centrage vertical de la barre de recherche
 * Date: 2025-05-17
 */

/* Centrage vertical de la barre de recherche */
.flex-header-col.flex-header-col-center {
    display: flex !important;
    align-items: center !important; /* Centrage vertical */
    justify-content: center !important; /* Centrage horizontal */
    min-height: 110px !important; /* Correspond à la hauteur du conteneur flex-header-container */
}

/* Ajustement du conteneur de recherche */
.search-center-container.search-center-giant {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* Suppression de width: 100% pour conserver la largeur d'origine */
    height: auto !important;
    margin: 0 !important;
}

/* Ajustement du formulaire de recherche */
.search-center-container .search-widget,
.search-center-container form {
    margin: 0 !important;
    /* Suppression de width: 100% pour conserver la largeur d'origine */
}

/* Ajustement de la hauteur des éléments de recherche */
.search-center-container .search-widget form button[type="submit"],
.search-center-container .search-widget form input[type="text"] {
    height: 45px !important; /* Hauteur uniforme pour le champ et le bouton */
    line-height: 45px !important;
    vertical-align: middle !important;
    /* Pas de modification de la largeur */
}

/* Ajustement pour les résultats de recherche */
#ajaxsmartsearch-wrapper {
    margin: 0 auto !important;
    /* Suppression de width: 100% pour conserver la largeur d'origine */
}

/* Assurer que les éléments internes sont également centrés */
.search-center-container .search-widget form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Styles pour assurer la compatibilité responsive */
@media (max-width: 991px) {
    .flex-header-col.flex-header-col-center {
        min-height: 90px !important;
    }
    
    .search-center-container .search-widget form button[type="submit"],
    .search-center-container .search-widget form input[type="text"] {
        height: 40px !important;
        line-height: 40px !important;
    }
}

@media (max-width: 767px) {
    .flex-header-col.flex-header-col-center {
        min-height: 70px !important;
    }
    
    .search-center-container .search-widget form button[type="submit"],
    .search-center-container .search-widget form input[type="text"] {
        height: 38px !important;
        line-height: 38px !important;
    }
}