/* 
 * 🖥️ DESKTOP HEADER - CART & WISHLIST BUTTONS
 * 
 * Корзина и Вишлист справа в хедере
 * ТОЛЬКО ДЛЯ ДЕСКТОПА (> 768px)
 */

/* ============================================
   DESKTOP HEADER - CART & WISHLIST
   ============================================ */

@media (min-width: 769px) {
    
    /* Header Navigation */
    .header__bottom .header-nav .flexible {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    /* Navigation Links - Left */
    .header__bottom .nav.bordered {
        display: flex !important;
        gap: 30px !important;
        margin: 0 !important;
    }
    
    /* Cart & Wishlist Container - Right */
    .header__bottom .nav:not(.bordered) {
        display: flex !important;
        gap: 12px !important;
        align-items: center !important;
        margin: 0 !important;
    }
    
    /* Wishlist Button - Desktop (МИНИМАЛИСТИЧНЫЙ) */
    .desktop-wishlist-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        transition: opacity 0.2s ease !important;
        text-decoration: none !important;
        color: white !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }
    
    .desktop-wishlist-btn:hover {
        opacity: 0.7 !important;
    }
    
    /* Текст "Wishlist" - БЕЛЫЙ */
    .desktop-wishlist-btn span[data-translate] {
        color: white !important;
    }
    
    /* Heart Icon - МАЛЕНЬКИЙ */
    .desktop-wishlist-btn svg {
        width: 16px !important;
        height: 14px !important;
        fill: white !important;
        transition: opacity 0.2s ease !important;
    }
    
    /* Wishlist Counter - ЖЕЛТЫЙ в скобках */
    .desktop-wishlist-btn .wishlist-counter {
        color: #ebeb47 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        background: transparent !important;
    }
    
    .desktop-wishlist-btn .wishlist-counter::before {
        content: '(' !important;
    }
    
    .desktop-wishlist-btn .wishlist-counter::after {
        content: ')' !important;
    }
    
    /* Cart Button - Desktop (МИНИМАЛИСТИЧНЫЙ) */
    .desktop-cart-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        transition: opacity 0.2s ease !important;
        text-decoration: none !important;
        color: white !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }
    
    .desktop-cart-btn:hover {
        opacity: 0.7 !important;
    }
    
    /* Текст "Cart" - БЕЛЫЙ */
    .desktop-cart-btn span[data-translate] {
        color: white !important;
    }
    
    /* Cart Icon - МАЛЕНЬКИЙ */
    .desktop-cart-btn svg {
        width: 18px !important;
        height: 16px !important;
        fill: white !important;
        transition: opacity 0.2s ease !important;
    }
    
    /* Cart Counter - в скобках */
    .desktop-cart-btn .cart-counter {
        color: white !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        background: transparent !important;
        text-shadow: none !important;
    }
    
    .desktop-cart-btn .cart-counter::before {
        content: '(' !important;
    }
    
    .desktop-cart-btn .cart-counter::after {
        content: ')' !important;
    }
    
    /* Hide mobile cart/wishlist buttons on desktop */
    .header__top .btn-cart,
    .header__top .mobile-menu-trigger {
        display: none !important;
    }
    
}


/* ============================================
   ШИРОКИЕ ЭКРАНЫ (1200px+)
   ============================================ */

@media (min-width: 1200px) {
    
    .header__bottom .nav.bordered {
        gap: 40px !important;
    }
    
    .header__bottom .nav:not(.bordered) {
        gap: 16px !important;
    }
    
}