/**
 * CSS personnalisé pour l'augmentation de la hauteur du header et l'alignement du logo à droite
 * Date: 2025-05-17
 */

/* Augmentation de la hauteur et alignement du logo à droite */
.flex-header-container {
    padding: 18px 15px !important; /* Augmentation du padding vertical */
    min-height: 110px !important; /* Hauteur minimale augmentée */
}

/* Alignement du logo à droite dans sa colonne */
.flex-header-col.flex-header-logo {
    height: 110px !important; /* Hauteur augmentée */
    text-align: right !important; /* Aligner le texte à droite */
}

/* Forcer l'alignement à droite pour le conteneur du logo */
.flex-header-col.flex-header-logo #_desktop_logo {
    display: flex !important;
    justify-content: flex-end !important; /* Forcer l'alignement à droite */
    width: 100% !important;
}

/* S'assurer que le lien contenant le logo est aligné à droite */
.flex-header-col.flex-header-logo #_desktop_logo a {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

/* Ajustement de l'image du logo */
.flex-header-logo img.logo {
    max-height: 105px !important; /* Augmentation proportionnelle */
    float: right !important; /* Forcer le flottement à droite */
    margin-left: auto !important; /* Pousser à droite */
    margin-right: 0 !important;
}

/* Styles pour assurer la compatibilité responsive */
@media (max-width: 991px) {
    .flex-header-container {
        padding: 15px 10px !important;
        min-height: 90px !important;
    }
    
    .flex-header-col.flex-header-logo {
        height: 90px !important;
    }
    
    .flex-header-logo img.logo {
        max-height: 85px !important;
    }
}

@media (max-width: 767px) {
    .flex-header-container {
        padding: 10px !important;
        min-height: 70px !important;
    }
    
    .flex-header-col.flex-header-logo {
        height: 70px !important;
    }
    
    .flex-header-logo img.logo {
        max-height: 65px !important;
    }
}