/* ================================================== */
/* Dark Theme Overrides for Autoev
/* Keeps the same blue accent color (#2edcff)
/* ================================================== */

/* Base dark backgrounds */
body.dark-scheme {
    background: var(--bg-dark-1) !important;
    color: var(--dark-body-font-color);
}

/* Override bg-grey to dark */
.dark-scheme .bg-grey,
.dark-scheme section.bg-grey {
    background-color: var(--bg-dark-2) !important;
}

/* Section backgrounds */
.dark-scheme section {
    background-color: var(--bg-dark-1);
}

.dark-scheme section:nth-child(even) {
    background-color: var(--bg-dark-2);
}

/* Text colors for dark mode */
.dark-scheme,
.dark-scheme p,
.dark-scheme span:not(.id-color):not(.text-gradient),
.dark-scheme li,
.dark-scheme td,
.dark-scheme th,
.dark-scheme label {
    color: var(--dark-body-font-color);
}

/* Headings */
.dark-scheme h1,
.dark-scheme h2,
.dark-scheme h3,
.dark-scheme h4,
.dark-scheme h5,
.dark-scheme h6 {
    color: #ffffff;
}

/* Remove text-dark overrides in dark mode */
.dark-scheme .text-dark {
    color: var(--dark-body-font-color) !important;
}

/* Subtitle tags */
.dark-scheme .subtitle {
    background-color: var(--bg-dark-3) !important;
    color: var(--dark-body-font-color) !important;
}

/* Cards and boxes */
.dark-scheme .card,
.dark-scheme .box,
.dark-scheme .de-box,
.dark-scheme .feature-box .inner,
.dark-scheme .feature-box.s1 .inner,
.dark-scheme .pricing-table,
.dark-scheme .de_testi {
    background: var(--bg-dark-2) !important;
    color: var(--dark-body-font-color);
}

/* Form elements */
.dark-scheme input[type="text"],
.dark-scheme input[type="email"],
.dark-scheme input[type="tel"],
.dark-scheme input[type="number"],
.dark-scheme input[type="password"],
.dark-scheme input[type="date"],
.dark-scheme textarea,
.dark-scheme select,
.dark-scheme .form-control {
    background-color: var(--bg-dark-3) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--dark-body-font-color) !important;
}

.dark-scheme input::placeholder,
.dark-scheme textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Dropdown and select */
.dark-scheme .dropdown-menu,
.dark-scheme .nice-select,
.dark-scheme select option {
    background-color: var(--bg-dark-2) !important;
    color: var(--dark-body-font-color) !important;
}

/* Tables */
.dark-scheme table {
    background-color: var(--bg-dark-2);
    color: var(--dark-body-font-color);
}

.dark-scheme table th,
.dark-scheme table td {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Footer */
.dark-scheme footer {
    background-color: var(--bg-dark-1) !important;
}

.dark-scheme footer,
.dark-scheme footer p,
.dark-scheme footer a,
.dark-scheme footer span,
.dark-scheme footer li {
    color: var(--dark-body-font-color);
}

.dark-scheme footer a:hover {
    color: var(--primary-color);
}

/* Rounded containers */
.dark-scheme .rounded-20px,
.dark-scheme .rounded-10px {
    background-color: var(--bg-dark-2);
}

.dark-scheme .p-4.bg-grey.rounded-20px,
.dark-scheme .p-5.bg-grey.rounded-20px,
.dark-scheme .p-3.bg-grey.rounded-10px {
    background-color: var(--bg-dark-2) !important;
}

/* Icon boxes with bg-grey */
.dark-scheme img.bg-grey {
    background-color: var(--bg-dark-3) !important;
}

/* Subheader */
.dark-scheme #subheader {
    background-color: var(--bg-dark-2);
}

.dark-scheme #subheader h1,
.dark-scheme #subheader .crumb {
    color: #ffffff;
}

/* Navigation menu items color */
.dark-scheme #mainmenu>li>a {
    color: #ffffff;
}

/* Side menu / mobile menu */
.dark-scheme .de-navbar-left,
.dark-scheme #de-sidebar,
.dark-scheme .navbar-collapse {
    background-color: var(--bg-dark-1) !important;
}

/* Cookie consent styling */
.dark-scheme #cookieConsent {
    background-color: var(--bg-dark-2) !important;
}

