/**
 * ds-store-classic.css
 * ------------------------------------------------------------
 * طبقة مظهر خفيفة للمخطط الكلاسيكي.
 * تضمن بقاء بطاقات التمييز الملونة مقروءة بألوان هوية الجمعية.
 * لا تمس هيكل التخطيط ولا إعدادات الإهداء.
 * ------------------------------------------------------------
 */

.ds-store.ds-store--classic {
    --ds-store-accent: var(--primary-color, #153a4e);
    --ds-store-accent-strong: var(--secondary-color, #1b5865);
    --ds-store-on-accent: #ffffff;
}

/* التخطيط الثابت للكلاسيكي: يبقى أوسع من القالب العام دون الاعتماد على ثيم الجمعية. */
.donations-page.ds-store--classic .container,
.donations-page.ds-store--classic .container-fluid {
    max-width: 1320px;
}

@media (min-width: 1400px) {
    .donations-page.ds-store--classic .container,
    .donations-page.ds-store--classic .container-fluid {
        max-width: 1400px;
    }
}

.ds-store.ds-store--classic .donor-stats-card,
.ds-store.ds-store--classic .sidebar-card.donor-stats-card {
    background: linear-gradient(
        135deg,
        var(--ds-store-accent) 0%,
        var(--ds-store-accent-strong) 100%
    ) !important;
    color: var(--ds-store-on-accent) !important;
    border: none !important;
}

.ds-store.ds-store--classic .donor-stats-card .sidebar-title,
.ds-store.ds-store--classic .donor-stats-card .sidebar-title i,
.ds-store.ds-store--classic .donor-stats-card .stat-value,
.ds-store.ds-store--classic .donor-stats-card .stat-label,
.ds-store.ds-store--classic .donor-stats-card .stat-icon i {
    color: var(--ds-store-on-accent) !important;
    -webkit-text-fill-color: var(--ds-store-on-accent) !important;
    background: none !important;
    opacity: 1 !important;
}

.ds-store.ds-store--classic .donor-stats-card .sidebar-title {
    border-bottom-color: rgba(255, 255, 255, 0.22) !important;
}

.ds-store.ds-store--classic .donations-sidebar-cart-total {
    color: var(--ds-store-accent) !important;
    -webkit-text-fill-color: var(--ds-store-accent) !important;
    background: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

/* هيرو الحملة: صورة كاملة الوضوح — بدون شفافية أو مزج */
.ds-store.ds-store--classic .campaign-details-hero {
    background: #111827 !important;
}

.ds-store.ds-store--classic .campaign-details-hero > img {
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    object-fit: cover !important;
}

.ds-store.ds-store--classic .campaign-details-overlay {
    background: linear-gradient(
        180deg,
        rgba(17, 24, 39, 0.1) 0%,
        rgba(17, 24, 39, 0.25) 42%,
        rgba(17, 24, 39, 0.8) 100%
    ) !important;
    color: #fff !important;
}

.ds-store.ds-store--classic .campaign-details-title {
    color: #fff !important;
}

/* خيارات المبلغ: بلا ظلال/رفع حتى لا تتداخل الأزرار */
.ds-store.ds-store--classic .scroll-pill,
.ds-store.ds-store--classic .amount-box,
.ds-store.ds-store--classic .suggested-amounts .btn,
.ds-store.ds-store--classic .quick-amounts .btn {
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

.ds-store.ds-store--classic .quick-donate-form .campaign-card-phone-control {
    display: flex;
    direction: ltr;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 4px 12px 4px 4px;
    border: 2px solid #e0e0e0;
    border-radius: 14px;
    background: #fff;
}

.ds-store.ds-store--classic .quick-donate-form .campaign-card-phone-control:focus-within {
    border-color: var(--ds-store-accent, var(--primary-color, #153a4e));
}

.ds-store.ds-store--classic .quick-donate-form .campaign-card-phone-prefix-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 10px;
    border: 1.5px solid var(--ds-store-accent, var(--primary-color, #22c55e));
    border-radius: 10px;
    background: #fff;
}

.ds-store.ds-store--classic .quick-donate-form .campaign-card-phone-control .form-control,
.ds-store.ds-store--classic .quick-donate-form .campaign-card-phone-prefix,
.ds-store.ds-store--classic .quick-donate-form .campaign-card-phone-local {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    direction: ltr !important;
    text-align: left !important;
}

.ds-store.ds-store--classic .scroll-pill:hover,
.ds-store.ds-store--classic .scroll-pill.active,
.ds-store.ds-store--classic .scroll-pill:focus-visible,
.ds-store.ds-store--classic .amount-box:hover,
.ds-store.ds-store--classic .amount-box.active,
.ds-store.ds-store--classic .amount-box:focus-visible,
.ds-store.ds-store--classic .suggested-amounts .btn:hover,
.ds-store.ds-store--classic .suggested-amounts .btn.active,
.ds-store.ds-store--classic .quick-amounts .btn:hover,
.ds-store.ds-store--classic .quick-amounts .btn.active {
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    translate: none !important;
}
