/* --- ملف التصميم الديناميكي الشامل --- */

:root {
  --main-color: #e81111;
  --main-color-2: #000000;
  --header-style: solid;
  --header-bg: #e81111;
  --balance-color: #231f1f;
  --cat-title-color: #000000;
  --prod-title-color: #000000;
  --prod-price-color: #000000;
  --auth-color: #0b0a0a;
  --fab-color: #000000;
  --ticker-text-color: #000000;
  --site-bg: #f8fafc;
  --section-bg: #ffffff;
  --card-bg: #ffffff;
  --product-card-bg: #ffffff;
  --text-color: #1e293b;
  --muted-text-color: #64748b;
  --border-color: #e2e8f0;
  --ticker-bg-color: var(--search-bg, transparent);
  --sidebar-active-bg: rgba(0,0,0,0.055);
  --global-padding: 13px;
  --grid-gap: 20px;
  --card-radius: 8px;
  --slider-radius: 14px;
}

[data-theme='dark'], body.dark-mode, body.dark-theme, body.theme-dark {
  --main-color: #020617;
  --main-color-2: #020617;
  --header-style: solid;
  --header-bg: #020617;
  --balance-color: #f8fafc;
  --header-balance-color: #f8fafc;
  --cat-title-color: #f8fafc;
  --prod-title-color: #f8fafc;
  --prod-price-color: #facc15;
  --ticker-text-color: #ffffff;
  --bg-body: #000000;
  --bg-side: #020617;
  --site-bg: #000000;
  --section-bg: #2e6aea;
  --card-bg: #12151c;
  --product-card-bg: #0d0e12;
  --modal-bg-color: #000000;
  --text-color: #f8fafc;
  --text-main: #f8fafc;
  --muted-text-color: #cbd5e1;
  --border-color: #0f0f10;
  --ticker-bg-color: #12151c;
  --sidebar-active-bg: #1f2937;
}

