/* FIXES FORCÉS POUR DESKTOP ET TABLETTE - NE PAS TOUCHER AU MOBILE */

/* 1. SIDEBAR TOUJOURS VISIBLE SUR DESKTOP */
@media screen and (min-width: 1025px) {
    .dashboard-sidebar {
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
        position: fixed !important;
        left: 0 !important;
    }
    
    .dashboard-main {
        margin-left: 280px !important;
    }
    
    .mobile-menu-toggle {
        display: none !important;
    }
}

/* 2. ICÔNE PANIER - FOND VERT SUR DESKTOP/TABLETTE */
@media screen and (min-width: 769px) {
    .header-cart .cart-icon-btn {
        background-color: #2d4a3e !important;
        background: #2d4a3e !important;
        color: #ffffff !important;
        border: none !important;
    }
    
    .header-cart .cart-icon-btn:hover {
        background-color: #1f3329 !important;
        background: #1f3329 !important;
        color: #ffffff !important;
    }
    
    .header-cart .cart-icon-btn svg,
    .header-cart .cart-icon-btn [data-feather] {
        stroke: #ffffff !important;
        color: #ffffff !important;
    }
}

/* 3. BOUTON SEARCH - PAS D'ANIMATION VERS LE BAS */
.search-bar button {
    transform: translateY(-50%) !important;
    position: absolute !important;
}

.search-bar button:hover {
    transform: translateY(-50%) !important;
    background-color: #1f3329 !important;
}

.search-bar button:active {
    transform: translateY(-50%) scale(0.95) !important;
}

/* 4. CACHER LE BOUTON SEARCH MOBILE SUR DESKTOP */
@media screen and (min-width: 769px) {
    .mobile-search-btn {
        display: none !important;
        visibility: hidden !important;
    }
    
    .search-bar {
        display: flex !important;
        visibility: visible !important;
    }
}

/* 5. PROTECTION MOBILE - NE RIEN CHANGER EN DESSOUS DE 768px */
@media screen and (max-width: 768px) {
    /* Les styles mobiles restent inchangés */
    .dashboard-sidebar {
        transform: translateX(-100%);
    }
    
    .dashboard-sidebar.open {
        transform: translateX(0);
    }
    
    .mobile-menu-toggle {
        display: block !important;
    }
    
    /* Icône panier mobile reste avec bordure */
    .header-cart .cart-icon-btn {
        background: #fff !important;
        color: #2d4a3e !important;
        border: 2px solid #2d4a3e !important;
    }
}