/**
 * File: assets/css/basket.css
 * Plugin: woomore
 * Version: 1.2.1
 * Created: 2025-12-19
 * Timestamp: 2025-12-19T19:30:00-04:00
 * Author: Linden Tree Consulting
 * 
 * YOOtheme Pro Basket/Cart Element Styles
 */

/* ==========================================================================
   Basket Container
   ========================================================================== */

.woomore-yoo-basket {
    position: relative;
    display: inline-block;
}

/* ==========================================================================
   Basket Toggle Button
   ========================================================================== */

.woomore-basket-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}

.woomore-basket-toggle:hover {
    opacity: 0.8;
}

/* ==========================================================================
   Badge
   ========================================================================== */

.woomore-basket-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    z-index: 1;
    transition: transform 0.2s ease;
}

.woomore-basket-toggle:hover .woomore-basket-badge {
    transform: scale(1.1);
}

.woomore-basket-badge.uk-background-primary {
    background-color: var(--uk-primary-background, #1e87f0) !important;
    color: #fff !important;
}

.woomore-basket-badge.uk-background-secondary {
    background-color: var(--uk-secondary-background, #222) !important;
    color: #fff !important;
}

.woomore-basket-badge.uk-background-danger {
    background-color: var(--uk-danger-background, #f0506e) !important;
    color: #fff !important;
}

/* ==========================================================================
   Dropdown - Override UIkit defaults
   ========================================================================== */

.woomore-basket-dropdown.uk-dropdown {
    padding: 15px !important;
    box-sizing: border-box !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
}

.woomore-basket-dropdown-content {
    width: 100%;
}

/* ==========================================================================
   Cart Items
   ========================================================================== */

.woomore-basket-items {
    margin: 0;
    padding: 0;
}

.woomore-basket-item:last-child {
    border-bottom: none !important;
}

.woomore-basket-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
}

/* ==========================================================================
   Remove Button
   ========================================================================== */

.woomore-remove-item:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* ==========================================================================
   Scrollbar
   ========================================================================== */

.woomore-basket-items::-webkit-scrollbar {
    width: 5px;
}

.woomore-basket-items::-webkit-scrollbar-track {
    background: transparent;
}

.woomore-basket-items::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}

.woomore-basket-items::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 640px) {
    .woomore-basket-dropdown.uk-dropdown {
        min-width: 280px !important;
    }
    
    .woomore-basket-items {
        max-height: 220px !important;
    }
}