/* === theme-overrides.php: Card + Text — KEIN body/gradient touch === */

/* CSS-Variablen überschreiben (greift für alle Nicht-Admin-Seiten, da admin.css eigene --adm-* vars nutzt) */
:root {
  --text:         #ffffff;
  --text-muted:   #ffffff;
  --text-light:   #ffffff;
  --heading-color:#ffffff;
  --price-color:  #60a5fa;
}


/* Cards */
body:not(.admin-body) .card,
body:not(.admin-body) .product-card,
body:not(.admin-body) .review-box,
body:not(.admin-body) .review-card {
  background: rgba(9,22,36,1) !important;
  border: 2px solid rgba(0,212,255,0.35) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
}
#top-produkte .product-card {
  background: rgba(9,22,36,1) !important;
  border-color: rgba(0,212,255,0.35) !important;
}
body:not(.admin-body) .card h1,
body:not(.admin-body) .card h2,
body:not(.admin-body) .card h3,
body:not(.admin-body) .card h4,
body:not(.admin-body) .card h5,
body:not(.admin-body) .product-card h3 { color: #ffffff !important; }
body:not(.admin-body) .card p,
body:not(.admin-body) .product-card p  { color: #ffffff !important; }
body:not(.admin-body) .card .text-muted,
body:not(.admin-body) .product-card .text-muted { color: #ffffff !important; }

/* Text & Links */
body:not(.admin-body):not(.customer-body) { color: #ffffff; }
body:not(.admin-body):not(.customer-body) p { color: #ffffff; }
body:not(.admin-body):not(.customer-body) h1,
body:not(.admin-body):not(.customer-body) h2,
body:not(.admin-body):not(.customer-body) h3 { color: #ffffff; }
body:not(.admin-body):not(.customer-body) a:not(.btn):not([class*="nav"]):not([class*="badge"]) { color: #ffffff; }
body:not(.admin-body):not(.customer-body) a:not(.btn):not([class*="nav"]):not([class*="badge"]):hover { color: #ffffff; }
body:not(.admin-body):not(.customer-body) .price,
body:not(.admin-body):not(.customer-body) .product-price { color: #60a5fa !important; }
body:not(.admin-body):not(.customer-body) .navbar-nav .nav-link { color: #000000 !important; }
body:not(.admin-body):not(.customer-body) footer,
body:not(.admin-body):not(.customer-body) footer p { color: #ffffff !important; }

/* === Überschreibt app.css Zeilen 4525–4556 (2–3× :not(), dunkle Farben für Unterseiten) === */
body:not(.admin-body):not(.customer-body) .card,
body:not(.admin-body):not(.customer-body) .product-card,
body:not(.admin-body):not(.customer-body) .cart-card,
body:not(.admin-body):not(.customer-body) .box,
body:not(.admin-body):not(.customer-body) .panel { color: #ffffff !important; }

body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) main,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .page,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .page-content,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .main-content,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .products-page { color: #ffffff !important; }

body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) p,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .muted,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .lead,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .page-subtitle { color: #ffffff !important; }

body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) h1,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) h2,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .page-title,
body:not(.admin-body):not(.customer-body):not(:has(.hero-section)) .section-title { color: #ffffff !important; }

/* Labels in Cards (app.css setzt #1a2a35 auf .card .form-label) */
body:not(.admin-body) .card .form-group label,
body:not(.admin-body) .card .form-label { color: #ffffff !important; }