/* Accordion */
.dark-scheme .accordion-item,
.dark-scheme .accordion-button {
    background-color: var(--bg-dark-2) !important;
    color: var(--dark-body-font-color) !important;
}

.dark-scheme .accordion-button:not(.collapsed) {
    background-color: var(--bg-dark-3) !important;
}

/* Product cards for battery page */
.dark-scheme .product-card,
.dark-scheme .battery-card {
    background-color: var(--bg-dark-2) !important;
    color: var(--dark-body-font-color);
}

/* Filter buttons */
.dark-scheme .filter-btn,
.dark-scheme .brand-filter-btn {
    background-color: var(--bg-dark-3) !important;
    color: var(--dark-body-font-color) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-scheme .filter-btn.active,
.dark-scheme .filter-btn:hover,
.dark-scheme .brand-filter-btn.active,
.dark-scheme .brand-filter-btn:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Breadcrumb */
.dark-scheme .crumb a {
    color: rgba(255, 255, 255, 0.7);
}

.dark-scheme .crumb a:hover {
    color: var(--primary-color);
}

/* Links maintain primary color */
.dark-scheme a:not(.btn-main):not(.btn-line) {
    color: var(--primary-color);
}

/* Buttons keep their styling */
.dark-scheme .btn-main {
    background: var(--primary-color);
    color: #ffffff;
}

.dark-scheme .btn-line {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.dark-scheme .btn-line:hover {
    background: var(--primary-color);
    color: #ffffff;
}

/* Price styling */
.dark-scheme .price,
.dark-scheme .product-price {
    color: var(--primary-color) !important;
}

/* Estimation form specific */
.dark-scheme .estimation-result,
.dark-scheme #result-section {
    background-color: var(--bg-dark-2) !important;
    color: var(--dark-body-font-color);
}

/* Scrollbar for dark mode */
.dark-scheme::-webkit-scrollbar {
    width: 8px;
}

.dark-scheme::-webkit-scrollbar-track {
    background: var(--bg-dark-1);
}

.dark-scheme::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 4px;
}

/* Cookie policy page specific */
.dark-scheme .policy-content,
.dark-scheme .cookie-info {
    color: var(--dark-body-font-color);
}

/* About page team section */
.dark-scheme .team-member,
.dark-scheme .de-team-list {
    background-color: var(--bg-dark-2) !important;
}

/* Contact info boxes */
.dark-scheme .contact-info,
.dark-scheme .de_contact_info {
    background-color: var(--bg-dark-2) !important;
    color: var(--dark-body-font-color);
}

.dark-scheme .de_contact_info i {
    color: var(--primary-color);
}

/* Map container */
.dark-scheme .map-container {
    border-color: var(--bg-dark-3);
}

/* Ensure white icons on dark backgrounds stay visible */
.dark-scheme .icon-box i,
.dark-scheme .feature-box i {
    color: var(--primary-color);
}

/* Revolution slider text */
.dark-scheme .tp-caption {
    color: #ffffff !important;
}

/* Focus states */
.dark-scheme input:focus,
.dark-scheme textarea:focus,
.dark-scheme select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(46, 220, 255, 0.2) !important;
}

/* ================================================== */
/* TESTIMONIAL CARDS - WHITE TEXT */
/* ================================================== */
.dark-scheme .de_testi,
.dark-scheme .de_testi.s2,
.dark-scheme .de_testi blockquote,
.dark-scheme .de_testi p,
.dark-scheme .de_testi span,
.dark-scheme .de_testi div,
.dark-scheme .de_testi .de_testi_by,
.dark-scheme .de_testi .de_testi_by div,
.dark-scheme .de_testi .de_testi_by span,
.dark-scheme #testimonial-carousel .de_testi,
.dark-scheme #testimonial-carousel .de_testi *,
.dark-scheme .testimonial,
.dark-scheme .testimonial *,
.dark-scheme [class*="testimonial"] p,
.dark-scheme [class*="testimonial"] span,
.dark-scheme [class*="testimonial"] div,
.dark-scheme [class*="testi"] p,
.dark-scheme [class*="testi"] span,
.dark-scheme [class*="testi"] div {
    color: #ffffff !important;
}
.dark-scheme .de_testi .de-rating-ext i,
.dark-scheme .de_testi .d-stars i,
.dark-scheme .de_testi i.fa-star {
    color: #FFD700 !important;
}
.dark-scheme .de_testi,
.dark-scheme .de_testi.s2 {
    background-color: #232323 !important;
}

