﻿/* خلاصه سبد هدر (هاور دسکتاپ) — لایت/دارک با توکن‌های تم */
@media (min-width: 993px) {
    .cart-summary-box {
        --cs-panel-bg: #fff;
        --cs-panel-border: rgba(0, 0, 0, 0.08);
        --cs-body-bg: #fff;
        --cs-footer-bg: #f8f9fa;
        --cs-item-hover: rgba(0, 0, 0, 0.04);
        --cs-text: var(--C6, #333);
        --cs-text-muted: #6c757d;
        --cs-divider: rgba(0, 0, 0, 0.08);
        --cs-img-bg: rgba(0, 0, 0, 0.04);
        --cs-shadow: 0 24px 48px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.1);
        --cs-pending-accent: #d97706;
        --cs-pending-bg: rgba(245, 158, 11, 0.1);
        --cs-pending-text: #92400e;
        --cs-pending-strong: #b45309;
        background: var(--cs-panel-bg) !important;
        border-color: var(--cs-panel-border) !important;
        box-shadow: var(--cs-shadow) !important;
        color: var(--cs-text);
    }

    :root[data-bs-theme="dark"] .cart-summary-box,
    [data-bs-theme="dark"] .cart-summary-box {
        --cs-panel-bg: var(--C4);
        --cs-panel-border: rgba(255, 255, 255, 0.12);
        --cs-body-bg: var(--C1);
        --cs-footer-bg: color-mix(in srgb, var(--C1) 72%, var(--C4));
        --cs-item-hover: rgba(255, 255, 255, 0.06);
        --cs-text: var(--C6);
        --cs-text-muted: var(--C5);
        --cs-divider: rgba(255, 255, 255, 0.1);
        --cs-img-bg: rgba(255, 255, 255, 0.06);
        --cs-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), 0 8px 16px rgba(0, 0, 0, 0.28);
        --cs-pending-bg: rgba(245, 158, 11, 0.14);
        --cs-pending-text: #fcd34d;
        --cs-pending-strong: #fbbf24;
    }

    .cart-summary-box .site-loader-wrap,
    .cart-summary-box .site-loader-wrap .cart-summary-content,
    .cart-summary-inner,
    .cart-summary-combined {
        background: var(--cs-body-bg);
    }

    .cart-summary-header {
        padding: 14px 18px;
    }

    .cart-summary-inner:not(.cart-summary-inner--pending) .cart-summary-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .cart-summary-title {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.92rem;
    }

    .cart-summary-count-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.35rem;
        height: 1.35rem;
        padding: 0 0.35rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.22);
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1;
    }

    .cart-summary-items {
        padding: 8px 0;
        scrollbar-width: thin;
        scrollbar-color: color-mix(in srgb, var(--C3) 55%, transparent) transparent;
    }

    .cart-summary-items::-webkit-scrollbar { width: 5px; }
    .cart-summary-items::-webkit-scrollbar-thumb {
        background: color-mix(in srgb, var(--C3) 50%, var(--cs-divider));
        border-radius: 999px;
    }
    .cart-summary-items::-webkit-scrollbar-track { background: transparent; }

    .cart-summary-item {
        padding: 9px 18px;
        border-bottom: 1px solid var(--cs-divider);
    }
    .cart-summary-item:last-child { border-bottom: none; }
    .cart-summary-item:hover { background: var(--cs-item-hover) !important; }

    .cart-summary-item-img-wrap {
        width: 48px;
        height: 48px;
        border-radius: 10px;
        overflow: hidden;
        background: var(--cs-img-bg);
        border: 1px solid var(--cs-divider);
    }
    .cart-summary-item-img {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .cart-summary-item-name {
        font-weight: 600;
        font-size: 0.84rem;
        color: var(--cs-text) !important;
    }
    .cart-summary-item-meta {
        color: var(--cs-text-muted) !important;
        line-height: 1.35;
    }
    .cart-summary-item-name .text-muted {
        color: var(--cs-text-muted) !important;
        font-weight: 400;
    }

    .cart-summary-remove {
        border-radius: 8px;
        opacity: 0.72;
        transition: opacity 0.2s, background 0.2s;
    }
    .cart-summary-remove:hover {
        opacity: 1;
        background: rgba(220, 53, 69, 0.08);
    }

    .cart-summary-footer {
        border-top-color: var(--cs-divider) !important;
        background: var(--cs-footer-bg) !important;
    }
    .cart-summary-total span { color: var(--cs-text) !important; }
    :root[data-bs-theme="dark"] .cart-summary-total strong,
    [data-bs-theme="dark"] .cart-summary-total strong { color: var(--C3) !important; }

    .cart-summary-empty { color: var(--cs-text-muted); }
    :root[data-bs-theme="dark"] .cart-summary-empty .text-muted,
    [data-bs-theme="dark"] .cart-summary-empty .text-muted { color: var(--C5) !important; }

    /* سفارش در انتظار */
    .cart-summary-inner--pending .cart-summary-header--pending { color: #fff; }
    .cart-summary-pending-hint {
        color: var(--cs-text-muted) !important;
        border-bottom: 1px solid var(--cs-divider);
        line-height: 1.55;
    }
    .cart-summary-pending-order { border-bottom-color: var(--cs-divider) !important; }
    .cart-summary-pending-order-head {
        background: var(--cs-pending-bg) !important;
        color: var(--cs-pending-text) !important;
    }
    .cart-summary-pending-order-head strong {
        color: var(--cs-pending-strong) !important;
    }
    .cart-summary-pending-more {
        border-top-color: var(--cs-divider) !important;
        color: var(--cs-text-muted) !important;
    }
    .cart-summary-footer--pending { background: var(--cs-footer-bg) !important; }
    .cart-summary-total--pending strong { color: var(--cs-pending-strong) !important; }

    .cart-summary-pending-btn--details {
        background: var(--cs-body-bg) !important;
        border-color: color-mix(in srgb, var(--cs-pending-accent) 45%, var(--cs-divider)) !important;
        color: var(--cs-pending-strong) !important;
    }
    .cart-summary-pending-btn--details:hover {
        background: var(--cs-pending-bg) !important;
        color: var(--cs-pending-strong) !important;
    }
    .cart-summary-pending-btn--cancel {
        border-color: var(--cs-divider) !important;
        color: var(--cs-text-muted) !important;
    }
    .cart-summary-pending-btn--cancel:hover { background: var(--cs-item-hover) !important; }
    :root[data-bs-theme="dark"] .cart-summary-pending-btn--cancel:hover,
    [data-bs-theme="dark"] .cart-summary-pending-btn--cancel:hover {
        background: rgba(255, 255, 255, 0.06) !important;
    }

    .cart-summary-link-secondary { color: var(--cs-text-muted) !important; }
    .cart-summary-link-secondary:hover { color: var(--cs-text) !important; }

    .cart-summary-combined .cart-summary-inner--pending-compact {
        border-bottom: 2px solid color-mix(in srgb, var(--cs-pending-accent) 40%, var(--cs-divider));
    }
}
