/*
 * AURA STORE fixed visual baseline.
 *
 * This file intentionally contains no user-editable values. It replaces the
 * removed appearance/page editors and keeps the current storefront palette
 * consistent on every public, customer, checkout, and administration route.
 */
:root,
html.dark {
  color-scheme: light;
  --background: 210 23% 95% !important; /* #eef2f6 */
  --foreground: 0 0% 0% !important; /* #000000 */
  --card: 0 0% 100% !important; /* #ffffff */
  --card-foreground: 0 0% 0% !important;
  --popover: 0 0% 100% !important;
  --popover-foreground: 0 0% 0% !important;
  --primary: 221.2 83.2% 53.3% !important; /* #2563eb */
  --primary-foreground: 210 40% 98% !important; /* #f8fafc */
  --secondary: 210 40% 96.1% !important; /* #f1f5f9 */
  --secondary-foreground: 222.2 47.4% 11.2% !important; /* #0f172a */
  --muted: 0 0% 64% !important;
  --muted-foreground: 215.4 16.3% 30% !important;
  --accent: 221.2 83.2% 53.3% !important;
  --accent-foreground: 210 40% 98% !important;
  --destructive: 0 84.2% 60.2% !important; /* #ef4444 */
  --destructive-foreground: 210 40% 98% !important;
  --border: 0 0% 90% !important; /* #e5e7eb */
  --input: 0 0% 90% !important;
  --ring: 221.2 83.2% 53.3% !important;
  --package-image-surface: #eef2f6 !important;
}

body,
#root,
#root > div[class*="min-h-screen"],
body main,
.home-page-surface,
.page-surface {
  background: #eef2f6 !important;
  background-image: none !important;
  color: #000000 !important;
}

main h1,
main h2,
main h3,
main h4 {
  color: #000000 !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #000000 !important;
  text-shadow: none !important;
}

.package-image-surface {
  background-color: #eef2f6 !important;
}

.home-offer-card,
.package-catalog-card {
  background-color: #eef2f6 !important;
  border-color: #dce3ec !important;
}

.home-offer-card > a:first-child,
.home-offer-card .package-image-surface,
.package-catalog-card .package-image-surface {
  background: #eef2f6 !important;
}

.home-offer-card > div:last-child,
.package-catalog-card > div:last-child {
  background: #ffffff !important;
  border-top-color: #edf1f5 !important;
}

.product-card-name,
.package-card-name {
  color: #111827 !important;
  background-image: none !important;
  -webkit-text-fill-color: #111827 !important;
  text-shadow: none !important;
}

.product-card-secondary {
  color: #64748b !important;
}

.product-card-price,
.package-card-price,
.game-package-current-price {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}

.product-card-old-price,
.package-card-old-price,
.game-package-old-price {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-decoration-color: #111827 !important;
}

header,
header[class*="sticky"],
nav[class*="sticky"] {
  background: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom-color: #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

header *,
header a,
header button,
header span,
header svg {
  color: #000000 !important;
}

header svg {
  stroke: currentColor !important;
}

header a[href="/"],
header a[href="/"]:hover,
header a[href="/"]:focus {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

header img,
header img[alt*="Logo"],
header img[alt*="Wordmark"],
header img[src*="aura-store-wordmark"],
header img[src*="branding"] {
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

header input[type="search"] {
  background: #f1f5f9 !important;
  background-image: none !important;
  color: #111827 !important;
  border-color: transparent !important;
}

header input[type="search"]::placeholder {
  color: #64748b !important;
}

header a:hover,
header button:hover {
  color: #2563eb !important;
  background: #f1f5f9 !important;
}

header a:hover svg,
header button:hover svg,
header a:hover span,
header button:hover span {
  color: #2563eb !important;
}

header [data-aura-current-route="true"] {
  background: #dbeafe !important;
  color: #2563eb !important;
}

header [data-aura-current-route="true"] *,
header [data-aura-current-route="true"] svg,
header [data-aura-current-route="true"] span {
  color: #2563eb !important;
}

header div[class*="absolute"][class*="top-full"],
header div[class*="bg-card"],
header .bg-card {
  background: #ffffff !important;
  background-image: none !important;
}

header span[class*="bg-primary"],
header [data-aura-cart-badge="true"] {
  background: #2563eb !important;
  color: #ffffff !important;
}