/* Dark tech overrides for dark-tech theme */
:root{
    --primary-color: #7c5cff;
    --swiper-theme-color: var(--primary-color);

    --dark-bg: #070a0f;
    --dark-card: #0f172a;
    --dark-text: #d1d5db;
    --dark-muted: #94a3b8;
    --dark-border: rgba(148,163,184,.18);
}

/* Fix invalid selector (there is a legacy typo) */
::selection{
    background: rgba(124,92,255,.25) !important;
    color: #ffffff !important;
}

html, body{
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

.bg-light{
    background-color: var(--dark-bg) !important;
}

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

a:hover, a:focus{
    color: var(--primary-color) !important;
}

/* Navigation (nav-tech.css overrides) */
.site-header-tech{
    --nav-text: var(--dark-text);
    --nav-text-muted: var(--dark-muted);
    --nav-accent: var(--primary-color);
    background: var(--dark-bg) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

.site-header-tech .nav-pc .menu > ul > li > a{
    color: var(--dark-muted) !important;
}

.site-header-tech .nav-pc .menu > ul > li > a.active,
.site-header-tech .nav-pc .menu > ul > li:hover > a{
    color: var(--dark-text) !important;
}

.site-header-tech .nav-pc .menu > ul > li > .sub-menu{
    background: var(--dark-card) !important;
    border-top: 1px solid var(--dark-border) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.45) !important;
}

.site-header-tech .nav-pc .menu > ul > li > .sub-menu > .sub-menu-list > .sub-menu-item a{
    color: var(--dark-muted) !important;
}

.site-header-tech .nav-pc .menu > ul > li > .sub-menu > .sub-menu-list > .sub-menu-item a:hover{
    background: rgba(124,92,255,.10) !important;
    color: var(--dark-text) !important;
}

/* Search */
.search-input,
.search-wrapper input[type="text"]{
    background: #0b1220 !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

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

/* Sections */
.main-slider,
.product-wrapper,
.about-wrapper,
.case-wrapper,
.news-wrapper{
    background: transparent !important;
}

.public-title p{
    color: var(--dark-muted) !important;
}

.public-more,
.public-more i{
    color: var(--primary-color) !important;
}

/* Product list sidebar (templates have inline light styles) */
.sidebar-card{
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}

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

.category-item{
    border-bottom-color: var(--dark-border) !important;
}

.category-item a{
    color: var(--dark-muted) !important;
}

.filter-list li a{
    background: #0b1220 !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-muted) !important;
}

/* Cards / blocks */
.product-item-wrapper,
.news-item .card-body{
    background: rgba(15,23,42,.65) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 14px !important;
}

.product-item-wrapper:hover,
.news-item .card-body:hover{
    border-color: rgba(124,92,255,.45) !important;
}

.case-content-wrapper{
    color: var(--dark-text) !important;
}

.about-right-content{
    background: rgba(15,23,42,.35) !important;
    border: 1px solid var(--dark-border) !important;
    border-radius: 16px !important;
}

.page-content-card .card-body,
.page-content-card{
    background: rgba(15,23,42,.65) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Hero text */
.main-slider__content h2,
.main-slider__content p{
    color: #ffffff !important;
}

.main-slider__content .more{
    color: var(--dark-text) !important;
}

.main-slider__content .more:hover{
    color: var(--primary-color) !important;
}

/* Footer */
footer{
    background: var(--dark-card) !important;
    color: var(--dark-muted) !important;
}

footer a{
    color: var(--dark-text) !important;
}

footer a:hover{
    color: var(--primary-color) !important;
}

.footer-contact p,
.links-title{
    color: var(--dark-muted) !important;
}

.copyriht{
    background: #06080c !important;
    color: var(--dark-muted) !important;
}

.copyriht a{
    color: var(--primary-color) !important;
}

::selection{
    background: rgba(124,92,255,.25) !important;
    color: #ffffff !important;
}