/* ============================================================ * تم روشن سون پارس — theme-light.css * فقط وقتی فعال است اعمال می‌شود. * برای حذف: خط را از header.php بردار * و این فایل را پاک کن. حالت دارک هیچ تغییری نمی‌کند. * ============================================================ */ /* ۱) متغیرهای پایه در حالت روشن (کل سایت یک‌جا) */ html[data-theme="light"]{ --bg:#f6f9fc; --surface:#ffffff; --surface-2:#eef3f8; --line:#dbe4ef; --blue:#1565c0; --blue-deep:#0b63d8; --cyan:#0b8fc4; --text:#16202e; --muted:#566375; --chrome:linear-gradient(180deg,#2a3a52,#16202e 50%,#2a3a52); } /* ۲) نوار بالا / هدر / منو (پس‌زمینه‌شان در قالب ثابتِ تیره بود) */ html[data-theme="light"] .topbar{background:linear-gradient(90deg,#eef3f8,#e3ebf3 50%,#eef3f8)} html[data-theme="light"] .header{background:#ffffff} html[data-theme="light"] .nav{background:rgba(238,243,248,.92)} /* ۳) متن‌هایی که در قالب مستقیم سفید (#fff) بودند ولی روی پس‌زمینه‌ی روشن * قرار می‌گیرند → در حالت روشن تیره می‌شوند. * (متن‌های روی پس‌زمینه‌ی رنگی/تیره مثل هیرو، بنرها، پنل تخفیف، * دکمه‌ها و بج‌ها دست‌نخورده می‌مانند و سفید باقی می‌مانند.) */ html[data-theme="light"] .sp-section__head h2, html[data-theme="light"] .pd-info, html[data-theme="light"] .pd-buy, html[data-theme="light"] .pd-info .pd-title, html[data-theme="light"] .pd-price, html[data-theme="light"] .pd-price ins, html[data-theme="light"] .pd-seller b, html[data-theme="light"] .pd-color-box, html[data-theme="light"] .pd-meta-item b, html[data-theme="light"] .pd-meta-item a, html[data-theme="light"] .pd-buy .quantity .qty, html[data-theme="light"] .pd-buy .quantity button.plus, html[data-theme="light"] .pd-buy .quantity button.minus, html[data-theme="light"] .list-title, html[data-theme="light"] .filter-title, html[data-theme="light"] .filter-box .fh, html[data-theme="light"] .brand-search input, html[data-theme="light"] .pcard-title, html[data-theme="light"] .pcard-price .now, html[data-theme="light"] .pcard-price ins, html[data-theme="light"] .cart-title, html[data-theme="light"] .cart-row-info h4, html[data-theme="light"] .cart-row-info h4 a, html[data-theme="light"] .cart-qty .qty, html[data-theme="light"] .cart-qty button.plus, html[data-theme="light"] .cart-qty button.minus, html[data-theme="light"] .cart-row-price, html[data-theme="light"] .cart-summary h3, html[data-theme="light"] .sum-row b, html[data-theme="light"] .sum-total, html[data-theme="light"] .coupon input, html[data-theme="light"] .co-title, html[data-theme="light"] .sevenpars-checkout h3, html[data-theme="light"] .co-review-col .shop_table .product-name, html[data-theme="light"] .co-review-col .shop_table .product-total, html[data-theme="light"] .co-review-col .shop_table .order-total th, html[data-theme="light"] .co-review-col .shop_table .order-total td, html[data-theme="light"] .co-review-col #payment ul.payment_methods li label{ color:#16202e; -webkit-text-fill-color:#16202e; } /* ۴) آیکن‌های هدر (سبد/حساب/تم) در حالت روشن تیره شوند */ html[data-theme="light"] .icon-btn svg{stroke:#16202e !important} html[data-theme="light"] #themeToggle svg{stroke:#16202e !important;fill:none !important} /* ۵) دکمه‌ی «صدور پیش‌فاکتور» در سبد: پس‌زمینه روشن است، متن آبی شود */ html[data-theme="light"] .btn-invoice{color:#1565c0;-webkit-text-fill-color:#1565c0} html[data-theme="light"] .btn-invoice:hover{color:#fff;-webkit-text-fill-color:#fff} /* ۶) آیکن دکمه‌ی تم: در حالت روشن، ماه نشان داده شود */ html[data-theme="light"] .theme-sun{display:none !important} html[data-theme="light"] .theme-moon{display:block !important}