/* وایم — دارک فقط وقتی theme-color=dark */

html[theme-color="dark"] {
  color-scheme: dark;
}

html[theme-color="dark"],
html[theme-color="dark"] body,
html[theme-color="dark"] #preloader,
html[theme-color="dark"] .page-content-wrapper,
html[theme-color="dark"] .cart-pro-page,
html[theme-color="dark"] .login-wrapper,
html[theme-color="dark"] .home-pro,
html[theme-color="dark"] .shop-pro-page,
html[theme-color="dark"] .vime-page {
  background: #0b1220 !important;
  background-color: #0b1220 !important;
  color: #e8eef6 !important;
}

html[theme-color="dark"] h1,
html[theme-color="dark"] h2,
html[theme-color="dark"] h3,
html[theme-color="dark"] h4,
html[theme-color="dark"] h5,
html[theme-color="dark"] h6,
html[theme-color="dark"] .page-heading h6,
html[theme-color="dark"] strong,
html[theme-color="dark"] .product-title,
html[theme-color="dark"] .product-title a,
html[theme-color="dark"] a.product-title {
  color: #e8eef6 !important;
}

html[theme-color="dark"] p,
html[theme-color="dark"] span,
html[theme-color="dark"] li,
html[theme-color="dark"] label,
html[theme-color="dark"] .text-dark,
html[theme-color="dark"] .text-black {
  color: inherit;
}

html[theme-color="dark"] .text-muted,
html[theme-color="dark"] .small,
html[theme-color="dark"] .opacity-90 {
  color: #94a3b8 !important;
}

/* Header */
html[theme-color="dark"] .header-area,
html[theme-color="dark"] .header-area.nh-header,
html[theme-color="dark"] #headerArea,
html[theme-color="dark"] .shop-header,
html[theme-color="dark"] .nh-header {
  background: rgba(11, 18, 32, 0.94) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  box-shadow: none !important;
}
html[theme-color="dark"] .nh-brand-text strong,
html[theme-color="dark"] .nh-nav a,
html[theme-color="dark"] .shop-header-cart-text {
  color: #e8eef6 !important;
}
html[theme-color="dark"] .nh-brand-text em {
  color: #99f6e4 !important;
}
html[theme-color="dark"] .nh-icon-btn,
html[theme-color="dark"] .nh-account,
html[theme-color="dark"] .nh-cart-btn,
html[theme-color="dark"] .header-area .suha-navbar-toggler {
  background: #121a2b !important;
  color: #e8eef6 !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
}
html[theme-color="dark"] .header-area .suha-navbar-toggler span {
  background: #e8eef6 !important;
}