/* All filter/selection buttons */
.dark-scheme .filter-btn,
.dark-scheme .brand-filter-btn,
.dark-scheme button[class*="filter"],
.dark-scheme [class*="filter-btn"],
.dark-scheme .btn-filter,
.dark-scheme .category-btn,
.dark-scheme .type-btn {
    background-color: #303030 !important;
    color: #F5F5F7 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.dark-scheme .filter-btn.active,
.dark-scheme .filter-btn:hover,
.dark-scheme .brand-filter-btn.active,
.dark-scheme .brand-filter-btn:hover {
    background-color: #2edcff !important;
    color: #000000 !important;
    border-color: #2edcff !important;
}

/* Product cards */
.dark-scheme .product-card,
.dark-scheme .battery-card,
.dark-scheme [class*="product"],
.dark-scheme [class*="battery"] {
    background-color: #232323 !important;
    color: #F5F5F7 !important;
}

/* Product text - ensure visibility */
.dark-scheme .product-card *,
.dark-scheme .battery-card *,
.dark-scheme [class*="product"] p,
.dark-scheme [class*="product"] span,
.dark-scheme [class*="product"] div {
    color: #F5F5F7 !important;
}

/* Price styling */
.dark-scheme .price,
.dark-scheme .product-price,
.dark-scheme [class*="price"]:not(input) {
    color: #2edcff !important;
}

/* Montaj text (installation price) */
.dark-scheme .montaj-info,
.dark-scheme .installation-price,
.dark-scheme [class*="montaj"],
.dark-scheme small,
.dark-scheme .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Brand/Filter pills */
.dark-scheme .brand-pill,
.dark-scheme .filter-pill,
.dark-scheme .tag-pill {
    background-color: #303030 !important;
    color: #F5F5F7 !important;
}

/* ================================================== */
/* BUTTONS - PRESSED/ACTIVE STATE */
/* ================================================== */

/* Filter buttons pressed state */
.dark-scheme .filter-btn:active,
.dark-scheme .brand-filter-btn:active,
.dark-scheme button[class*="filter"]:active,
.dark-scheme [class*="filter-btn"]:active,
.dark-scheme .btn-filter:active,
.dark-scheme .category-btn:active,
.dark-scheme .type-btn:active {
    background-color: #2edcff !important;
    color: #000000 !important;
    border-color: #2edcff !important;
    transform: scale(0.98);
}

/* All buttons pressed state */
.dark-scheme .btn-main:active,
.dark-scheme .btn-primary:active,
.dark-scheme .btn-line:active,
.dark-scheme .btn-outline:active,
.dark-scheme .btn-border:active,
.dark-scheme button:active {
    background-color: #2edcff !important;
    color: #000000 !important;
    border-color: #2edcff !important;
}
/* ================================================== */
/* BATTERY PAGE FILTER BUTTONS - ACTIVE STATE FIX */
/* ================================================== */

/* Battery page filter buttons - normal state */
.dark-scheme #battery-filters .btn-filter,
.dark-scheme #brand-filters button,
.dark-scheme .btn-filter {
    background-color: #303030 !important;
    color: #F5F5F7 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Battery page filter buttons - ACTIVE/SELECTED state */
.dark-scheme #battery-filters .btn-filter.active,
.dark-scheme #brand-filters button.active,
.dark-scheme .btn-filter.active,
.dark-scheme #battery-filters .btn-filter[class*="active"],
.dark-scheme #brand-filters button[class*="active"],
body.dark-scheme .btn-filter.active,
body.dark-scheme #battery-filters .btn-filter.active,
body.dark-scheme #brand-filters button.active {
    background-color: #2edcff !important;
    color: #000000 !important;
    border-color: #2edcff !important;
}

/* Hover state */
.dark-scheme #battery-filters .btn-filter:hover,
.dark-scheme #brand-filters button:hover,
.dark-scheme .btn-filter:hover {
    background-color: #2edcff !important;
    color: #000000 !important;
    border-color: #2edcff !important;
}
/* ================================================== */
/* HEADER NAVIGATION - VISIBILITY FIX */
/* ================================================== */

/* Header background dark */
.dark-scheme header,
.dark-scheme header.header-light,
.dark-scheme header.smaller,
.dark-scheme header.smaller.scroll-light {
    background: #171717 !important;
}

/* Navigation menu items - ensure visible */
.dark-scheme #mainmenu > li > a,
.dark-scheme #mainmenu li a,
.dark-scheme #mainmenu a.menu-item,
.dark-scheme header #mainmenu a,
.dark-scheme header.header-light #mainmenu a,
.dark-scheme header.smaller #mainmenu a,
.dark-scheme header.smaller.scroll-light #mainmenu a,
.dark-scheme header.smaller.scroll-light #mainmenu li a {
    color: #ffffff !important;
}

