/* =========================================
   THEME OVERRIDES (Tech / Cyber Palette)
   ========================================= */

:root {
    /* Primary: Dark Graphite */
    --bs-primary: #1F2937 !important;
    --primary: #1F2937 !important;

    /* Secondary: Electric Blue / Cyan */
    --bs-secondary: #00D1FF !important;
    --secondary: #00D1FF !important;

    /* Backgrounds: Cool Light Gray & Pure White */
    --bs-light: #F9FAFB !important;
    --bs-body-bg: #F9FAFB !important;
    --bs-white: #FFFFFF !important;

    /* Text: Deep Black */
    --bs-dark: #111827 !important;
    --bs-body-color: #111827 !important;

    /* Accents */
    --accent-purple: #8B5CF6;
    /* Ultraviolet */
    --accent-neon-green: #84CC16;
    /* Neon Moss */
}

/* Base Body Styles */
body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-primary) !important;
    letter-spacing: -0.5px;
}

/* Navbar Override (Graphite Glass) */
.nav-bar {
    background: rgba(31, 41, 55, 0.95) !important;
    /* Graphite Glass */
    backdrop-filter: blur(12px);
    position: sticky !important;
    top: 0;
    z-index: 1000;
    border-bottom: 2px solid var(--bs-secondary);
}

/* Navbar Links in Dark Mode */
.nav-bar a,
.nav-bar span {
    color: #F9FAFB !important;
}

.nav-bar .categories-bars-item:hover {
    background: var(--bs-secondary) !important;
}

/* Dropdowns (Light Glass) */
.dropdown-menu {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px);
    border: 1px solid var(--accent-purple) !important;
}

.dropdown-item {
    color: var(--bs-dark) !important;
}

.dropdown-item:hover {
    background-color: var(--bs-secondary) !important;
    color: white !important;
}

/* Force Text Colors */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

.text-muted {
    color: #6B7280 !important;
}

.text-white {
    color: #FFFFFF !important;
}

a {
    color: var(--bs-primary);
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: var(--accent-purple);
}

/* Force Background Colors */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-light {
    background-color: #F3F4F6 !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

/* Button Overrides */
.btn-primary {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
    background-color: #111827 !important;
    border-color: #111827 !important;
    color: var(--bs-secondary) !important;
    box-shadow: 0 0 15px rgba(0, 209, 255, 0.5);
}

.btn-secondary {
    color: #000 !important;
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    font-weight: 700;
}

.btn-secondary:hover {
    background-color: #22D3EE !important;
    color: #000 !important;
    box-shadow: 0 0 15px rgba(0, 209, 255, 0.7);
}

/* Accents & Focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 0.25rem rgba(139, 92, 246, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--accent-neon-green) !important;
    border-color: var(--accent-neon-green) !important;
}

/* Tags / Badges */
.badge {
    background-color: var(--accent-purple) !important;
}

/* Product Cards */
.card {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: #FFFFFF !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-color: var(--bs-secondary) !important;
}

/* Topbar */
.topbar {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E7EB;
}

.topbar .text-primary {
    color: var(--bs-primary) !important;
}

.topbar a {
    color: #4B5563 !important;
}

.topbar a:hover {
    color: var(--bs-secondary) !important;
}

/* Filter logic for icons */
.accordion-button:not(.collapsed)::after {
    filter: invert(13%) sepia(12%) saturate(1060%) hue-rotate(178deg) brightness(96%) contrast(93%);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-primary) !important;
    background-color: #E5E7EB !important;
}

/* Footer Link Override */
.footer .footer-item a,
.footer .footer-item p,
.footer h4 {
    color: #FFFFFF !important;
}

.footer .footer-item a:hover {
    color: var(--bs-secondary) !important;
}

/* CATEGORY DROPDOWN FIXES */
/* 1. Navbar Toggle Button Text (Kategoriler) & Icon -> WHITE */
.navbar-light .navbar-toggler {
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.navbar-light .navbar-toggler h4,
.navbar-light .navbar-toggler i {
    color: #FFFFFF !important;
}

/* 2. Dropdown Items Text -> DARK GRAPHITE (Since dropdown bg is usually white) */
.categories-bars-item a {
    color: var(--bs-primary) !important;
    /* Graphite */
    font-weight: 500;
}

.categories-bars-item a:hover {
    color: var(--bs-secondary) !important;
    /* Cyan hover */
}
/* Center Vendor Carousel Items (when few) */
.vendor-carousel .owl-stage {
    display: flex;
    justify-content: center;
}