/* Cards & surfaces */
html[theme-color="dark"] .card,
html[theme-color="dark"] .product-card,
html[theme-color="dark"] .product-card--uniform,
html[theme-color="dark"] .cart-summary-card,
html[theme-color="dark"] .checkout-form-card,
html[theme-color="dark"] .cart-items-card,
html[theme-color="dark"] .shop-filter-panel,
html[theme-color="dark"] .pd-panel,
html[theme-color="dark"] .pd-buybox,
html[theme-color="dark"] .pd-gallery--pro,
html[theme-color="dark"] .pd-panel--pro,
html[theme-color="dark"] .settings-card,
html[theme-color="dark"] .st-card,
html[theme-color="dark"] .st-section .st-card,
html[theme-color="dark"] .profile-pro-card,
html[theme-color="dark"] .profile-pro-stat,
html[theme-color="dark"] .modal-content,
html[theme-color="dark"] .my-order-card,
html[theme-color="dark"] .od-status-card,
html[theme-color="dark"] .wallet-card,
html[theme-color="dark"] .auth-card,
html[theme-color="dark"] .catagory-card,
html[theme-color="dark"] .flash-sale-card,
html[theme-color="dark"] .flash-sale-card--uniform,
html[theme-color="dark"] .single-product-card,
html[theme-color="dark"] .cart-table,
html[theme-color="dark"] .table,
html[theme-color="dark"] .list-group-item,
html[theme-color="dark"] .dropdown-menu,
html[theme-color="dark"] .offcanvas,
html[theme-color="dark"] .suha-offcanvas-wrap,
html[theme-color="dark"] .nav-glass-menu,
html[theme-color="dark"] .live-search-dropdown,
html[theme-color="dark"] .form-control,
html[theme-color="dark"] .form-select,
html[theme-color="dark"] .input-group-text,
html[theme-color="dark"] .nice-select,
html[theme-color="dark"] .vime-plan,
html[theme-color="dark"] .vime-proto,
html[theme-color="dark"] .vime-config-card,
html[theme-color="dark"] .vime-empty,
html[theme-color="dark"] .shop-hero,
html[theme-color="dark"] .profile-pro-hero,
html[theme-color="dark"] .wallet-hero,
html[theme-color="dark"] .od-hero {
  background: #121a2b !important;
  background-color: #121a2b !important;
  color: #e8eef6 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

html[theme-color="dark"] .product-card .product-description,
html[theme-color="dark"] .product-card .product-price,
html[theme-color="dark"] .product-card a {
  color: #e8eef6 !important;
}

html[theme-color="dark"] .form-control,
html[theme-color="dark"] .form-select,
html[theme-color="dark"] textarea,
html[theme-color="dark"] input[type="text"],
html[theme-color="dark"] input[type="search"],
html[theme-color="dark"] input[type="number"],
html[theme-color="dark"] input[type="tel"],
html[theme-color="dark"] input[type="password"],
html[theme-color="dark"] input[type="email"] {
  background: #0f172a !important;
  color: #e8eef6 !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}
html[theme-color="dark"] .form-control::placeholder,
html[theme-color="dark"] input::placeholder {
  color: #64748b !important;
}

/* Footer */
html[theme-color="dark"] .site-footer {
  background: #070d18 !important;
  color: #e8eef6 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}
html[theme-color="dark"] .site-footer a,
html[theme-color="dark"] .site-footer h3,
html[theme-color="dark"] .site-footer-logo span {
  color: #e8eef6 !important;
}
html[theme-color="dark"] .site-footer-tagline,
html[theme-color="dark"] .site-footer-about,
html[theme-color="dark"] .site-footer-bottom {
  color: #94a3b8 !important;
}

/* Mobile tabbar */
html[theme-color="dark"] .footer-nav-area,
html[theme-color="dark"] .nav-glass-tabbar,
html[theme-color="dark"] .suha-footer-nav,
html[theme-color="dark"] #footerNav {
  background: rgba(11, 18, 32, 0.97) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
}
html[theme-color="dark"] .suha-footer-nav a,
html[theme-color="dark"] .suha-footer-nav span,
html[theme-color="dark"] .suha-footer-nav i {
  color: #94a3b8 !important;
}
html[theme-color="dark"] .suha-footer-nav li.is-active a,
html[theme-color="dark"] .suha-footer-nav li.active a,
html[theme-color="dark"] .suha-footer-nav li.is-active span,
html[theme-color="dark"] .suha-footer-nav li.active span,
html[theme-color="dark"] .suha-footer-nav li.is-active i,
html[theme-color="dark"] .suha-footer-nav li.active i {
  color: #2dd4bf !important;
}

/* Chips */
html[theme-color="dark"] .shop-chip,
html[theme-color="dark"] .sf-chip,
html[theme-color="dark"] .vime-badge,
html[theme-color="dark"] .od-chip,
html[theme-color="dark"] .lock-pill {
  background: #1a2438 !important;
  color: #e8eef6 !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

/* Buttons — dark-friendly */
html[theme-color="dark"] .btn-light,
html[theme-color="dark"] .btn-outline-secondary,
html[theme-color="dark"] .btn-outline-dark,
html[theme-color="dark"] .btn-outline-primary {
  background: transparent !important;
  color: #e8eef6 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}
html[theme-color="dark"] .btn-light:hover,
html[theme-color="dark"] .btn-outline-secondary:hover,
html[theme-color="dark"] .btn-outline-dark:hover,
html[theme-color="dark"] .btn-outline-primary:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}
html[theme-color="dark"] .btn-primary,
html[theme-color="dark"] .vime-btn--primary,
html[theme-color="dark"] .btn-success {
  background: #f5f7fa !important;
  border-color: transparent !important;
  color: #0a0e14 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}
html[theme-color="dark"] .btn-primary:hover,
html[theme-color="dark"] .vime-btn--primary:hover,
html[theme-color="dark"] .btn-success:hover {
  background: #ffffff !important;
  color: #0a0e14 !important;
}
html[theme-color="dark"] .btn-info {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #e8eef6 !important;
}
html[theme-color="dark"] .btn-secondary {
  background: #1a2438 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8eef6 !important;
}
html[theme-color="dark"] .btn-check:checked + .btn-outline-primary,
html[theme-color="dark"] .btn-check:active + .btn-outline-primary {
  background: #f5f7fa !important;
  color: #0a0e14 !important;
  border-color: transparent !important;
}

/* Offcanvas menu */
html[theme-color="dark"] .nav-glass-top,
html[theme-color="dark"] .nav-glass-body,
html[theme-color="dark"] .nav-glass-footer {
  background: transparent !important;
}
html[theme-color="dark"] .sidenav-nav a,
html[theme-color="dark"] .user-name,
html[theme-color="dark"] .nav-glass-label {
  color: #cbd5e1 !important;
}

/* Manage */
html[theme-color="dark"] .sm-shell,
html[theme-color="dark"] .sm-main,
html[theme-color="dark"] .sm-topbar,
html[theme-color="dark"] .sm-card {
  background: #0b1220 !important;
  color: #e8eef6 !important;
}
html[theme-color="dark"] .sm-card {
  background: #121a2b !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

/* Toast */
html[theme-color="dark"] .noghreh-toast {
  background: #121a2b !important;
  color: #e8eef6 !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
}

/* Vime sections */
html[theme-color="dark"] .vime-section,
html[theme-color="dark"] .vime-section--alt,
html[theme-color="dark"] .vime-page {
  background: #0b1220 !important;
  color: #e8eef6 !important;
}
html[theme-color="dark"] .vime-section--alt {
  background: linear-gradient(180deg, #0b1220 0%, #121a2b 100%) !important;
}
html[theme-color="dark"] .vime-section-head h2,
html[theme-color="dark"] .vime-plan-name,
html[theme-color="dark"] .vime-digital-note strong {
  color: #e8eef6 !important;
}
html[theme-color="dark"] .vime-section-head p,
html[theme-color="dark"] .vime-digital-note span,
html[theme-color="dark"] .vime-plan-meta {
  color: #94a3b8 !important;
}
html[theme-color="dark"] .vime-plan,
html[theme-color="dark"] .vime-proto,
html[theme-color="dark"] .vime-config-card {
  background: #121a2b !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

/* Auth */
html[theme-color="dark"] .login-wrapper,
html[theme-color="dark"] .background-shape {
  background: #0b1220 !important;
}
html[theme-color="dark"] .auth-title {
  color: #f8fafc !important;
}
html[theme-color="dark"] .auth-subtitle {
  color: #94a3b8 !important;
}

/* Settings / profile */
html[theme-color="dark"] .st-section-head h2,
html[theme-color="dark"] .st-row strong,
html[theme-color="dark"] .st-link-text strong {
  color: #e8eef6 !important;
}
html[theme-color="dark"] .st-section-head p,
html[theme-color="dark"] .st-row em,
html[theme-color="dark"] .st-link-text em {
  color: #94a3b8 !important;
}

/* Kill common light leftovers from Suha */
html[theme-color="dark"] .bg-white,
html[theme-color="dark"] .bg-light,
html[theme-color="dark"] .bg-gray,
html[theme-color="dark"] .bg-grey {
  background-color: #121a2b !important;
}
html[theme-color="dark"] .text-black,
html[theme-color="dark"] .text-dark {
  color: #e8eef6 !important;
}

html[theme-color="dark"] body .card,
html[theme-color="dark"] body .product-card,
html[theme-color="dark"] body .single-product-card,
html[theme-color="dark"] body .cart-wrapper,
html[theme-color="dark"] body .checkout-wrapper,
html[theme-color="dark"] body .login-wrapper .card,
html[theme-color="dark"] body .modal-content,
html[theme-color="dark"] body .offcanvas,
html[theme-color="dark"] body .dropdown-menu,
html[theme-color="dark"] body .toast,
html[theme-color="dark"] body .list-group-item {
  background-color: #121a2b !important;
  color: #e8eef6 !important;
}

html[theme-color="dark"] body {
  background-color: #0b1220 !important;
  color: #e8eef6 !important;
}

/* حالت روشن — override نهایی (این فایل آخرین CSS است) */
html[theme-color="light"] {
  color-scheme: light;
}

html[theme-color="light"],
html[theme-color="light"] body,
html[theme-color="light"] #preloader,
html[theme-color="light"] .page-content-wrapper,
html[theme-color="light"] .settings-pro-page,
html[theme-color="light"] .cart-pro-page {
  background: #f1f5f9 !important;
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

html[theme-color="light"] .st-card,
html[theme-color="light"] .st-section .st-card,
html[theme-color="light"] .settings-card,
html[theme-color="light"] .card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

html[theme-color="light"] .st-hero {
  background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.14) 0%, #ffffff 58%) !important;
  color: #0f172a !important;
  border: 1px solid rgba(var(--brand-rgb), 0.18) !important;
}

html[theme-color="light"] .st-section-head h2,
html[theme-color="light"] .st-row strong,
html[theme-color="light"] .st-row-main strong,
html[theme-color="light"] .st-link-text strong,
html[theme-color="light"] .st-hero h1,
html[theme-color="light"] .st-hero-user strong,
html[theme-color="light"] .page-heading h6,
html[theme-color="light"] h1,
html[theme-color="light"] h2,
html[theme-color="light"] h3,
html[theme-color="light"] h4,
html[theme-color="light"] h5,
html[theme-color="light"] h6,
html[theme-color="light"] strong {
  color: #0f172a !important;
}

html[theme-color="light"] .st-section-head p,
html[theme-color="light"] .st-row em,
html[theme-color="light"] .st-row-main em,
html[theme-color="light"] .st-link-text em,
html[theme-color="light"] .st-lead,
html[theme-color="light"] .st-hero-user span,
html[theme-color="light"] .st-eyebrow,
html[theme-color="light"] .text-muted {
  color: #64748b !important;
}

html[theme-color="light"] .st-hero-user {
  background: rgba(var(--brand-rgb), 0.08) !important;
  border-color: rgba(var(--brand-rgb), 0.14) !important;
}

html[theme-color="light"] .st-divider {
  background: #e2e8f0 !important;
}

html[theme-color="light"] .st-theme-pick {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
}

html[theme-color="light"] .st-theme-btn {
  color: #64748b !important;
}

html[theme-color="light"] .st-theme-btn[aria-pressed="true"],
html[theme-color="light"] .st-theme-btn.is-active {
  background: var(--brand) !important;
  color: #fff !important;
}

html[theme-color="light"] .header-area,
html[theme-color="light"] .header-area.nh-header,
html[theme-color="light"] #headerArea {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 247, 250, 0.92)) !important;
  border-bottom: 1px solid rgba(29, 36, 51, 0.08) !important;
}

html[theme-color="light"] .header-area .back-button a,
html[theme-color="light"] .header-area .page-heading h6,
html[theme-color="light"] .header-area .suha-navbar-toggler {
  color: #0f172a !important;
}

html[theme-color="light"] .header-area .suha-navbar-toggler span {
  background: #0f172a !important;
}

html[theme-color="light"] .site-footer {
  color: #0f172a !important;
  background:
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(var(--brand-rgb), 0.1), transparent 55%),
    linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
}

html[theme-color="light"] .site-footer a,
html[theme-color="light"] .site-footer h3,
html[theme-color="light"] .site-footer-logo span {
  color: #0f172a !important;
}

html[theme-color="light"] .site-footer-tagline,
html[theme-color="light"] .site-footer-about,
html[theme-color="light"] .site-footer-bottom {
  color: #64748b !important;
}

html[theme-color="light"] .footer-nav-area,
html[theme-color="light"] .nav-glass-tabbar,
html[theme-color="light"] #footerNav {
  background: transparent !important;
}