/* Menu counter numbers */
.dark-scheme #mainmenu > li::before {
    color: #2edcff !important;
}

/* Submenu dropdown */
.dark-scheme #mainmenu ul,
.dark-scheme #mainmenu ul li a {
    background: #232323 !important;
    color: #F5F5F7 !important;
}

.dark-scheme #mainmenu ul li a:hover {
    background: #2edcff !important;
    color: #000000 !important;
}

/* Header phone/contact */
.dark-scheme header .h-phone,
.dark-scheme header .h-phone a,
.dark-scheme header .header-col a {
    color: #ffffff !important;
}

/* Logo text if any */
.dark-scheme header .logo,
.dark-scheme header #logo,
.dark-scheme header #logo a {
    color: #ffffff !important;
}

/* Header button */
.dark-scheme header .btn-main,
.dark-scheme header a.btn-main {
    background: #2edcff !important;
    color: #000000 !important;
}

/* ================================================== */
/* DESPRE-NOI / ABOUT PAGE - CARD FIXES */
/* ================================================== */

/* Feature/Advantage cards - dark background */
.dark-scheme .feature-box,
.dark-scheme .feature-box .inner,
.dark-scheme .feature-box.s1,
.dark-scheme .feature-box.s1 .inner,
.dark-scheme .feature-box.s2,
.dark-scheme .feature-box.s2 .inner,
.dark-scheme .feature-box.f-boxed,
.dark-scheme .icon-box,
.dark-scheme .de-box,
.dark-scheme .de-card,
.dark-scheme .d-card,
.dark-scheme [class*="de-box"],
.dark-scheme [class*="icon-box"],
.dark-scheme .bg-white,
.dark-scheme div.bg-white,
.dark-scheme .inner.bg-white {
    background: #232323 !important;
    background-color: #232323 !important;
}

/* All text inside cards - white */
.dark-scheme .feature-box p,
.dark-scheme .feature-box h1,
.dark-scheme .feature-box h2,
.dark-scheme .feature-box h3,
.dark-scheme .feature-box h4,
.dark-scheme .feature-box h5,
.dark-scheme .feature-box h6,
.dark-scheme .feature-box span,
.dark-scheme .feature-box div,
.dark-scheme .icon-box p,
.dark-scheme .icon-box h1,
.dark-scheme .icon-box h2,
.dark-scheme .icon-box h3,
.dark-scheme .icon-box h4,
.dark-scheme .icon-box h5,
.dark-scheme .icon-box span,
.dark-scheme .de-box p,
.dark-scheme .de-box span,
.dark-scheme .de-box h1,
.dark-scheme .de-box h2,
.dark-scheme .de-box h3,
.dark-scheme .de-box h4,
.dark-scheme .de-box h5,
.dark-scheme .d-card p,
.dark-scheme .d-card span,
.dark-scheme .d-card div {
    color: #ffffff !important;
}

/* Icons in cards - keep cyan accent */
.dark-scheme .feature-box i,
.dark-scheme .icon-box i,
.dark-scheme .de-box i,
.dark-scheme .d-card i {
    color: #2edcff !important;
}

/* Cards with rounded corners */
.dark-scheme .rounded-20px,
.dark-scheme .rounded-10px,
.dark-scheme .rounded,
.dark-scheme [class*="rounded-"] {
    background-color: #232323 !important;
}

.dark-scheme .rounded-20px *,
.dark-scheme .rounded-10px *,
.dark-scheme [class*="rounded-"] p,
.dark-scheme [class*="rounded-"] span,
.dark-scheme [class*="rounded-"] div {
    color: #ffffff !important;
}