/* ========================================
   AJUSTEMENTS ESTHÉTIQUES FINAUX V4.1.1
   Correctifs visuels menu + bandeau
   Version : 4.1.1-patch1
   Date : 10 novembre 2025
   ======================================== */

/* ============================================
   1. ESPACEMENT ICÔNES MENU DESKTOP
   ============================================ */

/* Ajouter espace entre icône et texte dans le menu */
.menu-link i {
    margin-right: 8px !important; /* ✅ Espace après l'icône */
}

/* Cas spécifique : icône après le texte (chevron "Nos produits") */
.menu-link i.fa-chevron-down {
    margin-right: 0 !important;
    margin-left: 8px !important; /* ✅ Espace avant le chevron */
}

/* S'assurer que les icônes sont bien alignées verticalement */
.menu-link {
    display: flex;
    align-items: center;
}

/* ============================================
   2. BANDEAU SUPÉRIEUR - TEXTE + ALIGNEMENT
   ============================================ */

/* Modifier le texte et aligner à gauche */
.top-bar-content {
    justify-content: flex-start !important; /* ✅ Alignement à gauche */
    padding-left: 0;
}

/* Ajuster l'icône camion */
.top-bar i.fa-truck {
    color: #c41e3a;
    margin-right: 10px; /* ✅ Espace entre icône et texte */
    font-size: 16px;
}

/* Texte du bandeau */
.top-bar span {
    font-size: 14px;
    color: #666;
}

/* ============================================
   RESPONSIVE - AJUSTEMENTS MOBILE
   ============================================ */

@media (max-width: 992px) {
    /* En mobile, garder le texte centré */
    .top-bar-content {
        justify-content: center !important;
    }
    
    /* Réduire légèrement la taille du texte en mobile */
    .top-bar span {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    /* Très petit mobile : texte encore plus compact */
    .top-bar span {
        font-size: 12px;
    }
    
    .top-bar i.fa-truck {
        font-size: 14px;
        margin-right: 8px;
    }
}

/* ============================================
   AMÉLIORATIONS VISUELLES BONUS
   ============================================ */

/* Transition douce sur les icônes au survol */
.menu-link i {
    transition: transform 0.2s ease;
}

.menu-link:hover i {
    transform: scale(1.1);
}

/* Exception pour le chevron (rotation au lieu de scale) */
.menu-link i.fa-chevron-down {
    transform: none !important;
}

.menu-item:hover .menu-link i.fa-chevron-down {
    transform: rotate(180deg) !important;
}