body { background-color: var(--site-bg) !important; color: var(--text-color) !important; padding-top: 56px !important; }
body, .page-wrapper, .main-content, .content-wrapper, .container, .site-container { color: var(--text-color) !important; }
.section, .categories-section, .products-section, .content-section, .box-section { background-color: var(--section-bg) !important; color: var(--text-color) !important; border-color: var(--border-color) !important; }
.card, .category-card, .product-card, .game-card, .service-card, .setting-card, .wallet-card { background-color: var(--card-bg) !important; color: var(--text-color) !important; border-color: var(--border-color) !important; }
.product-card, .product-item, .product-box, .game-card { background-color: var(--product-card-bg) !important; }
.text-muted, .muted, small, .card-desc, .product-desc { color: var(--muted-text-color) !important; }
.main-header { background: var(--header-bg, var(--main-color)) !important; height: 56px !important; }
.side-nav { background-color: var(--bg-side, var(--site-bg)) !important; color: var(--text-color) !important; }
[data-theme='dark'] body, body.dark-mode, body.dark-theme, body.theme-dark { background-color: #000000 !important; color: #f8fafc !important; }
[data-theme='dark'] .main-header, body.dark-mode .main-header, body.dark-theme .main-header, body.theme-dark .main-header { background: #020617 !important; }
[data-theme='dark'] .side-nav, body.dark-mode .side-nav, body.dark-theme .side-nav, body.theme-dark .side-nav { background-color: #020617 !important; color: #f8fafc !important; border-color: #0f0f10 !important; }
[data-theme='dark'] .side-nav .nav-links-sidebar a, body.dark-mode .side-nav .nav-links-sidebar a, body.dark-theme .side-nav .nav-links-sidebar a, body.theme-dark .side-nav .nav-links-sidebar a { color: #f8fafc !important; }
[data-theme='dark'] .side-nav .nav-links-sidebar a.active-link, body.dark-mode .side-nav .nav-links-sidebar a.active-link, body.dark-theme .side-nav .nav-links-sidebar a.active-link, body.theme-dark .side-nav .nav-links-sidebar a.active-link { background-color: #1f2937 !important; color: #f8fafc !important; }
[data-theme='dark'] .side-nav .sidebar-profile, body.dark-mode .side-nav .sidebar-profile, body.dark-theme .side-nav .sidebar-profile, body.theme-dark .side-nav .sidebar-profile { background-color: #020617 !important; border-color: #0f0f10 !important; }
[data-theme='dark'] .force-divider, body.dark-mode .force-divider, body.dark-theme .force-divider, body.theme-dark .force-divider { background-color: #0f0f10 !important; }
[data-theme='dark'] .header-balance-btn, body.dark-mode .header-balance-btn, body.dark-theme .header-balance-btn, body.theme-dark .header-balance-btn { color: #f8fafc !important; border-color: color-mix(in srgb, #f8fafc 30%, transparent) !important; }
[data-theme='dark'] .category-title, [data-theme='dark'] .section-title, [data-theme='dark'] .cat-title, body.dark-mode .category-title, body.dark-mode .section-title, body.dark-mode .cat-title { color: #f8fafc !important; }
[data-theme='dark'] .product-title, [data-theme='dark'] .product-name, [data-theme='dark'] .prod-title, body.dark-mode .product-title, body.dark-mode .product-name, body.dark-mode .prod-title { color: #f8fafc !important; }
[data-theme='dark'] .product-price, [data-theme='dark'] .price, [data-theme='dark'] .prod-price, body.dark-mode .product-price, body.dark-mode .price, body.dark-mode .prod-price { color: #facc15 !important; }
.nav-links-sidebar li { margin-bottom: 15px !important; }
.nav-links-sidebar a { font-weight: 600 !important; }
.nav-links-sidebar a i { font-size: 1rem !important; }
.fab-main-btn, .fab-badge-num { background-color: #000000 !important; }
.btn-green-login, .btn-green-sidebar, .btn-primary, .main-btn { background-color: #0b0a0a !important; border-color: #0b0a0a !important; }
.wa-banner-link img { max-height: 130px !important; width: auto !important; }
@keyframes super-marquee-ltr { 0% { transform: translate3d(-50%,0,0); } 100% { transform: translate3d(0,0,0); } }
.super-ticker-container, .announcement-bar, .announcement-ticker, .top-announcement, .ticker-container { padding: 10px 15px !important; background-color: var(--ticker-bg-color) !important; border-color: var(--border-color) !important; direction: ltr !important; overflow: hidden !important; }
.super-ticker-track { display: inline-flex !important; align-items: center !important; min-width: max-content !important; animation: super-marquee-ltr 150s linear infinite !important; -webkit-animation: super-marquee-ltr 150s linear infinite !important; transform: translate3d(-50%,0,0); will-change: transform; }
.super-ticker-item { font-weight: 400 !important; color: var(--ticker-text-color) !important; font-size: 0.95rem !important; direction: rtl !important; unicode-bidi: plaintext; flex: 0 0 auto; }
@supports (-webkit-touch-callout: none) { .super-ticker-track { animation-delay: -3s !important; -webkit-animation-delay: -3s !important; } .super-ticker-item { font-size: 1.05rem !important; } }
html[data-theme='dark'] body .super-ticker-container, html[data-theme='dark'] body .announcement-bar, html[data-theme='dark'] body .announcement-ticker, html[data-theme='dark'] body .top-announcement, html[data-theme='dark'] body .ticker-container, body.dark-mode .super-ticker-container, body.dark-theme .super-ticker-container, body.theme-dark .super-ticker-container { background-color: #12151c !important; border-color: #0f0f10 !important; }
html[data-theme='dark'] body .search-container input, html[data-theme='dark'] body .search-input-cat, body.dark-mode .search-container input, body.dark-mode .search-input-cat, body.dark-theme .search-container input, body.dark-theme .search-input-cat, body.theme-dark .search-container input, body.theme-dark .search-input-cat { background-color: #12151c !important; color: #f8fafc !important; border-color: #0f0f10 !important; }
html[data-theme='dark'] body .custom-modal-content, body.dark-mode .custom-modal-content, body.dark-theme .custom-modal-content, body.theme-dark .custom-modal-content { background-color: #000000 !important; border-color: #0f0f10 !important; color: #f8fafc !important; }
html[data-theme='dark'] body .modal-box-pill, html[data-theme='dark'] body .modal-box-pill-field, body.dark-mode .modal-box-pill, body.dark-mode .modal-box-pill-field, body.dark-theme .modal-box-pill, body.dark-theme .modal-box-pill-field, body.theme-dark .modal-box-pill, body.theme-dark .modal-box-pill-field { background-color: #12151c !important; border-color: #0f0f10 !important; color: #f8fafc !important; }