/* =============================================
   كيدز ستور - النمط الليلي Dark Mode
   ============================================= */

/* زر التبديل */
.theme-toggle-btn {
    background: none;
    border: 1.5px solid rgba(255,255,255,0.3);
    color: #ccc;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    flex-shrink: 0;
}
.theme-toggle-btn:hover {
    background: rgba(255,255,255,0.15);
    color: white;
    transform: rotate(20deg);
}

/* ===== DARK MODE ===== */
[data-theme="dark"],
body.dark-mode {
    --bg-light:  #0F1117;
    --bg-gray:   #1A1D27;
    --white:     #1E2130;
    --text:      #D0D4E8;
    --text-light:#B8C0D8;
    --dark:      #E8ECF8;
    --border:    #2A2F45;
    --shadow:    0 4px 20px rgba(0,0,0,0.4);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.5);

    background: #0F1117;
    color: #D0D4E8;
}

/* Top Bar */
[data-theme="dark"] .top-bar { background: #070A12; }

/* Header */
[data-theme="dark"] .main-header {
    background: #1E2130;
    box-shadow: 0 2px 20px rgba(0,0,0,0.4);
}
[data-theme="dark"] .brand-name { color: var(--primary); }
[data-theme="dark"] .brand-slogan { color: #8890B0; }
[data-theme="dark"] .search-input {
    background: #252840 !important;
    border-color: #3A3F58 !important;
    color: #D0D4E8 !important;
}
[data-theme="dark"] .search-input::placeholder { color: #666B88; }
[data-theme="dark"] .search-input:focus { border-color: var(--primary) !important; }
[data-theme="dark"] .icon-btn { color: #D0D4E8; }
[data-theme="dark"] .icon-btn:hover { color: var(--primary); }

/* Nav */
[data-theme="dark"] .main-nav {
    background: linear-gradient(135deg, #1a0a20 0%, #2a1030 100%);
}

/* Body Background */
[data-theme="dark"] body { background: #0F1117; }
[data-theme="dark"] .bg-white,
[data-theme="dark"] .form-card,
[data-theme="dark"] .cart-summary,
[data-theme="dark"] .filter-card,
[data-theme="dark"] .account-sidebar .account-menu,
[data-theme="dark"] .contact-info-card {
    background: #1E2130 !important;
    color: #D0D4E8;
}
[data-theme="dark"] .bg-light,
[data-theme="dark"] .table-light,
[data-theme="dark"] .table-light > * { background: #252840 !important; color: var(--text) !important; }

/* Cards */
[data-theme="dark"] .product-card {
    background: #1E2130;
    border-color: #2A2F45;
}
[data-theme="dark"] .product-card:hover { border-color: var(--primary); }
[data-theme="dark"] .product-image {
    background: linear-gradient(135deg, #2A1530, #0A2020);
}
[data-theme="dark"] .product-name { color: #E8ECF8; }
[data-theme="dark"] .product-category { color: var(--primary); }
[data-theme="dark"] .product-age { color: #8890B0; }
[data-theme="dark"] .price-original,
[data-theme="dark"] .card-price-original { color: #8890B0 !important; text-decoration: line-through; }
[data-theme="dark"] .card-color-dot {
    box-shadow: 0 1px 5px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.1) !important;
}
[data-theme="dark"] .card-color-dot.active {
    border-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255,107,138,.55), 0 1px 5px rgba(0,0,0,.5) !important;
}
[data-theme="dark"] .card-price-range { color: #8890B0 !important; }

/* ===== CATEGORIES v2 — DARK MODE ===== */
[data-theme="dark"] .cat-card {
    background: #151824;
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 10px 28px rgba(0,0,0,0.3);
}
[data-theme="dark"] .cat-card:hover {
    border-color: rgba(255, 107, 138, 0.35);
    box-shadow: 0 22px 44px rgba(255, 107, 138, 0.2), 0 10px 20px rgba(0,0,0,0.35);
}
[data-theme="dark"] .cat-card.no-image .cat-bg {
    background: var(--cat-grad-dark, linear-gradient(135deg, rgba(30,33,48,.9) 0%, rgba(21,24,36,.9) 100%));
}
[data-theme="dark"] .cat-card.no-image .cat-overlay {
    background: linear-gradient(180deg, rgba(21,24,36,0) 50%, rgba(21,24,36,0.5) 100%);
}
[data-theme="dark"] .cat-card.no-image .cat-content {
    color: #E8ECF8;
}
[data-theme="dark"] .cat-card.no-image .cat-desc {
    color: #8890B0 !important;
    opacity: .95;
}
[data-theme="dark"] .cat-card.no-image .cat-title {
    color: #F1F5FF;
}
[data-theme="dark"] .cat-card.no-image:hover .cat-title {
    color: var(--primary);
}
[data-theme="dark"] .cat-card.no-image .cat-prod-badge {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #E8ECF8 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] .cat-card.no-image .cat-icon-box {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--cat-color-solid, #f472b6) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .cat-card.no-image .cat-arrow-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #E8ECF8 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .cat-card.no-image .cat-subtag {
    background: rgba(30, 33, 48, 0.9) !important;
    color: #E8ECF8 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .cat-card.no-image .cat-subtags-more {
    background: rgba(30, 33, 48, 0.9);
    color: #8890B0;
    border-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .cat-card.no-image:hover .cat-icon-box {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}
[data-theme="dark"] .cat-card.no-image:hover .cat-prod-badge,
[data-theme="dark"] .cat-card.no-image:hover .cat-arrow-btn {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}

/* ألوان الفئات في الوضع الليلي */
[data-theme="dark"] .cat-col-0 { --cat-grad-dark: linear-gradient(135deg, rgba(14,165,233,.18) 0%, rgba(14,165,233,.03) 100%); --cat-color: rgba(56,189,248,.28); --cat-color-solid: #38bdf8; --cat-color-2: rgba(14,165,233,.22); }
[data-theme="dark"] .cat-col-1 { --cat-grad-dark: linear-gradient(135deg, rgba(219,39,119,.18) 0%, rgba(219,39,119,.03) 100%); --cat-color: rgba(244,114,182,.28); --cat-color-solid: #f472b6; --cat-color-2: rgba(219,39,119,.22); }
[data-theme="dark"] .cat-col-2 { --cat-grad-dark: linear-gradient(135deg, rgba(217,119,6,.18) 0%, rgba(217,119,6,.03) 100%); --cat-color: rgba(251,191,36,.28); --cat-color-solid: #fbbf24; --cat-color-2: rgba(217,119,6,.22); }
[data-theme="dark"] .cat-col-3 { --cat-grad-dark: linear-gradient(135deg, rgba(5,150,105,.18) 0%, rgba(5,150,105,.03) 100%); --cat-color: rgba(52,211,153,.28); --cat-color-solid: #34d399; --cat-color-2: rgba(5,150,105,.22); }
[data-theme="dark"] .cat-col-4 { --cat-grad-dark: linear-gradient(135deg, rgba(234,88,12,.18) 0%, rgba(234,88,12,.03) 100%); --cat-color: rgba(251,146,60,.28); --cat-color-solid: #fb923c; --cat-color-2: rgba(234,88,12,.22); }
[data-theme="dark"] .cat-col-5 { --cat-grad-dark: linear-gradient(135deg, rgba(124,58,237,.18) 0%, rgba(124,58,237,.03) 100%); --cat-color: rgba(167,139,250,.28); --cat-color-solid: #a78bfa; --cat-color-2: rgba(124,58,237,.22); }

[data-theme="dark"] .cat-card[style*="url"] .cat-prod-badge,
[data-theme="dark"] .cat-card[style*="url"] .cat-icon-box,
[data-theme="dark"] .cat-card[style*="url"] .cat-arrow-btn {
    background: rgba(0,0,0,0.35) !important;
    border-color: rgba(255,255,255,0.18) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
[data-theme="dark"] .cat-card[style*="url"] .cat-subtag {
    background: rgba(0,0,0,0.3) !important;
    border-color: rgba(255,255,255,0.18) !important;
}
[data-theme="dark"] .cat-card[style*="url"] .cat-overlay {
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.45) 65%, rgba(0,0,0,0.9) 100%);
}

/* Hero Slides — عائلة ألوان موحّدة (وردي/بنفسجي داكن) */
[data-theme="dark"] .hero-slide-1 { background: linear-gradient(135deg, #24101A 0%, #1C1224 55%, #14101C 100%); }
[data-theme="dark"] .hero-slide-2 { background: linear-gradient(135deg, #1C1224 0%, #24101A 50%, #14101C 100%); }
[data-theme="dark"] .hero-slide-3 { background: linear-gradient(135deg, #14101C 0%, #24101A 55%, #1C1224 100%); }
[data-theme="dark"] .hero-title { color: #F2F4FA; }
[data-theme="dark"] .hero-subtitle { color: #FF9EB5; }
[data-theme="dark"] .hero-desc { color: #C3C9D6; }
[data-theme="dark"] .hero-slide.has-image::before {
    background: linear-gradient(to left, rgba(6,8,14,.9) 0%, rgba(6,8,14,.62) 45%, rgba(6,8,14,.28) 100%);
}
[data-theme="dark"] .hero-blob-1 { background: rgba(255,107,138,.16); }
[data-theme="dark"] .hero-blob-2 { background: rgba(167,120,255,.12); }
[data-theme="dark"] .hero-emoji-glow {
    background: radial-gradient(circle, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,0) 70%);
    box-shadow: 0 0 60px rgba(255,107,138,.15);
}
[data-theme="dark"] .hero-image .floating-badge { background: #252840; color: #E8ECF8; }
[data-theme="dark"] .carousel-control-prev,
[data-theme="dark"] .carousel-control-next {
    background: rgba(30,34,45,.85);
    color: #FF9EB5;
    box-shadow: 0 8px 22px rgba(0,0,0,.4);
}
[data-theme="dark"] .carousel-control-prev:hover,
[data-theme="dark"] .carousel-control-next:hover {
    background: var(--primary);
    color: #fff;
}

/* Features */
[data-theme="dark"] .features-section {
    background: #1E2130;
    border-color: #2A2F45;
}
[data-theme="dark"] .feature-text h6 { color: #E8ECF8; }
[data-theme="dark"] .feature-text p  { color: #8890B0; }

/* Tables */
[data-theme="dark"] .table { color: #D0D4E8; background: transparent !important; }
[data-theme="dark"] .table td, [data-theme="dark"] .table th { border-color: #2A2F45; color: #D0D4E8; background: transparent !important; }
[data-theme="dark"] .table-hover tbody tr:hover { background: rgba(255,255,255,0.03) !important; color: #E8ECF8; }
[data-theme="dark"] .table thead.table-light th { background: #252840 !important; color: #E8ECF8 !important; border-bottom-color: #3A3F58; }
[data-theme="dark"] .table tbody tr { background: transparent !important; }

/* Account Page Specific */
[data-theme="dark"] .account-sidebar { background: #1E2130 !important; border-color: #2A2F45 !important; box-shadow: var(--shadow); }
[data-theme="dark"] .account-link { color: #A0A8C0 !important; border-radius: 8px; margin-bottom: 4px; border: 1px solid transparent; }
[data-theme="dark"] .account-link:hover { background: rgba(255,107,138,0.1) !important; color: var(--primary) !important; }
[data-theme="dark"] .account-link.active { background: var(--primary) !important; color: white !important; box-shadow: 0 4px 12px rgba(255,107,138,0.3); }
[data-theme="dark"] .profile-avatar { background: #252840 !important; border-color: #3A3F58 !important; color: var(--primary) !important; box-shadow: inset 0 2px 10px rgba(0,0,0,0.2); }
[data-theme="dark"] .border { border-color: #2A2F45 !important; }
[data-theme="dark"] .text-dark { color: #E8ECF8 !important; }
[data-theme="dark"] .empty-state { background: transparent !important; color: #A0A8C0; }
[data-theme="dark"] .modal-footer { border-color: #2A2F45 !important; }
[data-theme="dark"] .table-responsive { background: transparent !important; }
[data-theme="dark"] .bg-white { background-color: #1E2130 !important; color: #E8ECF8 !important; }
[data-theme="dark"] .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important; }

/* ===== FORMS ===== */
[data-theme="dark"] .form-select {
    direction: rtl !important;
    text-align: right !important;
    background-position: left 0.75rem center !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23D0D4E8' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
}
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background: #252840 !important;
    border-color: #3A3F58 !important;
    color: #D0D4E8 !important;
    direction: rtl !important;
    text-align: right !important;
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(255,107,138,0.15) !important;
    outline: none !important;
}
[data-theme="dark"] .form-select:hover {
    border-color: #FF8EAB !important;
}
[data-theme="dark"] .form-control::placeholder { color: #666B88; }
[data-theme="dark"] .form-label { color: #E8ECF8 !important; }
[data-theme="dark"] .form-text { color: #A0A8C0 !important; }
[data-theme="dark"] .border-top { border-color: #2A2F45 !important; }
[data-theme="dark"] .border-bottom { border-color: #2A2F45 !important; }
[data-theme="dark"] .form-select option {
    background: #1E2130 !important;
    color: #D0D4E8 !important;
    direction: rtl !important;
    text-align: right !important;
}
/* Inputs special */
[data-theme="dark"] .qty-input,
[data-theme="dark"] .qty-btn {
    background: #252840;
    border-color: #3A3F58;
    color: #D0D4E8;
}

/* Page Header */
[data-theme="dark"] .page-header {
    background: linear-gradient(135deg, #2A0A15, #0A1A18, #1A1200) !important;
}
[data-theme="dark"] .page-header h1 { color: #E8ECF8; }
[data-theme="dark"] .breadcrumb-item.active { color: #8890B0; }

/* Section titles */
[data-theme="dark"] .section-title { color: #E8ECF8; }

/* Cart */
[data-theme="dark"] .cart-summary-row { border-color: #2A2F45; color: #D0D4E8; }
[data-theme="dark"] .cart-summary-row span { color: #D0D4E8; }
[data-theme="dark"] .cart-summary-total { border-color: #2A2F45; color: var(--primary); }
[data-theme="dark"] .cart-summary-total span { color: var(--primary); }

/* Footer */
[data-theme="dark"] .main-footer { background: #070A12; color: #D0D4E8; }
[data-theme="dark"] .footer-top  { background: #070A12; }
[data-theme="dark"] .footer-bottom { background: #030508; border-color: #1A1D27; }
[data-theme="dark"] .footer-desc { color: #A0A8C0; }
[data-theme="dark"] .footer-links a { color: #D0D4E8; }
[data-theme="dark"] .footer-links a:hover { color: var(--primary); }
[data-theme="dark"] .footer-bottom p { color: #8890B0; }
[data-theme="dark"] .footer-title { color: #E8ECF8; }

/* Admin */
[data-theme="dark"] .admin-content { background: #0F1117; }
[data-theme="dark"] .stat-card { opacity: 0.9; }

/* Info items */
[data-theme="dark"] .info-item { background: #252840 !important; color: #D0D4E8 !important; }
[data-theme="dark"] .order-summary-box { background: #1E2130; }
[data-theme="dark"] .order-summary-box .d-flex { color: #D0D4E8; }
[data-theme="dark"] .order-summary-box .border-bottom { border-color: #2A2F45 !important; }

/* Alerts */
[data-theme="dark"] .alert-success { background: #0D2818; border-color: #1A4D30; color: #6FCCA0; }
[data-theme="dark"] .alert-danger  { background: #2A0A0A; border-color: #4D1A1A; color: #FF8A8A; }

/* Status Badges in Dark Mode */
[data-theme="dark"] .status-badge { opacity: 0.9; }
[data-theme="dark"] .status-pending { background: #2A1A00; color: #FFD93D; }
[data-theme="dark"] .status-processing { background: #001A2A; color: #4ECDC4; }
[data-theme="dark"] .status-shipped { background: #1A002A; color: #A29BFE; }
[data-theme="dark"] .status-delivered { background: #002A1A; color: #55EFC4; }
[data-theme="dark"] .status-cancelled { background: #2A0000; color: #FF7675; }

/* تحسين ألوان النصوص التنبيهية */
[data-theme="dark"] .text-danger { color: #FF8A8A !important; }
[data-theme="dark"] .text-success { color: #6FCCA0 !important; }
[data-theme="dark"] .text-warning { color: #FFD93D !important; }
[data-theme="dark"] .text-info { color: #4ECDC4 !important; }

/* Badges & Status */
[data-theme="dark"] .badge.bg-light.text-dark { background: #252840 !important; color: #D0D4E8 !important; border-color: #3A3F58 !important; }
[data-theme="dark"] .status-badge { border: 1px solid rgba(255,255,255,0.1); }
[data-theme="dark"] .status-pending { background: rgba(255,193,7,0.15) !important; color: #ffc107 !important; }
[data-theme="dark"] .status-delivered { background: rgba(40,167,69,0.15) !important; color: #28a745 !important; }
[data-theme="dark"] .status-cancelled { background: rgba(220,53,69,0.15) !important; color: #dc3545 !important; }
[data-theme="dark"] .alert-success { background: rgba(40,167,69,0.1) !important; color: #28a745 !important; border-color: rgba(40,167,69,0.2) !important; }
[data-theme="dark"] .alert-danger { background: rgba(220,53,69,0.1) !important; color: #dc3545 !important; border-color: rgba(220,53,69,0.2) !important; }

/* Modals */
[data-theme="dark"] .modal-content { background-color: #1E2130 !important; color: #E8ECF8 !important; border: 1px solid #2A2F45 !important; }
[data-theme="dark"] .modal-header { border-bottom: 1px solid #2A2F45 !important; }
[data-theme="dark"] .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="dark"] .payment-instructions { background: #252840 !important; border-color: #3A3F58 !important; color: #E8ECF8 !important; }
[data-theme="dark"] .payment-instructions strong { color: var(--primary) !important; }
[data-theme="dark"] .payment-instructions .text-muted { color: #A0A8C0 !important; }
[data-theme="dark"] .upload-area { background: rgba(255,255,255,0.02) !important; border-color: #3A3F58 !important; }
[data-theme="dark"] .upload-area:hover { background: rgba(255,107,138,0.05) !important; border-color: var(--primary) !important; }
[data-theme="dark"] .upload-area p { color: #A0A8C0 !important; }
[data-theme="dark"] .form-label { color: #E8ECF8 !important; }
[data-theme="dark"] .modal-footer .btn-light { background: #252840 !important; border-color: #3A3F58 !important; color: #E8ECF8 !important; }
[data-theme="dark"] .modal-footer .btn-light:hover { background: #2e324d !important; }

/* Dropdown search */
[data-theme="dark"] .search-dropdown {
    background: #1E2130 !important;
    border-color: #3A3F58 !important;
}
[data-theme="dark"] .search-item { color: #D0D4E8 !important; border-color: #2A2F45 !important; }
[data-theme="dark"] .search-item:hover { background: #252840 !important; }

/* Offers Countdown */
[data-theme="dark"] .countdown-box { background: #1E2130; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }

/* Steps bar */
[data-theme="dark"] .steps-bar { background: #1E2130 !important; }

/* Payment options */
[data-theme="dark"] .payment-card {
    background: #252840;
    border-color: #3A3F58;
    color: #D0D4E8;
}
[data-theme="dark"] input[type="radio"]:checked + .payment-card {
    background: #2A1020;
    border-color: var(--primary);
}

/* Tag badges */
[data-theme="dark"] .badge.bg-light { background: #2A2F45 !important; color: #D0D4E8 !important; }
[data-theme="dark"] .badge.bg-secondary { background: #3A3F58 !important; }

/* Value cards (about) */
[data-theme="dark"] .value-card { background: #1E2130; }
[data-theme="dark"] .team-card { opacity: 0.85; }

/* Size/Color options */
[data-theme="dark"] .size-label {
    border-color: #3A3F58;
    background: #252840;
    color: #D0D4E8;
}
[data-theme="dark"] input:checked + .size-label {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

/* Filter sidebar */
[data-theme="dark"] .filter-option label { color: #C0C4D8; }
[data-theme="dark"] .filter-title { color: #E8ECF8; border-color: #2A2F45; }

/* Account menu */
[data-theme="dark"] .account-link { color: var(--text-light); }
[data-theme="dark"] .account-link:hover,
[data-theme="dark"] .account-link.active { background: #252840; color: var(--primary); }

/* Empty state */
[data-theme="dark"] .empty-state i { color: #4A4F68; }
[data-theme="dark"] .empty-state h3,
[data-theme="dark"] .empty-state h5 { color: var(--dark); }
[data-theme="dark"] .empty-state p { color: #B8C0D8; }

/* Breadcrumb */
[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: #5A5F78; }
[data-theme="dark"] .breadcrumb-item a { color: var(--primary); }

/* Toast */
[data-theme="dark"] .toast-notification { background: #1E2130; box-shadow: 0 8px 30px rgba(0,0,0,0.5); }

/* Collapse order details */
[data-theme="dark"] .collapse .bg-light { background: #252840 !important; }

/* Newsletter */
[data-theme="dark"] .newsletter .form-control {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* تحسين تباين النصوص العامة */
[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary { color: #A0A8C0 !important; }
[data-theme="dark"] .text-dark { color: #E8ECF8 !important; }
[data-theme="dark"] .text-black-50 { color: rgba(255,255,255,0.6) !important; }
[data-theme="dark"] .text-body { color: #D0D4E8 !important; }

/* تحسين السلة والعداد في النمط الليلي */
[data-theme="dark"] .cart-count {
    background: var(--primary) !important;
    color: white !important;
    border: 1.5px solid #1E2130;
}

[data-theme="dark"] .cart-btn i {
    color: var(--primary) !important; /* جعل أيقونة السلة بارزة في الموبايل */
}

[data-theme="dark"] i:not(.no-inherit) { color: inherit; }
[data-theme="dark"] .fw-bold:not(.text-primary):not(.text-danger):not(.text-success) { color: var(--dark); }

/* معالجة النصوص الغامقة المكتوبة بشكل مباشر (Inline Styles) أو في كتل style */
[data-theme="dark"] [style*="color:#2D3436"],
[data-theme="dark"] [style*="color: #2D3436"],
[data-theme="dark"] [style*="color:#444"],
[data-theme="dark"] [style*="color: #444"],
[data-theme="dark"] .value-card h6,
[data-theme="dark"] .team-card h6,
[data-theme="dark"] .contact-item h6 {
    color: var(--dark) !important;
}

[data-theme="dark"] .stat-mini .lbl,
[data-theme="dark"] .value-card p,
[data-theme="dark"] .team-card small,
[data-theme="dark"] .contact-item p,
[data-theme="dark"] .steps-bar,
[data-theme="dark"] .countdown-box small {
    color: var(--text-light) !important;
}

/* معالجة الخلفيات الفاتحة في الأنماط المباشرة */
[data-theme="dark"] .alert[style*="background"] {
    background: var(--bg-gray) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

/* Allow page-header gradients in dark mode */
[data-theme="dark"] .page-header[style*="linear-gradient"] {
    background: linear-gradient(135deg, #2A0A15, #0A1A18, #1A1200) !important;
}

/* إصلاح أيقونات التواصل الاجتماعي والمربعات الملونة */
[data-theme="dark"] .contact-icon,
[data-theme="dark"] .value-icon {
    filter: brightness(0.9) contrast(1.2);
}
[data-theme="dark"] .contact-icon i,
[data-theme="dark"] .value-icon i {
    color: white !important;
}
[data-theme="dark"] .contact-icon {
    opacity: 0.9;
}

/* Login required notice in dark mode */
[data-theme="dark"] .login-required-notice {
    background: linear-gradient(135deg, #2A1020, #2A1A0A) !important;
    border-color: var(--primary) !important;
    color: var(--text) !important;
}
[data-theme="dark"] .login-required-notice h5 {
    color: var(--dark) !important;
}
[data-theme="dark"] .login-required-notice p.text-muted {
    color: var(--text-light) !important;
}
[data-theme="dark"] .benefit-item {
    color: var(--text) !important;
}

/* الهيدر الجديد للهواتف في النمط الليلي */
[data-theme="dark"] .header-mobile-row {
    background: transparent;
}

[data-theme="dark"] .main-nav {
    background: #0F1117 !important; /* خلفية داكنة جداً للشريط في النمط الليلي */
    border-bottom-color: #2A2F45;
}

[data-theme="dark"] .nav-list .nav-link {
    color: #E8ECF8 !important; /* نص فاتح جداً لتباين عالي */
}

[data-theme="dark"] .nav-list .nav-link.active {
    color: var(--primary) !important;
}

[data-theme="dark"] .nav-list .dropdown-menu {
    background-color: #1E2130 !important;
    border: 1px solid #2A2F45 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;
}

[data-theme="dark"] .nav-list .dropdown-item {
    color: #D0D4E8 !important;
}

[data-theme="dark"] .nav-list .dropdown-item:hover {
    background-color: #252840 !important;
    color: white !important;
}

[data-theme="dark"] .header-actions-mobile .header-icon-btn {
    background-color: #252840 !important;
    border-color: #3A3F58 !important;
    color: #E8ECF8 !important;
}

[data-theme="dark"] .theme-toggle-mobile {
    background: #252840;
    border-color: #3A3F58;
    color: #D0D4E8;
}

[data-theme="dark"] .theme-toggle-mobile:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

[data-theme="dark"] .header-icon-btn {
    background: #252840;
    border-color: #3A3F58;
    color: #D0D4E8;
}

[data-theme="dark"] .header-icon-btn:hover {
    border-color: var(--primary);
    color: var(--primary);
}

[data-theme="dark"] .icon-cart-mobile {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
}

[data-theme="dark"] .icon-cart-mobile:hover {
    box-shadow: 0 4px 15px rgba(255,107,138,0.5);
}

[data-theme="dark"] .cart-count-badge {
    background: var(--accent);
    color: var(--dark);
    border-color: #1E2130;
}

/* قائمة البروفايل في النمط الليلي */
[data-theme="dark"] .profile-dropdown {
    background: #1E2130;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}

[data-theme="dark"] .profile-dropdown-item {
    color: #D0D4E8;
}

[data-theme="dark"] .profile-dropdown-item:hover {
    background: #252840;
}

[data-theme="dark"] .profile-dropdown-item.logout:hover {
    background: #2A0A0A;
}

[data-theme="dark"] .profile-dropdown-divider {
    border-color: #3A3F58;
}

[data-theme="dark"] .profile-dropdown-wrapper .icon-btn {
    color: #D0D4E8;
}

[data-theme="dark"] .profile-dropdown-wrapper .icon-btn:hover {
    color: var(--primary);
}

/* نافذة البحث في النمط الليلي */
[data-theme="dark"] .mobile-search-modal-content {
    background: #1E2130;
}

[data-theme="dark"] .mobile-search-input {
    background: #252840 !important;
    border-color: #3A3F58 !important;
    color: #D0D4E8 !important;
}

[data-theme="dark"] .mobile-search-input::placeholder {
    color: #666B88 !important;
}

/* Transition pour tous les éléments */
body, .main-header, .product-card, .category-card,
.form-card, .cart-summary, .bg-white, .page-header,
.features-section, .filter-card {
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.3s ease;
}

/* ===== Rating Page Styles ===== */
[data-theme="dark"] .product-review-item {
    background: #252840 !important;
}

[data-theme="dark"] .rate-order-card {
    background: #1E2130 !important;
}

/* ===== Receipt Confirmation Modal ===== */
[data-theme="dark"] .receipt-modal-card {
    background: #1E2130 !important;
    border-color: #3A3F58 !important;
}

[data-theme="dark"] .receipt-modal-title,
[data-theme="dark"] .receipt-modal-text {
    color: #E8ECF8 !important;
}