/* Global Zoom Scale */
html {
    zoom: 0.9;
    /* Non-standard, but prevents breaking fixed position navbars unlike CSS transforms */
}

/* Light Theme Overrides */
body.light-theme {
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
}

body.light-theme .glass {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
    color: #1f2937 !important;
}

body.light-theme .bg-void-surface {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
}

body.light-theme .text-gray-400 {
    color: #4b5563 !important;
    /* Darker gray-600 for high contrast readability */
}

body.light-theme .text-gray-500 {
    color: #374151 !important;
    /* Darker gray-700 */
}

body.light-theme .text-white {
    color: #111827 !important;
}

body.light-theme .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .border-white\/5 {
    border-color: rgba(0, 0, 0, 0.05) !important;
}

body.light-theme .bg-white\/5 {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

body.light-theme .bg-white\/10 {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .hover\:bg-white\/10:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Specific component overrides */
body.light-theme aside .glass h1,
body.light-theme aside .glass .text-white {
    color: #000 !important;
}

/* Header & Footer Overrides */
body.light-theme nav {
    background-color: #ffffff !important;
    border-bottom-color: #e5e7eb !important;
}

body.light-theme nav .text-white {
    color: #000 !important;
}

body.light-theme nav .bg-white\/5 {
    background-color: #f3f4f6 !important;
    border-color: #e5e7eb !important;
}

body.light-theme nav .hover\:bg-white\/5:hover {
    background-color: #e5e7eb !important;
}

body.light-theme nav i.text-neon {
    color: #65a30d !important;
    /* Darker lime for visibility on white */
}

body.light-theme nav .text-neon {
    color: #65a30d !important;
}

/* Footer Overrides */
body.light-theme footer {
    background-color: #f9fafb !important;
    border-top-color: #e5e7eb !important;
    color: #374151 !important;
}

body.light-theme footer .text-white {
    color: #111827 !important;
}

body.light-theme footer .text-gray-500,
body.light-theme footer .text-gray-400 {
    color: #6b7280 !important;
}

body.light-theme footer .hover\:bg-white\/5:hover {
    background-color: #e5e7eb !important;
}

/* Global Background Overrides */
body.light-theme .bg-black {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
}

body.light-theme .bg-void {
    background-color: #f3f4f6 !important;
}

body.light-theme .bg-gray-900 {
    background-color: #e5e7eb !important;
}

/* Fix translucent black badges and overlays in light mode to act as bright overlays */
body.light-theme .bg-black\/60,
body.light-theme .bg-black\/40 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* Fix "white on white" buttons by making them dark in light mode */
body.light-theme button.bg-white,
body.light-theme .bg-white.text-black {
    background-color: #111827 !important;
    color: #ffffff !important;
}

/* Fix border contrast */
body.light-theme .border-white\/20,
body.light-theme .hover\:border-white\/20:hover {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

body.light-theme .border-white\/30,
body.light-theme .hover\:border-white\/30:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
}

/* Categories Marquee Background */
body.light-theme .bg-white\/\[0\.02\] {
    background-color: rgba(0, 0, 0, 0.02) !important;
}

/* Gradients & Patterns */
body.light-theme .hero-text .text-transparent {
    /* Override invisible neon/cyan gradient text with dark, rich colors */
    --tw-gradient-from: #047857 !important;
    /* emerald-700 */
    --tw-gradient-to: #1d4ed8 !important;
    /* blue-700 */
    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to) !important;
    /* via indigo-700 */
}

/* Specific Newsletter Overrides for Light Mode */
body.light-theme .max-w-5xl.bg-gradient-to-r {
    /* Overwrite the dark gradient to a very soft, light gradient */
    --tw-gradient-from: #f8fafc !important;
    /* slate-50 */
    --tw-gradient-to: #e2e8f0 !important;
    /* slate-200 */
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

body.light-theme .max-w-5xl.bg-gradient-to-r h2,
body.light-theme .max-w-5xl.bg-gradient-to-r .text-white {
    /* Force main headings inside newsletter to be dark */
    color: #0f172a !important;
    /* slate-900 */
}

body.light-theme .max-w-5xl.bg-gradient-to-r .text-gray-400 {
    /* Force subtitles inside newsletter to be highly visible dark gray */
    color: #334155 !important;
    /* slate-700 */
}

body.light-theme form .bg-black.rounded-full {
    /* Newsletter input container */
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    /* slate-300 */
}

body.light-theme form input[type="email"] {
    /* Newsletter input text */
    color: #0f172a !important;
}

body.light-theme form input[type="email"]::placeholder {
    color: #94a3b8 !important;
}

body.light-theme .from-void {
    --tw-gradient-from: #f3f4f6 !important;
}

body.light-theme .to-void-surface {
    --tw-gradient-to: #ffffff !important;
}

body.light-theme .from-gray-900 {
    --tw-gradient-from: #e5e7eb !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)) !important;
}

body.light-theme .to-black {
    --tw-gradient-to: #ffffff !important;
}

body.light-theme .via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0)) !important;
}

body.light-theme .bg-grid-pattern {
    opacity: 0.05 !important;
    filter: invert(1);
}

/* Inputs & Forms */
body.light-theme input,
body.light-theme textarea,
body.light-theme select {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border-color: #d1d5db !important;
}

body.light-theme input::placeholder {
    color: #9ca3af !important;
}

/* Footer Specific (ensure it stays light gray) */
body.light-theme footer {
    background-color: #f9fafb !important;
    border-top-color: #e5e7eb !important;
}

/* Enhancements for new Store Profile elements */
body.light-theme .light-step-number {
    --tw-gradient-from: rgba(0, 0, 0, 0.05) !important;
    --tw-gradient-to: transparent !important;
    opacity: 1 !important;
}

/* Clean UI Specifics - Light Mode Overrides */
body.light-theme .hover\:bg-white\/\[0\.02\]:hover {
    background-color: #f9fafb !important;
}

body.light-theme .hover\:bg-gray-200:hover {
    background-color: #e5e7eb !important;
}

body.light-theme .text-gray-300 {
    color: #374151 !important;
}