/* =============================================
   KROXIA THEME - DARK MODE CSS
   ============================================= */

[data-theme="dark"] {
    --kroxia-bg: #0a0f1e;
    --kroxia-bg-secondary: #0d1425;
    --kroxia-bg-card: #111827;
    --kroxia-text: #e2e8f0;
    --kroxia-text-muted: #94a3b8;
    --kroxia-border-color: #1e293b;
}

[data-theme="dark"] body {
    background-color: #0a0f1e;
    color: #e2e8f0;
}

[data-theme="dark"] .site-logo {
    filter: brightness(0) invert(1);
}

[data-theme="dark"] .hero-section {
    background: #0a0f1e;
}

[data-theme="dark"] .hero-float-card {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .hero-float-card strong {
    color: #e2e8f0;
}

[data-theme="dark"] .brands-section {
    background: rgba(255,255,255,0.01);
    border-color: #1e293b;
}

[data-theme="dark"] .brands-track-wrapper::before {
    background: linear-gradient(90deg, #0d1425, transparent);
}

[data-theme="dark"] .brands-track-wrapper::after {
    background: linear-gradient(-90deg, #0d1425, transparent);
}

[data-theme="dark"] .service-card-inner {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .service-card-inner:hover {
    border-color: var(--service-color, var(--kroxia-primary));
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

[data-theme="dark"] .service-icon {
    background: rgba(255,255,255,0.04);
}

[data-theme="dark"] .service-title {
    color: #e2e8f0;
}

[data-theme="dark"] .about-section {
    background: rgba(255,255,255,0.01);
}

[data-theme="dark"] .about-experience-badge {
    background: var(--kroxia-primary);
}

[data-theme="dark"] .about-img-secondary {
    border-color: #0a0f1e;
}

[data-theme="dark"] .feature-check {
    background: rgba(249, 115, 22, 0.15);
}

[data-theme="dark"] .about-feature strong {
    color: #e2e8f0;
}

[data-theme="dark"] .portfolio-section {
    background: rgba(255,255,255,0.01);
}

[data-theme="dark"] .filter-btn {
    border-color: #1e293b;
    color: #94a3b8;
}

[data-theme="dark"] .filter-btn:hover,
[data-theme="dark"] .filter-btn.active {
    background: var(--kroxia-primary);
    border-color: var(--kroxia-primary);
    color: #fff;
}

[data-theme="dark"] .process-section {
    background: #0a0f1e;
}

[data-theme="dark"] .step-content h3 {
    color: #e2e8f0;
}

[data-theme="dark"] .team-section {
    background: rgba(255,255,255,0.01);
}

[data-theme="dark"] .team-card-inner {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .team-name {
    color: #e2e8f0;
}

[data-theme="dark"] .testimonials-section {
    background: #0a0f1e;
}

[data-theme="dark"] .testimonial-card {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .author-info strong {
    color: #e2e8f0;
}

[data-theme="dark"] .testimonial-prev,
[data-theme="dark"] .testimonial-next {
    background: #111827;
    border-color: #1e293b;
    color: #e2e8f0;
}

[data-theme="dark"] .testimonial-dot {
    background: #1e293b;
}

[data-theme="dark"] .pricing-section {
    background: rgba(255,255,255,0.01);
}

[data-theme="dark"] .pricing-card {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .pricing-name {
    color: #e2e8f0;
}

[data-theme="dark"] .pricing-price {
    border-color: #1e293b;
}

[data-theme="dark"] .price-amount {
    color: #e2e8f0;
}

[data-theme="dark"] .pricing-features li {
    color: #e2e8f0;
    border-color: #1e293b;
}

[data-theme="dark"] .faq-section {
    background: #0a0f1e;
}

[data-theme="dark"] .faq-item {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .faq-item.active {
    border-color: rgba(249, 115, 22, 0.3);
    background: #111827;
}

[data-theme="dark"] .faq-question {
    color: #e2e8f0;
}

[data-theme="dark"] .mini-cart-dropdown {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .sub-menu {
    background: #111827;
    border-color: #1e293b;
}

[data-theme="dark"] .sub-menu li a {
    color: #e2e8f0;
}

[data-theme="dark"] .sub-menu li a:hover {
    background: rgba(249, 115, 22, 0.1);
    color: var(--kroxia-primary);
}

[data-theme="dark"] .nav-menu > li > a {
    color: #e2e8f0;
}

[data-theme="dark"] .nav-menu > li > a:hover,
[data-theme="dark"] .nav-menu > li.current-menu-item > a {
    color: var(--kroxia-primary);
    background: rgba(249, 115, 22, 0.1);
}

[data-theme="dark"] .hamburger-line {
    background: #e2e8f0;
}

[data-theme="dark"] .offcanvas-panel {
    background: #111827;
}

[data-theme="dark"] .offcanvas-header {
    border-color: #1e293b;
}

[data-theme="dark"] .offcanvas-close {
    color: #e2e8f0;
}

[data-theme="dark"] .offcanvas-nav li a {
    color: #e2e8f0;
}

[data-theme="dark"] .offcanvas-cta {
    border-color: #1e293b;
}

[data-theme="dark"] .page-body {
    background: #0a0f1e;
}

[data-theme="dark"] .post-body {
    color: #e2e8f0;
}

[data-theme="dark"] .post-body p {
    color: #94a3b8;
}

[data-theme="dark"] .post-navigation {
    border-color: #1e293b;
}

[data-theme="dark"] .post-navigation .nav-title {
    color: #e2e8f0;
}

[data-theme="dark"] .single-post-content,
[data-theme="dark"] .page-content {
    background: #0a0f1e;
    color: #e2e8f0;
}

/* Theme Transition */
*, *::before, *::after {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Elementor Dark Mode Support */
[data-theme="dark"] .elementor-section,
[data-theme="dark"] .elementor-column,
[data-theme="dark"] .elementor-widget-wrap {
    color: var(--kroxia-text, #e2e8f0);
}

[data-theme="dark"] .elementor-widget-text-editor p,
[data-theme="dark"] .elementor-widget-text-editor span {
    color: var(--kroxia-text-muted, #94a3b8) !important;
}

/* WooCommerce Dark Mode */
[data-theme="dark"] .woocommerce table.shop_table,
[data-theme="dark"] .woocommerce-checkout .woocommerce-input-wrapper input,
[data-theme="dark"] .woocommerce-checkout .woocommerce-input-wrapper select,
[data-theme="dark"] .woocommerce-checkout .woocommerce-input-wrapper textarea {
    background: #111827;
    border-color: #1e293b;
    color: #e2e8f0;
}

[data-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #e2e8f0;
}

[data-theme="dark"] .woocommerce ul.products li.product {
    background: #111827;
    border: 1px solid #1e293b;
    border-radius: 16px;
    padding: 16px;
}

/* Scrollbar Styling */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0a0f1e;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--kroxia-primary);
}