/* Custom overrides for PrestaShop theme using landing page palette */
:root {
    --bg-dark: #0a0a0c;
    --bg-lighter: #151518;
    --text-light: #e0e0e0;
    --neon-red: #ff003c;
    --neon-glow: 0 0 10px rgba(255, 0, 60, 0.5), 0 0 20px rgba(255, 0, 60, 0.3);
    --neon-glow-strong: 0 0 10px rgba(255, 0, 60, 0.8), 0 0 20px rgba(255, 0, 60, 0.6), 0 0 40px rgba(255, 0, 60, 0.4);
}

/* Global background and text */
body,
main,
#wrapper {
    background-color: #8a8d91 !important;
    color: var(--text-light) !important;
}

/* Navigation bar */
nav {
    background: rgba(10, 10, 12, 0.85) !important;
    border-bottom: 1px solid rgba(255, 0, 60, 0.2) !important;
}

/* Navigation links */
.nav-links li a {
    color: var(--text-light) !important;
    transition: all 0.3s ease;
}

.nav-links li a:hover {
    color: #fff !important;
    text-shadow: var(--neon-glow) !important;
}

/* Primary buttons (e.g., contact, CTA) */
.contact-btn,
.cta-btn {
    border: 1px solid var(--neon-red) !important;
    background: rgba(255, 0, 60, 0.05) !important;
    color: var(--text-light) !important;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.2) inset !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.contact-btn:hover,
.cta-btn:hover {
    background: var(--neon-red) !important;
    color: #fff !important;
    box-shadow: var(--neon-glow-strong) !important;
    text-shadow: 0 0 5px #fff !important;
    transform: scale(1.02) !important;
}

/* Bootstrap primary button overrides */
.btn-primary {
    background-color: var(--neon-red) !important;
    border-color: var(--neon-red) !important;
    color: #fff !important;
    box-shadow: var(--neon-glow) !important;
}

.btn-primary:hover {
    background-color: #e60033 !important;
    box-shadow: var(--neon-glow-strong) !important;
}

/* Footer links */
footer a {
    color: #a0a0a0 !important;
    transition: color 0.3s ease;
}

footer a:hover {
    color: var(--neon-red) !important;
    filter: drop-shadow(0 0 8px rgba(255, 0, 60, 0.6)) !important;
}

/* Scroll progress bar */
.progress-bar {
    background: var(--neon-red) !important;
    box-shadow: var(--neon-glow) !important;
}

/* Ensure links inherit text color */
a {
    color: inherit;
}

html,
body,
#page,
#header,
#footer,
.main,
#content,
.content,
.container,
.wrapper,
#wrapper,
.page,
.cms,
.section,
.content-main,
.row,
.col,
#main,
#content-wrapper,
#content-main {
    background-color: #8a8d91 !important;
    background-image: none !important;
    color: var(--text-light) !important;
}