/* ========== DARK MODE SPECIFIC STYLES ========== */
[data-theme="dark"] {
  --light-rgb: 15, 23, 42;
}

/* Footer stays dark in both modes */
[data-theme="dark"] .footer-premium {
  background: #1a1816;
  color: var(--gray-light);
}
[data-theme="dark"] .footer-brand .logo {
  color: #ffffff;
}
[data-theme="dark"] .footer-brand p {
  color: var(--gray);
}
[data-theme="dark"] .social-links a {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
[data-theme="dark"] .social-links a:hover {
  background: #e0e0e0;
  color: #1a1816;
}
[data-theme="dark"] .footer-links h4 {
  color: #ffffff;
}
[data-theme="dark"] .footer-links a {
  color: var(--gray);
}
[data-theme="dark"] .footer-links a:hover {
  color: #e0e0e0;
}
[data-theme="dark"] .payment-icons {
  color: var(--gray);
}
[data-theme="dark"] .footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.1);
  color: var(--gray);
}

[data-theme="dark"] .navbar {
  background: rgba(var(--light-rgb), 0.95);
}
[data-theme="dark"] .nav-link.active {
  color: #1a1a1a;
}
[data-theme="dark"] .logo-badge {
  color: #1a1a1a;
}

/* Logo de imagen: invertir a blanco sobre fondos oscuros */
[data-theme="dark"] .navbar .logo-img,
[data-theme="dark"] .preloader-logo {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .nav-search input {
  background: var(--light-2);
  color: var(--dark);
}

[data-theme="dark"] .search-results {
  background: var(--light);
}

[data-theme="dark"] .product-card {
  background: var(--light-2);
}

[data-theme="dark"] .shop-filters {
  background: var(--light-2);
  border-color: var(--light-3);
}

[data-theme="dark"] .shop-toolbar {
  background: var(--light-2);
  border-color: var(--light-3);
}

[data-theme="dark"] .shop-count {
  color: var(--gray);
}

[data-theme="dark"] .shop-empty {
  background: var(--light-2);
  border-color: var(--light-3);
}

[data-theme="dark"] .shop-empty h3 {
  color: var(--dark);
}

[data-theme="dark"] .shop-empty p {
  color: var(--gray);
}

[data-theme="dark"] .cart-item {
  background: var(--light-2);
}

[data-theme="dark"] .cart-summary {
  background: var(--light-3);
}

[data-theme="dark"] .modal-container {
  background: var(--light-2);
}

[data-theme="dark"] .product-modal-specs {
  background: var(--light-3);
}

[data-theme="dark"] .category-card {
  background: var(--light-3);
}

[data-theme="dark"] .why-item {
  background: var(--light-3);
  border-color: transparent;
}

[data-theme="dark"] .why-item h3 {
  color: var(--dark);
}

[data-theme="dark"] .why-icon {
  background: var(--light-2);
}

[data-theme="dark"] .hero-subtitle {
  color: #9a8f80;
}

[data-theme="dark"] body {
  background: var(--light);
}

/* ========== ADMIN DARK MODE FIXES ========== */
[data-theme="dark"] .admin-sidebar {
  background: var(--light-2);
  color: var(--dark);
}
[data-theme="dark"] .admin-nav-item {
  color: var(--gray-dark);
}
[data-theme="dark"] .admin-nav-item:hover {
  background: var(--light-3);
  color: var(--dark);
}
[data-theme="dark"] .admin-nav-item.active {
  background: var(--primary);
  color: #1a1a1a;
}
[data-theme="dark"] .admin-nav-item.active i {
  color: #1a1a1a;
}
[data-theme="dark"] .admin-nav-item i {
  color: var(--gray);
}
[data-theme="dark"] .admin-nav-item:hover i {
  color: var(--dark);
}
[data-theme="dark"] .admin-user {
  border-bottom-color: rgba(255,255,255,0.05);
}
[data-theme="dark"] .stat-icon {
  background: var(--light-3);
  color: var(--dark);
}
[data-theme="dark"] .admin-sidebar .admin-info small {
  color: var(--gray);
}
[data-theme="dark"] .admin-badge {
  background: var(--error);
  color: #fff;
}
[data-theme="dark"] .admin-main h1 {
  color: var(--dark);
}
[data-theme="dark"] .badge-count {
  background: var(--light-3);
  color: var(--gray-dark);
}
[data-theme="dark"] .admin-table thead th {
  color: var(--gray);
}
[data-theme="dark"] .admin-table tbody tr:hover td {
  background: var(--light-3);
}
[data-theme="dark"] .btn-icon {
  background: var(--light-3);
  color: var(--gray-dark);
}
[data-theme="dark"] .btn-icon:hover {
  background: var(--dark-3);
  color: var(--dark);
}
[data-theme="dark"] .btn-icon.danger:hover {
  background: var(--error);
  color: white;
}
[data-theme="dark"] .low-stock-alert {
  background: var(--light-2);
  border-color: var(--light-3);
}
[data-theme="dark"] .recent-orders h3 {
  color: var(--dark);
}

/* ========== SELLER PANEL DARK MODE ========== */
[data-theme="dark"] .seller-sidebar {
  background: var(--light-2);
  border-color: var(--light-3);
}
[data-theme="dark"] .seller-nav-item {
  color: var(--gray-dark);
}
[data-theme="dark"] .seller-nav-item:hover {
  background: var(--light-3);
}
[data-theme="dark"] .seller-nav-item.active {
  background: var(--light-3);
  border-left-color: var(--primary);
  color: var(--dark);
}
[data-theme="dark"] .seller-nav-item i {
  color: var(--gray);
}
[data-theme="dark"] .seller-user {
  border-bottom-color: var(--light-3);
  color: var(--dark);
}
[data-theme="dark"] .seller-info small {
  color: var(--gray);
}

/* ========== BUTTONS DARK MODE ========== */
[data-theme="dark"] .btn-primary {
  background: var(--primary);
  color: #1a1a1a;
}
[data-theme="dark"] .btn-primary:hover {
  background: var(--dark-3);
  color: var(--dark);
}
[data-theme="dark"] .btn-outline {
  color: var(--dark);
  border-color: var(--gray);
}
[data-theme="dark"] .btn-outline:hover {
  border-color: var(--primary);
  background: var(--primary-glow);
  color: var(--dark);
}
[data-theme="dark"] .btn-small,
[data-theme="dark"] .coupon-card .btn-small {
  background: var(--primary);
  color: #1a1a1a;
  border-color: var(--primary);
}
[data-theme="dark"] .coupon-card .btn-small:hover {
  background: var(--dark-3);
  color: var(--dark);
}
[data-theme="dark"] .btn-clear-filters {
  color: var(--gray-dark);
  border-color: var(--light-3);
}
[data-theme="dark"] .btn-clear-filters:hover {
  border-color: var(--error);
  color: var(--error);
}

[data-theme="dark"] .btn-sm {
  background: var(--light-2);
  color: var(--dark);
  border-color: var(--light-3);
}
[data-theme="dark"] .btn-sm:hover {
  background: var(--light-3);
}
[data-theme="dark"] .btn-secondary {
  background: var(--light-2);
  color: var(--dark);
  border-color: var(--light-3);
}
[data-theme="dark"] .btn-secondary:hover {
  background: var(--light-3);
}

[data-theme="dark"] .stock-badge.ok { background: #064e3b; color: #6ee7b7; }
[data-theme="dark"] .stock-badge.low { background: #78350f; color: #fcd34d; }
[data-theme="dark"] .stock-badge.critical { background: #7f1d1d; color: #fca5a5; }
[data-theme="dark"] .stock-badge.out { background: #450a0a; color: #fecaca; }

[data-theme="dark"] .admin-sidebar {
  background: #0f0f11;
  color: var(--dark);
}
[data-theme="dark"] .admin-sidebar .admin-user small {
  color: var(--gray-dark);
}

[data-theme="dark"] .low-stock-alert {
  background: rgba(251, 191, 36, 0.1);
  border-left-color: #f59e0b;
}
[data-theme="dark"] .low-stock-alert .low-stock-header {
  color: #fcd34d;
}
[data-theme="dark"] .low-stock-alert.ok {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10b981;
}
[data-theme="dark"] .low-stock-alert.ok .low-stock-header {
  color: #6ee7b7;
}

[data-theme="dark"] .form-warning {
  background: rgba(251, 191, 36, 0.1);
  color: #fcd34d;
}
[data-theme="dark"] .form-warning.error {
  background: rgba(239, 68, 68, 0.1);
  color: #fca5a5;
}
[data-theme="dark"] .form-warning.ok {
  background: rgba(16, 185, 129, 0.1);
  color: #6ee7b7;
}

[data-theme="dark"] .thanks-transfer-reminder {
  background: rgba(251, 191, 36, 0.1);
  border-color: #f59e0b;
  color: #fcd34d;
}

[data-theme="dark"] .coupon-card {
  background: rgba(181, 242, 61, 0.08);
  border-color: var(--primary);
}

/* ========== LOGIN CARD: se mantiene blanca en modo oscuro ========== */
[data-theme="dark"] .login-modal.modal-container {
  background: #ffffff;
}

[data-theme="dark"] .login-modal .form-group label,
[data-theme="dark"] .login-modal .remember,
[data-theme="dark"] .login-modal .form-options,
[data-theme="dark"] .login-modal .forgot,
[data-theme="dark"] .login-modal .demo-credentials small {
  color: #666;
}

[data-theme="dark"] .login-modal .forgot:hover { color: #111; }

[data-theme="dark"] .login-modal .demo-credentials {
  background: #f5f5f5;
  border-color: #e0e0e0;
}