/* ========================================
   AJUSTEMENTS NAVIGATION POUR MENU UTILISATEUR
   ======================================== */

@media (min-width: 769px) {

    .user-menu-nav {
        margin-left: auto;   /* pousse le menu vers la droite naturellement */
        margin-right: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        /* opacity géré via .ready pour éviter le flash d'injection JS */
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .user-menu-nav.ready {
        opacity: 1;
    }

    /* Sur desktop les classes --desktop-only sont visibles */
    .btn-login-nav--desktop-only,
    .btn-register-nav--desktop-only,
    .btn-logout-nav--desktop-only,
    .user-avatar-nav--desktop-only {
        display: inline-flex !important;
    }

    .cart-icon {
        margin-left: 0;
        flex-shrink: 0;
    }

    .hero-btn-register {
        display: none !important;
    }
}