/* =============================================
   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-text-light:    #64748b;
    --kroxia-border-color:  #1e293b;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-theme="dark"] body {
    background-color: #0a0f1e;
    color: #e2e8f0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #f1f5f9;
    -webkit-font-smoothing: antialiased;
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] span,
[data-theme="dark"] label,
[data-theme="dark"] td,
[data-theme="dark"] th {
    color: #e2e8f0;
    -webkit-font-smoothing: antialiased;
}

[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"] .service-desc,
[data-theme="dark"] .service-card-inner p {
    color: #94a3b8;
}

[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(91, 92, 240, 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"] .step-content p {
    color: #94a3b8;
}

[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"] .team-role,
[data-theme="dark"] .team-bio {
    color: #94a3b8;
}

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

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

[data-theme="dark"] .testimonial-text,
[data-theme="dark"] .testimonial-card p {
    color: #cbd5e1;
}

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

[data-theme="dark"] .author-info span {
    color: #94a3b8;
}

[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: #cbd5e1;
    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(91, 92, 240, 0.3);
    background: #111827;
}

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

[data-theme="dark"] .faq-answer,
[data-theme="dark"] .faq-answer p {
    color: #94a3b8;
}

[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(91, 92, 240, 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(91, 92, 240, 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 — only transition color-related properties */
/* বাংলা: থিম ট্রানজিশন — শুধুমাত্র কালার সম্পর্কিত প্রপার্টি */
/* Narrow transition scope — only elements that receive dark-mode overrides */
body, .site-header, .site-footer, .kroxia-section, .kroxia-hero,
h1, h2, h3, h4, h5, h6, p, a, span, div, section, article,
header, footer, nav, main, aside, figure, figcaption, blockquote,
input, textarea, select, button, .btn, .card, .widget, .kroxia-card,
.hero-content, .section-content, .container, .row, .col {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

[data-theme="dark"] body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

[data-theme="dark"] .section,
[data-theme="dark"] section,
[data-theme="dark"] .container,
[data-theme="dark"] .site-main {
    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: #e2e8f0;
}

[data-theme="dark"] .elementor-widget-text-editor p,
[data-theme="dark"] .elementor-widget-text-editor span {
    color: #94a3b8;
}

[data-theme="dark"] .elementor-heading-title {
    color: #f1f5f9;
}

/* 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;
}

/* Section headings & text in dark mode */
/* বাংলা: সেকশন হেডিং ও টেক্সট ডার্ক মোডে */
[data-theme="dark"] .section-title,
[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .section-badge {
    color: #e2e8f0;
}

[data-theme="dark"] .section-desc,
[data-theme="dark"] .section-description {
    color: #94a3b8;
}

/* Stats & counters */
/* বাংলা: স্ট্যাটস ও কাউন্টার */
[data-theme="dark"] .stat-number,
[data-theme="dark"] .counter-number {
    color: #f1f5f9;
}

[data-theme="dark"] .stat-label {
    color: #94a3b8;
}

/* Cards general */
/* বাংলা: কার্ড জেনারেল */
[data-theme="dark"] .card,
[data-theme="dark"] [class*="-card"] {
    background: #111827;
    border-color: #1e293b;
}

/* 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);
}

/* সিস্টেম লেভেল ডার্ক মোড ফলব্যাক */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --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"] img,
[data-theme="dark"] video {
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

[data-theme="dark"] img:hover,
[data-theme="dark"] video:hover {
    opacity: 1;
}

/* ফোকাস রিং ডার্ক মোডে */
[data-theme="dark"] *:focus-visible {
    outline-color: var(--kroxia-primary, #5B5CF0);
    outline-offset: 2px;
}