/* ==========================================================================
   1. CORRECTION DU TEXTE : Force la police moderne Helvetica
   ========================================================================== */
.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link,
.navbar-nav li a {
    font-family: var(--body-font-family), "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Force l'alignement à gauche */
    text-align: left !important;
}

/* ==========================================================================
   2. CORRECTION DE L'ICÔNE : Force Font Awesome et gère l'espacement à gauche
   ========================================================================== */
.navbar-nav li a::before, 
.nav-link::before,
.navbar-nav li a .fa,
.nav-link .fa {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome !important;
    font-weight: 900 !important; /* Indispensable pour afficher les pictogrammes */
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: 8px !important; /* Espace de respiration naturel entre l'icône et le texte */
}

/* Force l'image de la catégorie à prendre 100% de la largeur de l'écran (edge-to-edge) */
.category-desc img, 
.view-category .category-image img,
.com-content-category__description img {
    width: 100vw !important;
    max-width: 100vw !important;
    
    /* L'astuce mathématique pour centrer l'image hors du conteneur restrictif */
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    position: relative !important;
    
    /* Garantit que l'image ne se déforme pas */
    height: auto !important;
    max-height: 450px !important; /* Ajustez cette hauteur maximale en pixels selon vos goûts */
    object-fit: cover !important; 
    
    display: block !important;
}

/* Optionnel : Supprime les marges internes autour de la description pour un rendu parfait */
.view-category .category-desc,
.com-content-category__description {
    padding-left: 0 !important;
    padding-right: 0 !important;
}