/*
 * D2-10 GLOBAL DARK MODE
 * Toggle: #themeToggleBtn (header.blade.php)
 * State:  localStorage 'lisansjet-theme' + html[data-theme="dark"]
 */

/* ---- Variables ---- */
[data-theme="dark"] {
    --qx-bg: #0f172a;
    --qx-surface: #1e293b;
    --qx-card-bg: #1e293b;
    --qx-card-bg-2: #273449;
    --qx-text: #f1f5f9;
    --qx-text-strong: #ffffff;
    --qx-text-muted: #94a3b8;
    --qx-border: #334155;
    --qx-link: #f59e0b;
    --qx-primary: #f59e0b;
    color-scheme: dark;
}

/* ---- Body & generic backgrounds ---- */
[data-theme="dark"] body {
    background-color: var(--qx-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-body,
[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] .bg-slate-50,
[data-theme="dark"] .bg-neutral-50 {
    background-color: var(--qx-surface) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .bg-gray-100,
[data-theme="dark"] .bg-slate-100,
[data-theme="dark"] .bg-neutral-100 {
    background-color: var(--qx-card-bg-2) !important;
}

/* ---- Typography ---- */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-slate-900,
[data-theme="dark"] .text-neutral-900 {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-slate-500,
[data-theme="dark"] .text-slate-600 {
    color: var(--qx-text-muted) !important;
}

/* ---- Borders ---- */
[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-end,
[data-theme="dark"] [class*="border-gray"],
[data-theme="dark"] [class*="border-slate"] {
    border-color: var(--qx-border) !important;
}

/* ---- Cards, modals, dropdowns ---- */
[data-theme="dark"] .card,
[data-theme="dark"] .card-body,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .modal-backdrop {
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.75;
}

/* ---- Forms ---- */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--qx-text-muted) !important;
    opacity: 0.7;
}

/* ---- Tables ---- */
[data-theme="dark"] .table {
    color: var(--qx-text) !important;
    --bs-table-bg: var(--qx-card-bg);
    --bs-table-color: var(--qx-text);
    --bs-table-border-color: var(--qx-border);
    --bs-table-striped-color: var(--qx-text);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .table thead th {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: var(--qx-border) !important;
}

/* ---- Buttons & alerts ---- */
[data-theme="dark"] .btn-light,
[data-theme="dark"] .btn-outline-secondary {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .btn-light:hover {
    background-color: var(--qx-border) !important;
}

[data-theme="dark"] .alert-light {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* ---- Breadcrumb ---- */
[data-theme="dark"] .breadcrumb {
    background: transparent !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .breadcrumb a {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--qx-text) !important;
}

/* ---- Nav tabs / pills ---- */
[data-theme="dark"] .nav-tabs,
[data-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .nav-pills .nav-link {
    background: transparent !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-pills .nav-link.active {
    background: var(--qx-card-bg) !important;
    color: var(--qx-link) !important;
    border-color: var(--qx-link) transparent transparent !important;
}

[data-theme="dark"] .tab-content,
[data-theme="dark"] .tab-pane {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

/* ---- Header & theme toggle ---- */
[data-theme="dark"] .lj-header,
[data-theme="dark"] header.lj-header {
    background-color: var(--qx-surface) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .header-link {
    color: var(--qx-text) !important;
    background: transparent !important;
}

[data-theme="dark"] .header-link:hover {
    color: var(--qx-link) !important;
}

[data-theme="dark"] #themeToggleBtn,
[data-theme="dark"] #themeToggleBtn i {
    color: var(--qx-link) !important;
}

/* ---- Mega menu (Kategoriler dropdown) ---- */
[data-theme="dark"] .mega-menu-dropdown,
[data-theme="dark"] .mega-menu-inner,
[data-theme="dark"] .mega-menu-category-card,
[data-theme="dark"] .mega-menu-footer,
[data-theme="dark"] .mega-menu-submenu,
[data-theme="dark"] .mega-menu-column,
[data-theme="dark"] .mega-menu-section {
    background: var(--qx-surface) !important;
    background-image: none !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .mega-menu-dropdown {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .mega-menu-category-card {
    background: var(--qx-card-bg) !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .mega-menu-category-header {
    color: var(--qx-text-strong) !important;
    background: transparent !important;
}

[data-theme="dark"] .mega-menu-category-header *,
[data-theme="dark"] .mega-menu-category-header:hover {
    color: inherit !important;
}

[data-theme="dark"] .mega-menu-category-header:hover {
    color: var(--qx-link) !important;
}

[data-theme="dark"] .mega-menu-category-icon {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-link) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .mega-menu-submenu a,
[data-theme="dark"] .mega-menu-link,
[data-theme="dark"] .mega-menu-category-card a {
    color: var(--qx-text) !important;
    background: transparent !important;
}

[data-theme="dark"] .mega-menu-submenu a:hover,
[data-theme="dark"] .mega-menu-link:hover,
[data-theme="dark"] .mega-menu-category-card a:hover {
    color: var(--qx-link) !important;
    background: rgba(245, 158, 11, 0.08) !important;
}

[data-theme="dark"] .mega-menu-submenu i,
[data-theme="dark"] .mega-menu-link i,
[data-theme="dark"] .mega-menu-category-card i {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .mega-menu-more {
    color: var(--qx-link) !important;
    background: rgba(245, 158, 11, 0.08) !important;
    border: 1px dashed rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .mega-menu-search {
    background: var(--qx-card-bg-2) !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .mega-menu-search-input {
    background: transparent !important;
    color: var(--qx-text) !important;
    border: none !important;
}

[data-theme="dark"] .mega-menu-search-input::placeholder {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .mega-menu-search-icon {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .mega-menu-search-shortcut {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .mega-menu-trust-badge {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .mega-menu-trust-badge i {
    color: var(--qx-link) !important;
}

/* ---- Mobile menu drawer + offcanvas ---- */
[data-theme="dark"] #mobile-menu,
[data-theme="dark"] .mobile-menu,
[data-theme="dark"] .mobile-menu-nav,
[data-theme="dark"] .mobile-menu-content,
[data-theme="dark"] .offcanvas,
[data-theme="dark"] .offcanvas-body {
    background: var(--qx-surface) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] #mobile-menu *:not(.fa):not(.fab):not(.fas):not(.far) {
    color: var(--qx-text) !important;
}

[data-theme="dark"] #mobile-menu h1,
[data-theme="dark"] #mobile-menu h2,
[data-theme="dark"] #mobile-menu h3,
[data-theme="dark"] #mobile-menu h4,
[data-theme="dark"] #mobile-menu h5,
[data-theme="dark"] #mobile-menu h6,
[data-theme="dark"] .offcanvas-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] #mobile-menu .mobile-menu-header,
[data-theme="dark"] .offcanvas-header {
    background: var(--qx-card-bg) !important;
    border-bottom: 1px solid var(--qx-border) !important;
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] #mobile-menu a,
[data-theme="dark"] #mobile-menu button,
[data-theme="dark"] .mobile-menu a,
[data-theme="dark"] .offcanvas a {
    background: transparent !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] #mobile-menu a:hover,
[data-theme="dark"] #mobile-menu button:hover,
[data-theme="dark"] .mobile-menu a:hover {
    color: var(--qx-link) !important;
    background: rgba(245, 158, 11, 0.08) !important;
}

[data-theme="dark"] #mobile-menu-overlay {
    background: rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .mobile-menu-close,
[data-theme="dark"] .btn-close {
    filter: invert(1);
}

[data-theme="dark"] .mobile-category-item,
[data-theme="dark"] .mobile-category-title,
[data-theme="dark"] .mobile-menu-item {
    background: transparent !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .mobile-category-item:hover,
[data-theme="dark"] .mobile-menu-item:hover {
    background: rgba(245, 158, 11, 0.08) !important;
    color: var(--qx-link) !important;
}

/* Mobile auth (offcanvas login/register) */
[data-theme="dark"] .mobile-auth-form input {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .mobile-auth-submit {
    background: var(--qx-link) !important;
    color: #fff !important;
    border-color: var(--qx-link) !important;
}

/* ---- Mobile bottom nav ---- */
[data-theme="dark"] #mobile-bottom-nav {
    background-color: var(--qx-card-bg) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .mobile-bottom-nav-item {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .mobile-bottom-nav-item.active {
    color: var(--qx-link) !important;
}

/* ---- Search modal (catch-all, dynamic content) ---- */
[data-theme="dark"] #search-modal,
[data-theme="dark"] .search-modal,
[data-theme="dark"] .search-modal-content,
[data-theme="dark"] .search-modal-input-wrapper,
[data-theme="dark"] .search-modal-results,
[data-theme="dark"] .search-modal-quick-links,
[data-theme="dark"] .search-modal-tabs,
[data-theme="dark"] .search-modal-footer {
    background: var(--qx-surface) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] #search-modal *,
[data-theme="dark"] .search-modal * {
    color: var(--qx-text) !important;
}

[data-theme="dark"] #search-modal h1,
[data-theme="dark"] #search-modal h2,
[data-theme="dark"] #search-modal h3,
[data-theme="dark"] #search-modal h4,
[data-theme="dark"] #search-modal strong,
[data-theme="dark"] #search-modal .fw-bold {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] #search-modal [class*="price"] {
    color: var(--qx-link) !important;
}

[data-theme="dark"] #search-modal .text-muted,
[data-theme="dark"] #search-modal [class*="subtitle"],
[data-theme="dark"] #search-modal [class*="meta"] {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] #search-modal i,
[data-theme="dark"] #search-modal .fa,
[data-theme="dark"] #search-modal .fab,
[data-theme="dark"] #search-modal .fas,
[data-theme="dark"] #search-modal .far {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] #search-modal .search-modal-quick-link i,
[data-theme="dark"] #search-modal [class*="campaign"] i {
    color: var(--qx-link) !important;
}

[data-theme="dark"] .search-modal-input {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .search-modal-input::placeholder {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .search-modal-quick-link {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .search-modal-quick-link:hover {
    background: rgba(245, 158, 11, 0.15) !important;
    color: var(--qx-link) !important;
    border-color: var(--qx-link) !important;
}

[data-theme="dark"] .search-modal-tab {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .search-modal-tab.active {
    background: rgba(245, 158, 11, 0.15) !important;
    color: var(--qx-link) !important;
    border-color: var(--qx-link) !important;
}

[data-theme="dark"] .search-modal-item,
[data-theme="dark"] .search-modal-result-item,
[data-theme="dark"] #search-modal a[href*="/urun/"],
[data-theme="dark"] #search-modal a[href*="/kategori/"] {
    background: var(--qx-card-bg) !important;
    background-image: none !important;
    border: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .search-modal-backdrop {
    background: rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .search-modal-close {
    color: var(--qx-text-muted) !important;
}

/*
 * Section backgrounds (gradient kill).
 * Site sections use linear-gradient via style or class, overriding
 * background-color alone is not enough — also set background-image none.
 */
[data-theme="dark"] .qx-section,
[data-theme="dark"] .qx-category-section,
[data-theme="dark"] .qx-products-grid,
[data-theme="dark"] .qx-features,
[data-theme="dark"] .qx-testimonials,
[data-theme="dark"] .qx-trending,
[data-theme="dark"] .qx-faq,
[data-theme="dark"] .qx-hero,
[data-theme="dark"] .qx-brand-showcase,
[data-theme="dark"] .qx-promo-banner,
[data-theme="dark"] .qx-cta,
[data-theme="dark"] section[class*="qx-"],
[data-theme="dark"] section[class*="ana-"],
[data-theme="dark"] section.py-4,
[data-theme="dark"] section.py-5 {
    background: var(--qx-bg) !important;
    background-image: none !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .qx-section-header,
[data-theme="dark"] .qx-section-title,
[data-theme="dark"] .qx-category-title,
[data-theme="dark"] .qx-products-title,
[data-theme="dark"] .section-title {
    color: var(--qx-text-strong) !important;
}

/* ---- Product cards (qx-product-card + qx-card-v2) ---- */
[data-theme="dark"] .qx-product-card,
[data-theme="dark"] .qx-feature-card,
[data-theme="dark"] .qx-card-v2,
[data-theme="dark"] .qx-card-v2__wrapper {
    background: var(--qx-card-bg) !important;
    background-image: none !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .qx-product-title,
[data-theme="dark"] .qx-product-title a,
[data-theme="dark"] .qx-feature-title,
[data-theme="dark"] .qx-card-v2__title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .qx-card-content,
[data-theme="dark"] .qx-card-v2__content,
[data-theme="dark"] .qx-card-v2__category {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .qx-feature-desc,
[data-theme="dark"] .qx-section-desc {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .qx-price-current,
[data-theme="dark"] .qx-card-v2__price-current {
    color: var(--qx-link) !important;
}

/* Product image placeholder (gradient kill, soften) */
[data-theme="dark"] .qx-image-bg {
    background: #273449 !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)) !important;
    filter: brightness(0.9);
}

[data-theme="dark"] .qx-image-glow {
    background: transparent !important;
    background-image: radial-gradient(circle, rgba(245, 158, 11, 0.1), transparent 70%) !important;
}

[data-theme="dark"] .qx-card-overlay {
    background: transparent !important;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)) !important;
}

/* ---- Product detail page (glass-card + tabs + specs + variants) ---- */
[data-theme="dark"] .glass-card,
[data-theme="dark"] .product-media-gallery,
[data-theme="dark"] .product-info-card,
[data-theme="dark"] .product-sidebar,
[data-theme="dark"] .product-detail-card,
[data-theme="dark"] .product-meta-card,
[data-theme="dark"] .product-description,
[data-theme="dark"] .product-tabs,
[data-theme="dark"] .specs-card,
[data-theme="dark"] .specs-item,
[data-theme="dark"] .qx-spec-card,
[data-theme="dark"] [class*="spec-card"],
[data-theme="dark"] [class*="spec-item"],
[data-theme="dark"] .lj-meta-card {
    background: var(--qx-card-bg) !important;
    background-image: none !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* Main image placeholder box on product page */
[data-theme="dark"] .pmg-main-wrap,
[data-theme="dark"] .pmg-thumbs,
[data-theme="dark"] .product-image-placeholder {
    background: var(--qx-card-bg-2) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .specs-item .specs-label,
[data-theme="dark"] .qx-spec-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .specs-item .specs-value,
[data-theme="dark"] .qx-spec-value {
    color: var(--qx-text) !important;
}

/* Price / purchase cards on product detail */
[data-theme="dark"] .product-price-box,
[data-theme="dark"] .product-purchase-box,
[data-theme="dark"] .lj-purchase-card,
[data-theme="dark"] .lj-price-card,
[data-theme="dark"] .purchase-card {
    background: var(--qx-card-bg) !important;
    background-image: none !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .lj-price-current,
[data-theme="dark"] .product-price-current,
[data-theme="dark"] .price-current {
    color: var(--qx-text-strong) !important;
}

/* Variant buttons */
[data-theme="dark"] .variant-option,
[data-theme="dark"] .lj-variant-btn,
[data-theme="dark"] [class*="variant-btn"] {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .variant-option.active,
[data-theme="dark"] .lj-variant-btn.active,
[data-theme="dark"] [class*="variant-btn"].active {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: var(--qx-link) !important;
    color: var(--qx-link) !important;
}

/* Quantity input */
[data-theme="dark"] .quantity-control,
[data-theme="dark"] .qty-input-group {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .quantity-control input,
[data-theme="dark"] .qty-input-group input {
    background: transparent !important;
    color: var(--qx-text) !important;
}

/* Support/WhatsApp cards */
[data-theme="dark"] .support-card,
[data-theme="dark"] .whatsapp-contact-card,
[data-theme="dark"] .lj-support-card {
    background: var(--qx-card-bg) !important;
    background-image: none !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ---- Newsletter / CTA (keep amber accent) ---- */
[data-theme="dark"] .qx-newsletter,
[data-theme="dark"] .newsletter-section {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05)) !important;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .qx-newsletter *,
[data-theme="dark"] .newsletter-section * {
    color: var(--qx-text) !important;
}

/* ---- Account / admin content ---- */
[data-theme="dark"] .account-content,
[data-theme="dark"] .admin-content,
[data-theme="dark"] .page-content,
[data-theme="dark"] .account-page,
[data-theme="dark"] .admin-page {
    background: var(--qx-bg) !important;
    color: var(--qx-text) !important;
}

/* ---- Footer ---- */
[data-theme="dark"] footer,
[data-theme="dark"] .footer,
[data-theme="dark"] .site-footer {
    background: #0a101f !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] footer a,
[data-theme="dark"] .footer a {
    color: var(--qx-text) !important;
}

[data-theme="dark"] footer a:hover {
    color: var(--qx-link) !important;
}

/* ---- Transitions ---- */
html,
body,
.card,
.qx-product-card,
.qx-feature-card,
.header-link {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* ===========================================================
   PRODUCT DETAIL PAGE (show.blade.php) - Dark Mode
   Added: 2026-04-13
   =========================================================== */

/* ---- Product Hero (show.blade.php inline styles) ---- */
[data-theme="dark"] .product-hero {
    background: var(--qx-surface) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .hero-image-container {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .hero-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .hero-description {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .placeholder-card {
    color: var(--qx-text-muted) !important;
}

/* ---- Breadcrumb on product page ---- */
[data-theme="dark"] .d-flex.align-items-center.gap-2.mb-4.text-muted.small a,
[data-theme="dark"] .d-flex.align-items-center.gap-2.mb-4.text-muted.small span {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .d-flex.align-items-center.gap-2.mb-4.text-muted.small span.text-dark {
    color: var(--qx-text-strong) !important;
}

/* ---- Premium Tabs (product detail) ---- */
[data-theme="dark"] .premium-tabs {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .premium-tab {
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .premium-tab:hover {
    color: var(--qx-primary) !important;
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .premium-tab.active {
    background: var(--qx-card-bg) !important;
    color: var(--qx-primary) !important;
}

/* ---- Tab content container ---- */
[data-theme="dark"] .tab-content-container {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .tab-content-container .text-white,
[data-theme="dark"] .tab-content-container .text-dark {
    color: var(--qx-text-strong) !important;
}

/* ---- Prose / Description content ---- */
[data-theme="dark"] .prose-light {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .prose-light h1,
[data-theme="dark"] .prose-light h2,
[data-theme="dark"] .prose-light h3,
[data-theme="dark"] .prose-light h4,
[data-theme="dark"] .prose-light h5,
[data-theme="dark"] .prose-light h6 {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .prose-light a {
    color: var(--qx-link) !important;
}

[data-theme="dark"] .prose {
    color: var(--qx-text) !important;
}

/* ---- Features list inside tab ---- */
[data-theme="dark"] .list-group-item.bg-transparent {
    color: var(--qx-text) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .list-group-item .text-dark {
    color: var(--qx-text) !important;
}

/* ---- Requirements table ---- */
[data-theme="dark"] #requirements .glass-card {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] #requirements .text-white,
[data-theme="dark"] #requirements .text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] #requirements .text-muted {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .table-borderless th.text-muted {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .table-borderless td {
    color: var(--qx-text) !important;
}

/* ---- Activation guide card (inline style override) ---- */
[data-theme="dark"] #activation .glass-card {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

[data-theme="dark"] #activation .prose {
    color: var(--qx-text) !important;
}

/* ---- Spec grid (product detail inline classes) ---- */
[data-theme="dark"] .spec-value-text.text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .border-end.border-light {
    border-color: var(--qx-border) !important;
}

/* ---- Sticky sidebar / Price card ---- */
[data-theme="dark"] .sticky-sidebar .glass-card,
[data-theme="dark"] .price-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .sticky-sidebar .display-6.fw-bold.text-dark,
[data-theme="dark"] .price-amount {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .price-original {
    color: var(--qx-text-muted) !important;
}

/* ---- Feature items inside buy box ---- */
[data-theme="dark"] .feature-item {
    border-bottom-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .feature-item .text-light,
[data-theme="dark"] .feature-item .text-dark,
[data-theme="dark"] .feature-item .fw-bold.text-dark {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .feature-icon {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .feature-list-item {
    border-bottom-color: var(--qx-border) !important;
}

/* ---- Product meta info card (lj-meta) ---- */
[data-theme="dark"] .lj-meta-card,
[data-theme="dark"] .lj-meta-list {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .lj-meta-row {
    border-bottom-color: rgba(148, 163, 184, 0.15) !important;
}

[data-theme="dark"] .lj-meta-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .lj-meta-value {
    color: var(--qx-text-strong) !important;
}

/* ---- Product media gallery ---- */
[data-theme="dark"] .product-media-gallery {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .pmg-main-wrap {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .pmg-main-image {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .pmg-empty {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .pmg-empty-title {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .pmg-empty-subtitle {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .pmg-thumb {
    background: var(--qx-card-bg-2) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .pmg-thumb.active {
    border-color: var(--qx-primary) !important;
}

/* ---- Alert / Important note ---- */
[data-theme="dark"] .alert-warning {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-text) !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
}

[data-theme="dark"] .alert-warning strong {
    color: var(--qx-text-strong) !important;
}

/* ---- Progress bars (rating) ---- */
[data-theme="dark"] .progress {
    background-color: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .progress-thin {
    background-color: var(--qx-card-bg-2) !important;
}

/* ===========================================================
   REVIEWS SECTION - Dark Mode
   =========================================================== */

[data-theme="dark"] .reviews-section {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .reviews-section h3.text-dark,
[data-theme="dark"] .reviews-section h5.text-dark,
[data-theme="dark"] .reviews-section h6.text-dark {
    color: var(--qx-text-strong) !important;
}

/* Review stats card (inline gradient override) */
[data-theme="dark"] .review-stats-card {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .review-stats-card .border-end-md {
    border-color: var(--qx-border) !important;
}

/* Individual review items (inline style="background: white" override) */
[data-theme="dark"] .review-item {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .review-item .text-dark,
[data-theme="dark"] .review-item h6.text-dark,
[data-theme="dark"] .review-item h6.fw-bold {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .review-item .text-muted {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .review-item .border-top {
    border-color: var(--qx-border) !important;
}

/* Review vote buttons */
[data-theme="dark"] .review-item .btn-light {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .review-item .btn-light:hover {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

/* Review summary card */
[data-theme="dark"] .review-summary-card {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .rating-big {
    color: var(--qx-text-strong) !important;
}

/* Admin reply inside review */
[data-theme="dark"] .admin-reply {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.04) 100%) !important;
    border-left-color: var(--qx-primary) !important;
}

[data-theme="dark"] .admin-reply .text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .admin-reply .text-muted {
    color: var(--qx-text-muted) !important;
}

/* Review modal */
[data-theme="dark"] .review-modal-overlay .bg-white,
[data-theme="dark"] .review-modal-overlay > div[class*="bg-white"] {
    background: var(--qx-surface) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .review-modal-overlay .rounded-4.shadow-lg {
    background: var(--qx-surface) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .review-modal-overlay h5 {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .review-modal-overlay .btn-light {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
}

/* Already reviewed card (inline gradient) */
[data-theme="dark"] .review-modal-overlay [style*="background: linear-gradient(135deg, #f0fdf4"] {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

/* Btn outline dark (write review button) */
[data-theme="dark"] .btn-outline-dark {
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .btn-outline-dark:hover {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

/* ===========================================================
   RELATED PRODUCTS SECTION - Dark Mode
   =========================================================== */

[data-theme="dark"] .related-section,
[data-theme="dark"] section.border-top.border-light {
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .related-section .product-card,
[data-theme="dark"] section.border-top .glass-card.product-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] section.border-top .glass-card.product-card:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

/* Related product card body and text */
[data-theme="dark"] .product-card .card-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .product-card .card-title a.text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .product-card .card-title a:hover {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .product-card .border-top {
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-card .fw-bold.text-dark {
    color: var(--qx-text-strong) !important;
}

/* Related product placeholder image */
[data-theme="dark"] .product-card .bg-light {
    background: var(--qx-card-bg-2) !important;
}

/* Related product category badge */
[data-theme="dark"] .product-card .badge.bg-light {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Related product "plus" button */
[data-theme="dark"] .product-card .btn-light.rounded-circle {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
}

/* bg-primary bg-opacity-10 icon circle */
[data-theme="dark"] .bg-primary.bg-opacity-10 {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-primary.bg-opacity-10 .text-primary,
[data-theme="dark"] .bg-primary.bg-opacity-10.text-primary {
    color: var(--qx-primary) !important;
}

/* ===========================================================
   PURCHASE BUTTONS - Dark Mode
   =========================================================== */

[data-theme="dark"] .purchase-buttons-wrapper .text-muted {
    color: var(--qx-text-muted) !important;
}

/* ===========================================================
   QUANTITY SELECTOR - Dark Mode
   =========================================================== */

[data-theme="dark"] .quantity-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .quantity-input {
    color: var(--qx-text-strong) !important;
}

/* Quantity discount box dark refinement */
[data-theme="dark"] .quantity-discount-box .qd-title {
    color: #34d399 !important;
}

[data-theme="dark"] .quantity-discount-box .qd-range {
    color: #6ee7b7 !important;
}

[data-theme="dark"] .quantity-discount-box .qd-discount {
    color: #34d399 !important;
}

[data-theme="dark"] .quantity-discount-box .qd-preview {
    color: #6ee7b7 !important;
    border-top-color: rgba(16, 185, 129, 0.25) !important;
}

/* ===========================================================
   WHATSAPP & TELEGRAM CARD REFINEMENTS - Dark Mode
   =========================================================== */

[data-theme="dark"] .wa-card-status {
    border-color: var(--qx-surface) !important;
}

[data-theme="dark"] .wa-card-response-info {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .wa-order-quick-fields .form-control,
[data-theme="dark"] .tg-order-quick-fields .form-control {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .tg-card-status {
    border-color: var(--qx-surface) !important;
}

[data-theme="dark"] .tg-card-agent-title {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .tg-card-response-info {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--qx-text-muted) !important;
}

/* WhatsApp order button dark mode */
[data-theme="dark"] .whatsapp-order-btn {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
    color: #0f172a !important;
}

[data-theme="dark"] .whatsapp-order-btn:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    color: #0f172a !important;
}

/* Telegram order button dark mode */
[data-theme="dark"] .telegram-order-btn {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
    color: #0f172a !important;
}

[data-theme="dark"] .telegram-order-btn:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    color: #0f172a !important;
}

/* ===========================================================
   SHOP-ENHANCED.CSS OVERRIDES - Dark Mode
   Product Detail (buy-box, specs, timeline, etc.)
   =========================================================== */

/* Buy box card */
[data-theme="dark"] .buy-box-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .buy-box-header {
    background: linear-gradient(to right, var(--qx-card-bg-2), var(--qx-card-bg)) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .buy-box-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .price-tag,
[data-theme="dark"] .price-tag .amount {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .price-tag .currency {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .discount-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    color: var(--qx-primary) !important;
}

/* Spec items */
[data-theme="dark"] .spec-item {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .spec-item:hover {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .spec-icon {
    background: var(--qx-card-bg) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .spec-content h6 {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .spec-content p {
    color: var(--qx-text) !important;
}

/* Timeline (activation guide) */
[data-theme="dark"] .howto-timeline::before {
    background: var(--qx-border) !important;
}

[data-theme="dark"] .timeline-marker {
    box-shadow: 0 0 0 4px var(--qx-surface) !important;
}

[data-theme="dark"] .timeline-content {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .timeline-content:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .timeline-title {
    color: var(--qx-text-strong) !important;
}

/* File info cards */
[data-theme="dark"] .file-info-card {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .file-info-card:hover {
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .file-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .file-value {
    color: var(--qx-text-strong) !important;
}

/* Delivery process */
[data-theme="dark"] .delivery-process::before {
    background: var(--qx-border) !important;
}

[data-theme="dark"] .process-icon {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .process-step.active .process-icon {
    background: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .process-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .process-desc {
    color: var(--qx-text-muted) !important;
}

/* Product image container */
[data-theme="dark"] .product-image-container {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

/* Feature card */
[data-theme="dark"] .feature-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .feature-card:hover {
    border-color: var(--qx-primary) !important;
    background: rgba(245, 158, 11, 0.05) !important;
}

[data-theme="dark"] .feature-card-icon {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .feature-card-text {
    color: var(--qx-text) !important;
}

/* Accordion (FAQ) */
[data-theme="dark"] .faq-accordion .accordion-item {
    border-color: var(--qx-border) !important;
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button:not(.collapsed) {
    color: var(--qx-primary) !important;
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button::after {
    filter: invert(1) brightness(0.7);
}

[data-theme="dark"] .faq-accordion .accordion-body {
    color: var(--qx-text-muted) !important;
    background: var(--qx-card-bg) !important;
}

/* Bootstrap accordion generic */
[data-theme="dark"] .accordion-item {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .accordion-button {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .accordion-button::after {
    filter: invert(1) brightness(0.7);
}

[data-theme="dark"] .accordion-body {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .accordion-collapse {
    background: var(--qx-card-bg) !important;
}

/* Review section ratings */
[data-theme="dark"] .review-summary-card .btn-outline-dark {
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ===========================================================
   SHOP LISTING / INDEX PAGE - Dark Mode
   =========================================================== */

/* Trust/feature cards on shop index (bg-white boxes) */
[data-theme="dark"] .p-4.rounded-4.bg-white.shadow-lg {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .p-4.rounded-4.bg-white.shadow-lg h6.text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .p-4.rounded-4.bg-white.shadow-lg small.text-muted {
    color: var(--qx-text-muted) !important;
}

/* Floating badge on hero */
[data-theme="dark"] .floating-badge.bg-white {
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .floating-badge .text-dark {
    color: var(--qx-text-strong) !important;
}

/* Shop sidebar filter cards */
[data-theme="dark"] .shop-sidebar .filter-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .filter-card-header {
    background: var(--qx-card-bg-2) !important;
    border-bottom-color: var(--qx-border) !important;
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .filter-card-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .filter-checkbox-label {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .filter-checkbox-count {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Product card (shop listing) */
[data-theme="dark"] .product-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-card:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .product-card-image {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .product-card-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .product-card-title a {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .product-card-title a:hover {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .product-meta {
    color: var(--qx-text-muted) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-card-footer {
    background: var(--qx-card-bg) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-price {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .product-btn-secondary {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Trust section on shop page */
[data-theme="dark"] .trust-section {
    background: var(--qx-surface) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .trust-badge-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .trust-badge-text {
    color: var(--qx-text-muted) !important;
}

/* Envato-style header */
[data-theme="dark"] .envato-header-bg {
    background-color: var(--qx-surface) !important;
}

/* Quantity controller (shop-enhanced) */
[data-theme="dark"] .quantity-controller {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .quantity-controller:hover {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .quantity-controller .quantity-btn {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .quantity-controller .quantity-btn:hover {
    background: var(--qx-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .quantity-controller .quantity-input {
    color: var(--qx-text-strong) !important;
}

/* Search glass input on hero */
[data-theme="dark"] .search-glass {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .search-glass::placeholder {
    color: var(--qx-text-muted) !important;
}

/* ===========================================================
   GENERIC DARK MODE UTILITIES
   =========================================================== */

/* bg-opacity helpers with dark backgrounds */
[data-theme="dark"] .bg-warning.bg-opacity-10 {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-success.bg-opacity-10 {
    background: rgba(16, 185, 129, 0.12) !important;
}

[data-theme="dark"] .bg-danger.bg-opacity-10 {
    background: rgba(239, 68, 68, 0.12) !important;
}

[data-theme="dark"] .bg-info.bg-opacity-10 {
    background: rgba(6, 182, 212, 0.12) !important;
}

/* Soft backgrounds for feature icons */
[data-theme="dark"] .bg-soft-primary {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-soft-warning {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-soft-success {
    background: rgba(16, 185, 129, 0.12) !important;
}

[data-theme="dark"] .bg-soft-info {
    background: rgba(6, 182, 212, 0.12) !important;
}

/* List group */
[data-theme="dark"] .list-group-item {
    background: transparent !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* Border-light override */
[data-theme="dark"] .border-light {
    border-color: var(--qx-border) !important;
}

/* Inline style overrides for common white backgrounds */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background: #ffffff"] {
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] [style*="background: #f8fafc"],
[data-theme="dark"] [style*="background-color: #f8fafc"],
[data-theme="dark"] [style*="background: #f1f5f9"],
[data-theme="dark"] [style*="background-color: #f1f5f9"],
[data-theme="dark"] [style*="background: #f8f9fa"],
[data-theme="dark"] [style*="background-color: #f8f9fa"] {
    background: var(--qx-card-bg-2) !important;
}

/* Inline color overrides */
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #334155"],
[data-theme="dark"] [style*="color:#334155"],
[data-theme="dark"] [style*="color: #1a1d23"] {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] [style*="color: #475569"],
[data-theme="dark"] [style*="color:#475569"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color:#64748b"] {
    color: var(--qx-text-muted) !important;
}

/* Inline border overrides */
[data-theme="dark"] [style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] [style*="border-color: #e2e8f0"],
[data-theme="dark"] [style*="border: 1px solid #e9ecef"] {
    border-color: var(--qx-border) !important;
}

/* Show.blade.php inline: background: #f0fdf4 (activation guide) */
[data-theme="dark"] [style*="background: #f0fdf4"],
[data-theme="dark"] [style*="background-color: #f0fdf4"] {
    background: rgba(16, 185, 129, 0.1) !important;
}

[data-theme="dark"] [style*="border-color: #bbf7d0"] {
    border-color: rgba(16, 185, 129, 0.25) !important;
}

/* Show.blade.php inline: background: #fff7ed (requirements) */
[data-theme="dark"] [style*="background: #fff7ed"],
[data-theme="dark"] [style*="background-color: #fff7ed"] {
    background: rgba(245, 158, 11, 0.1) !important;
}

[data-theme="dark"] [style*="border: 1px solid #ffedd5"],
[data-theme="dark"] [style*="border-color: #ffedd5"] {
    border-color: rgba(245, 158, 11, 0.2) !important;
}

/* Review stats inline gradient override */
[data-theme="dark"] [style*="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)"] {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
}

/* Progress bar background (inline rgba override) */
[data-theme="dark"] [style*="background-color: rgba(0,0,0,0.05)"],
[data-theme="dark"] [style*="background-color: #e2e8f0"] {
    background-color: var(--qx-card-bg-2) !important;
}

/* Product badges subtle backgrounds */
[data-theme="dark"] .badge.bg-primary-subtle {
    background: rgba(245, 158, 11, 0.15) !important;
}

[data-theme="dark"] .badge.bg-info-subtle {
    background: rgba(6, 182, 212, 0.15) !important;
}

/* Premium Hero Section (shop index) */
[data-theme="dark"] .premium-hero {
    background: linear-gradient(135deg, #0a0f1a 0%, var(--qx-bg) 100%) !important;
}

/* Slide image wrapper in shop hero swiper */
[data-theme="dark"] .slide-image-wrapper {
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .slide-content {
    background: var(--qx-card-bg) !important;
}

/* Swiper 3D showcase */
[data-theme="dark"] .swiper-3d-showcase .swiper-slide {
    background: transparent !important;
}

/* ===========================================================
   PRODUCT DETAIL PAGE (show.blade.php) - Dark Mode
   Added: 2026-04-13
   =========================================================== */

/* ---- Product Hero (show.blade.php inline styles) ---- */
[data-theme="dark"] .product-hero {
    background: var(--qx-surface) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .hero-image-container {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .hero-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .hero-description {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .placeholder-card {
    color: var(--qx-text-muted) !important;
}

/* ---- Breadcrumb on product page ---- */
[data-theme="dark"] .d-flex.align-items-center.gap-2.mb-4.text-muted.small a,
[data-theme="dark"] .d-flex.align-items-center.gap-2.mb-4.text-muted.small span {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .d-flex.align-items-center.gap-2.mb-4.text-muted.small span.text-dark {
    color: var(--qx-text-strong) !important;
}

/* ---- Premium Tabs (product detail) ---- */
[data-theme="dark"] .premium-tabs {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .premium-tab {
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .premium-tab:hover {
    color: var(--qx-primary) !important;
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .premium-tab.active {
    background: var(--qx-card-bg) !important;
    color: var(--qx-primary) !important;
}

/* ---- Tab content container ---- */
[data-theme="dark"] .tab-content-container {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .tab-content-container .text-white,
[data-theme="dark"] .tab-content-container .text-dark {
    color: var(--qx-text-strong) !important;
}

/* ---- Prose / Description content ---- */
[data-theme="dark"] .prose-light {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .prose-light h1,
[data-theme="dark"] .prose-light h2,
[data-theme="dark"] .prose-light h3,
[data-theme="dark"] .prose-light h4,
[data-theme="dark"] .prose-light h5,
[data-theme="dark"] .prose-light h6 {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .prose-light a {
    color: var(--qx-link) !important;
}

[data-theme="dark"] .prose {
    color: var(--qx-text) !important;
}

/* ---- Features list inside tab ---- */
[data-theme="dark"] .list-group-item.bg-transparent {
    color: var(--qx-text) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .list-group-item .text-dark {
    color: var(--qx-text) !important;
}

/* ---- Requirements table ---- */
[data-theme="dark"] #requirements .glass-card {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] #requirements .text-white,
[data-theme="dark"] #requirements .text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] #requirements .text-muted {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .table-borderless th.text-muted {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .table-borderless td {
    color: var(--qx-text) !important;
}

/* ---- Activation guide card (inline style override) ---- */
[data-theme="dark"] #activation .glass-card {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

[data-theme="dark"] #activation .prose {
    color: var(--qx-text) !important;
}

/* ---- Spec grid (product detail inline classes) ---- */
[data-theme="dark"] .spec-value-text.text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .border-end.border-light {
    border-color: var(--qx-border) !important;
}

/* ---- Sticky sidebar / Price card ---- */
[data-theme="dark"] .sticky-sidebar .glass-card,
[data-theme="dark"] .price-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .sticky-sidebar .display-6.fw-bold.text-dark,
[data-theme="dark"] .price-amount {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .price-original {
    color: var(--qx-text-muted) !important;
}

/* ---- Feature items inside buy box ---- */
[data-theme="dark"] .feature-item {
    border-bottom-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .feature-item .text-light,
[data-theme="dark"] .feature-item .text-dark,
[data-theme="dark"] .feature-item .fw-bold.text-dark {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .feature-icon {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .feature-list-item {
    border-bottom-color: var(--qx-border) !important;
}

/* ---- Product meta info card (lj-meta) ---- */
[data-theme="dark"] .lj-meta-card,
[data-theme="dark"] .lj-meta-list {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .lj-meta-row {
    border-bottom-color: rgba(148, 163, 184, 0.15) !important;
}

[data-theme="dark"] .lj-meta-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .lj-meta-value {
    color: var(--qx-text-strong) !important;
}

/* ---- Product media gallery ---- */
[data-theme="dark"] .product-media-gallery {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .pmg-main-wrap {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .pmg-main-image {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .pmg-empty {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .pmg-empty-title {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .pmg-empty-subtitle {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .pmg-thumb {
    background: var(--qx-card-bg-2) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .pmg-thumb.active {
    border-color: var(--qx-primary) !important;
}

/* ---- Alert / Important note ---- */
[data-theme="dark"] .alert-warning {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-text) !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
}

[data-theme="dark"] .alert-warning strong {
    color: var(--qx-text-strong) !important;
}

/* ---- Progress bars (rating) ---- */
[data-theme="dark"] .progress {
    background-color: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .progress-thin {
    background-color: var(--qx-card-bg-2) !important;
}

/* ===========================================================
   REVIEWS SECTION - Dark Mode
   =========================================================== */

[data-theme="dark"] .reviews-section {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .reviews-section h3.text-dark,
[data-theme="dark"] .reviews-section h5.text-dark,
[data-theme="dark"] .reviews-section h6.text-dark {
    color: var(--qx-text-strong) !important;
}

/* Review stats card (inline gradient override) */
[data-theme="dark"] .review-stats-card {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .review-stats-card .border-end-md {
    border-color: var(--qx-border) !important;
}

/* Individual review items (inline style="background: white" override) */
[data-theme="dark"] .review-item {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .review-item .text-dark,
[data-theme="dark"] .review-item h6.text-dark,
[data-theme="dark"] .review-item h6.fw-bold {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .review-item .text-muted {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .review-item .border-top {
    border-color: var(--qx-border) !important;
}

/* Review vote buttons */
[data-theme="dark"] .review-item .btn-light {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .review-item .btn-light:hover {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

/* Review summary card */
[data-theme="dark"] .review-summary-card {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .rating-big {
    color: var(--qx-text-strong) !important;
}

/* Admin reply inside review */
[data-theme="dark"] .admin-reply {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.04) 100%) !important;
    border-left-color: var(--qx-primary) !important;
}

[data-theme="dark"] .admin-reply .text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .admin-reply .text-muted {
    color: var(--qx-text-muted) !important;
}

/* Review modal */
[data-theme="dark"] .review-modal-overlay .bg-white,
[data-theme="dark"] .review-modal-overlay > div[class*="bg-white"] {
    background: var(--qx-surface) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .review-modal-overlay .rounded-4.shadow-lg {
    background: var(--qx-surface) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .review-modal-overlay h5 {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .review-modal-overlay .btn-light {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
}

/* Already reviewed card (inline gradient) */
[data-theme="dark"] .review-modal-overlay [style*="background: linear-gradient(135deg, #f0fdf4"] {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

/* Btn outline dark (write review button) */
[data-theme="dark"] .btn-outline-dark {
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .btn-outline-dark:hover {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

/* ===========================================================
   RELATED PRODUCTS SECTION - Dark Mode
   =========================================================== */

[data-theme="dark"] .related-section,
[data-theme="dark"] section.border-top.border-light {
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .related-section .product-card,
[data-theme="dark"] section.border-top .glass-card.product-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] section.border-top .glass-card.product-card:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

/* Related product card body and text */
[data-theme="dark"] .product-card .card-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .product-card .card-title a.text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .product-card .card-title a:hover {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .product-card .border-top {
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-card .fw-bold.text-dark {
    color: var(--qx-text-strong) !important;
}

/* Related product placeholder image */
[data-theme="dark"] .product-card .bg-light {
    background: var(--qx-card-bg-2) !important;
}

/* Related product category badge */
[data-theme="dark"] .product-card .badge.bg-light {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Related product "plus" button */
[data-theme="dark"] .product-card .btn-light.rounded-circle {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
}

/* bg-primary bg-opacity-10 icon circle */
[data-theme="dark"] .bg-primary.bg-opacity-10 {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-primary.bg-opacity-10 .text-primary,
[data-theme="dark"] .bg-primary.bg-opacity-10.text-primary {
    color: var(--qx-primary) !important;
}

/* ===========================================================
   PURCHASE BUTTONS - Dark Mode
   =========================================================== */

[data-theme="dark"] .purchase-buttons-wrapper .text-muted {
    color: var(--qx-text-muted) !important;
}

/* ===========================================================
   QUANTITY SELECTOR - Dark Mode
   =========================================================== */

[data-theme="dark"] .quantity-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .quantity-input {
    color: var(--qx-text-strong) !important;
}

/* Quantity discount box dark refinement */
[data-theme="dark"] .quantity-discount-box .qd-title {
    color: #34d399 !important;
}

[data-theme="dark"] .quantity-discount-box .qd-range {
    color: #6ee7b7 !important;
}

[data-theme="dark"] .quantity-discount-box .qd-discount {
    color: #34d399 !important;
}

[data-theme="dark"] .quantity-discount-box .qd-preview {
    color: #6ee7b7 !important;
    border-top-color: rgba(16, 185, 129, 0.25) !important;
}

/* ===========================================================
   WHATSAPP & TELEGRAM CARD REFINEMENTS - Dark Mode
   =========================================================== */

[data-theme="dark"] .wa-card-status {
    border-color: var(--qx-surface) !important;
}

[data-theme="dark"] .wa-card-response-info {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .wa-order-quick-fields .form-control,
[data-theme="dark"] .tg-order-quick-fields .form-control {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .tg-card-status {
    border-color: var(--qx-surface) !important;
}

[data-theme="dark"] .tg-card-agent-title {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .tg-card-response-info {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--qx-text-muted) !important;
}

/* WhatsApp order button dark mode */
[data-theme="dark"] .whatsapp-order-btn {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
    color: #0f172a !important;
}

[data-theme="dark"] .whatsapp-order-btn:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    color: #0f172a !important;
}

/* Telegram order button dark mode */
[data-theme="dark"] .telegram-order-btn {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
    color: #0f172a !important;
}

[data-theme="dark"] .telegram-order-btn:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    color: #0f172a !important;
}

/* ===========================================================
   SHOP-ENHANCED.CSS OVERRIDES - Dark Mode
   Product Detail (buy-box, specs, timeline, etc.)
   =========================================================== */

/* Buy box card */
[data-theme="dark"] .buy-box-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .buy-box-header {
    background: linear-gradient(to right, var(--qx-card-bg-2), var(--qx-card-bg)) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .buy-box-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .price-tag,
[data-theme="dark"] .price-tag .amount {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .price-tag .currency {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .discount-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    color: var(--qx-primary) !important;
}

/* Spec items */
[data-theme="dark"] .spec-item {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .spec-item:hover {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .spec-icon {
    background: var(--qx-card-bg) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .spec-content h6 {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .spec-content p {
    color: var(--qx-text) !important;
}

/* Timeline (activation guide) */
[data-theme="dark"] .howto-timeline::before {
    background: var(--qx-border) !important;
}

[data-theme="dark"] .timeline-marker {
    box-shadow: 0 0 0 4px var(--qx-surface) !important;
}

[data-theme="dark"] .timeline-content {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .timeline-content:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .timeline-title {
    color: var(--qx-text-strong) !important;
}

/* File info cards */
[data-theme="dark"] .file-info-card {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .file-info-card:hover {
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .file-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .file-value {
    color: var(--qx-text-strong) !important;
}

/* Delivery process */
[data-theme="dark"] .delivery-process::before {
    background: var(--qx-border) !important;
}

[data-theme="dark"] .process-icon {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .process-step.active .process-icon {
    background: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .process-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .process-desc {
    color: var(--qx-text-muted) !important;
}

/* Product image container */
[data-theme="dark"] .product-image-container {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

/* Feature card */
[data-theme="dark"] .feature-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .feature-card:hover {
    border-color: var(--qx-primary) !important;
    background: rgba(245, 158, 11, 0.05) !important;
}

[data-theme="dark"] .feature-card-icon {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .feature-card-text {
    color: var(--qx-text) !important;
}

/* Accordion (FAQ) */
[data-theme="dark"] .faq-accordion .accordion-item {
    border-color: var(--qx-border) !important;
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button:not(.collapsed) {
    color: var(--qx-primary) !important;
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .faq-accordion .accordion-button::after {
    filter: invert(1) brightness(0.7);
}

[data-theme="dark"] .faq-accordion .accordion-body {
    color: var(--qx-text-muted) !important;
    background: var(--qx-card-bg) !important;
}

/* Bootstrap accordion generic */
[data-theme="dark"] .accordion-item {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .accordion-button {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .accordion-button::after {
    filter: invert(1) brightness(0.7);
}

[data-theme="dark"] .accordion-body {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .accordion-collapse {
    background: var(--qx-card-bg) !important;
}

/* Review section ratings */
[data-theme="dark"] .review-summary-card .btn-outline-dark {
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ===========================================================
   SHOP LISTING / INDEX PAGE - Dark Mode
   =========================================================== */

/* Trust/feature cards on shop index (bg-white boxes) */
[data-theme="dark"] .p-4.rounded-4.bg-white.shadow-lg {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .p-4.rounded-4.bg-white.shadow-lg h6.text-dark {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .p-4.rounded-4.bg-white.shadow-lg small.text-muted {
    color: var(--qx-text-muted) !important;
}

/* Floating badge on hero */
[data-theme="dark"] .floating-badge.bg-white {
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .floating-badge .text-dark {
    color: var(--qx-text-strong) !important;
}

/* Shop sidebar filter cards */
[data-theme="dark"] .shop-sidebar .filter-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .filter-card-header {
    background: var(--qx-card-bg-2) !important;
    border-bottom-color: var(--qx-border) !important;
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .filter-card-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .filter-checkbox-label {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .filter-checkbox-count {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Product card (shop listing) */
[data-theme="dark"] .product-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-card:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .product-card-image {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .product-card-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .product-card-title a {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .product-card-title a:hover {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .product-meta {
    color: var(--qx-text-muted) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-card-footer {
    background: var(--qx-card-bg) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .product-price {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .product-btn-secondary {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Trust section on shop page */
[data-theme="dark"] .trust-section {
    background: var(--qx-surface) !important;
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .trust-badge-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .trust-badge-text {
    color: var(--qx-text-muted) !important;
}

/* Envato-style header */
[data-theme="dark"] .envato-header-bg {
    background-color: var(--qx-surface) !important;
}

/* Quantity controller (shop-enhanced) */
[data-theme="dark"] .quantity-controller {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .quantity-controller:hover {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .quantity-controller .quantity-btn {
    background: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .quantity-controller .quantity-btn:hover {
    background: var(--qx-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .quantity-controller .quantity-input {
    color: var(--qx-text-strong) !important;
}

/* Search glass input on hero */
[data-theme="dark"] .search-glass {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .search-glass::placeholder {
    color: var(--qx-text-muted) !important;
}

/* ===========================================================
   GENERIC DARK MODE UTILITIES
   =========================================================== */

/* bg-opacity helpers with dark backgrounds */
[data-theme="dark"] .bg-warning.bg-opacity-10 {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-success.bg-opacity-10 {
    background: rgba(16, 185, 129, 0.12) !important;
}

[data-theme="dark"] .bg-danger.bg-opacity-10 {
    background: rgba(239, 68, 68, 0.12) !important;
}

[data-theme="dark"] .bg-info.bg-opacity-10 {
    background: rgba(6, 182, 212, 0.12) !important;
}

/* Soft backgrounds for feature icons */
[data-theme="dark"] .bg-soft-primary {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-soft-warning {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .bg-soft-success {
    background: rgba(16, 185, 129, 0.12) !important;
}

[data-theme="dark"] .bg-soft-info {
    background: rgba(6, 182, 212, 0.12) !important;
}

/* List group */
[data-theme="dark"] .list-group-item {
    background: transparent !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* Border-light override */
[data-theme="dark"] .border-light {
    border-color: var(--qx-border) !important;
}

/* Inline style overrides for common white backgrounds */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background: #ffffff"] {
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] [style*="background: #f8fafc"],
[data-theme="dark"] [style*="background-color: #f8fafc"],
[data-theme="dark"] [style*="background: #f1f5f9"],
[data-theme="dark"] [style*="background-color: #f1f5f9"],
[data-theme="dark"] [style*="background: #f8f9fa"],
[data-theme="dark"] [style*="background-color: #f8f9fa"] {
    background: var(--qx-card-bg-2) !important;
}

/* Inline color overrides */
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #334155"],
[data-theme="dark"] [style*="color:#334155"],
[data-theme="dark"] [style*="color: #1a1d23"] {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] [style*="color: #475569"],
[data-theme="dark"] [style*="color:#475569"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color:#64748b"] {
    color: var(--qx-text-muted) !important;
}

/* Inline border overrides */
[data-theme="dark"] [style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] [style*="border-color: #e2e8f0"],
[data-theme="dark"] [style*="border: 1px solid #e9ecef"] {
    border-color: var(--qx-border) !important;
}

/* Show.blade.php inline: background: #f0fdf4 (activation guide) */
[data-theme="dark"] [style*="background: #f0fdf4"],
[data-theme="dark"] [style*="background-color: #f0fdf4"] {
    background: rgba(16, 185, 129, 0.1) !important;
}

[data-theme="dark"] [style*="border-color: #bbf7d0"] {
    border-color: rgba(16, 185, 129, 0.25) !important;
}

/* Show.blade.php inline: background: #fff7ed (requirements) */
[data-theme="dark"] [style*="background: #fff7ed"],
[data-theme="dark"] [style*="background-color: #fff7ed"] {
    background: rgba(245, 158, 11, 0.1) !important;
}

[data-theme="dark"] [style*="border: 1px solid #ffedd5"],
[data-theme="dark"] [style*="border-color: #ffedd5"] {
    border-color: rgba(245, 158, 11, 0.2) !important;
}

/* Review stats inline gradient override */
[data-theme="dark"] [style*="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)"] {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
}

/* Progress bar background (inline rgba override) */
[data-theme="dark"] [style*="background-color: rgba(0,0,0,0.05)"],
[data-theme="dark"] [style*="background-color: #e2e8f0"] {
    background-color: var(--qx-card-bg-2) !important;
}

/* Product badges subtle backgrounds */
[data-theme="dark"] .badge.bg-primary-subtle {
    background: rgba(245, 158, 11, 0.15) !important;
}

[data-theme="dark"] .badge.bg-info-subtle {
    background: rgba(6, 182, 212, 0.15) !important;
}

/* Premium Hero Section (shop index) */
[data-theme="dark"] .premium-hero {
    background: linear-gradient(135deg, #0a0f1a 0%, var(--qx-bg) 100%) !important;
}

/* Slide image wrapper in shop hero swiper */
[data-theme="dark"] .slide-image-wrapper {
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .slide-content {
    background: var(--qx-card-bg) !important;
}

/* Swiper 3D showcase */
[data-theme="dark"] .swiper-3d-showcase .swiper-slide {
    background: transparent !important;
}

/* ============================================================
   ACCOUNT PAGES - DARK MODE (/hesabim/*)
   ============================================================ */

/* ---- Account CSS Variable Overrides ---- */
[data-theme="dark"] {
    --account-bg: var(--qx-bg);
    --account-white: var(--qx-card-bg);
    --account-gray-50: var(--qx-surface);
    --account-gray-100: var(--qx-card-bg-2);
    --account-gray-200: var(--qx-border);
    --account-gray-300: #475569;
    --account-gray-400: #64748b;
    --account-gray-500: var(--qx-text-muted);
    --account-gray-600: #cbd5e1;
    --account-gray-700: #e2e8f0;
    --account-gray-800: #f1f5f9;
    --account-gray-900: var(--qx-text-strong);
    --account-text-primary: var(--qx-text);
    --account-text-secondary: var(--qx-text-muted);
    --account-success-light: rgba(16, 185, 129, 0.15);
    --account-warning-light: rgba(245, 158, 11, 0.15);
    --account-danger-light: rgba(239, 68, 68, 0.15);
    --account-info-light: rgba(59, 130, 246, 0.15);
    --account-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    --account-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.2);
    --account-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2);
    --account-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
}

/* ---- Account Hero ---- */
[data-theme="dark"] .account-hero {
    background: linear-gradient(135deg, #0c1425 0%, #0f172a 100%) !important;
}

/* ---- Account Sidebar ---- */
[data-theme="dark"] .account-sidebar-card {
    background: rgba(30, 41, 59, 0.95) !important;
    border: 1px solid var(--qx-border) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .account-sidebar-header {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(30, 41, 59, 0) 100%) !important;
    border-bottom: 1px solid var(--qx-border) !important;
}

[data-theme="dark"] .account-sidebar-name {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .account-sidebar-email {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-nav-item {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-nav-text {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .account-nav-icon {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .account-nav-icon i {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-nav-item:hover {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .account-nav-item:hover .account-nav-icon {
    background: rgba(245, 158, 11, 0.15) !important;
}

[data-theme="dark"] .account-nav-item:hover .account-nav-icon i {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .account-nav-item:hover .account-nav-text {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .account-nav-item.active {
    background: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="dark"] .account-nav-item.active .account-nav-text {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .account-nav-divider {
    background: linear-gradient(90deg, transparent 0%, var(--qx-border) 50%, transparent 100%) !important;
}

[data-theme="dark"] .account-nav-badge-success {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .account-nav-badge-danger {
    background: #ef4444 !important;
    color: white !important;
}

[data-theme="dark"] .account-nav-danger .account-nav-icon,
[data-theme="dark"] .account-nav-logout .account-nav-icon {
    background: rgba(239, 68, 68, 0.12) !important;
}

/* Sidebar Submenu */
[data-theme="dark"] .account-nav-submenu {
    background: var(--qx-card-bg-2) !important;
    border-left: 3px solid var(--qx-primary) !important;
}

[data-theme="dark"] .account-nav-subitem {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-nav-subitem i {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-nav-subitem:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .account-nav-subitem:hover i {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .account-nav-subitem.active {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .account-nav-arrow {
    color: var(--qx-text-muted) !important;
}

/* ---- Account Cards ---- */
[data-theme="dark"] .account-card {
    background: var(--qx-card-bg) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .account-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .account-card-title {
    color: var(--qx-text-strong) !important;
}

/* ---- Account Stat Cards ---- */
[data-theme="dark"] .account-stat-card {
    background: var(--qx-card-bg) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .account-stat-value {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .account-stat-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-stat-icon {
    background: var(--qx-card-bg-2) !important;
}

/* ---- Account Tables ---- */
[data-theme="dark"] .account-table {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .account-table thead th {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .account-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .account-table tbody td {
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ---- Account Badges ---- */
[data-theme="dark"] .account-badge-pending {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .account-badge-processing {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .account-badge-completed {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .account-badge-cancelled {
    background: rgba(100, 116, 139, 0.15) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-badge-refunded {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
}

/* ---- Account Buttons ---- */
[data-theme="dark"] .account-btn-outline {
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .account-btn-outline:hover {
    border-color: var(--qx-primary) !important;
    color: var(--qx-primary) !important;
    background: rgba(245, 158, 11, 0.08) !important;
}

[data-theme="dark"] .account-btn-secondary {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .account-btn-secondary:hover {
    background: var(--qx-border) !important;
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .account-btn-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .account-btn-danger:hover {
    background: rgba(239, 68, 68, 0.25) !important;
}

/* ---- Account Alerts ---- */
[data-theme="dark"] .account-alert-success {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #34d399 !important;
    border-left-color: #10b981 !important;
}

[data-theme="dark"] .account-alert-error {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #f87171 !important;
    border-left-color: #ef4444 !important;
}

[data-theme="dark"] .account-alert-info {
    background: rgba(245, 158, 11, 0.1) !important;
    color: var(--qx-text) !important;
    border-left-color: var(--qx-primary) !important;
}

/* ---- Account Empty States ---- */
[data-theme="dark"] .account-empty-icon {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-empty-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .account-empty-text {
    color: var(--qx-text-muted) !important;
}

/* ---- Account Filters ---- */
[data-theme="dark"] .account-filters {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .account-filter-label {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .account-filter-select {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
}

[data-theme="dark"] .account-filter-select:hover {
    border-color: #475569 !important;
}

[data-theme="dark"] .account-filter-select:focus {
    border-color: var(--qx-primary) !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15) !important;
}

/* ---- Account Order Summary ---- */
[data-theme="dark"] .account-order-summary {
    background: linear-gradient(135deg, var(--qx-card-bg-2) 0%, var(--qx-card-bg) 100%) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .account-summary-value {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .account-summary-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .account-summary-item:not(:last-child)::after {
    background: var(--qx-border) !important;
}

/* ---- Account Addresses Page ---- */
[data-theme="dark"] .addresses-header {
    background: var(--qx-card-bg) !important;
}

[data-theme="dark"] .header-title,
[data-theme="dark"] .addresses-header .header-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .header-description {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .address-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .address-card.add-new-card {
    background: var(--qx-card-bg-2) !important;
    border: 2px dashed var(--qx-border) !important;
}

[data-theme="dark"] .add-new-card:hover {
    border-color: var(--qx-primary) !important;
    background: rgba(245, 158, 11, 0.05) !important;
}

[data-theme="dark"] .address-type-badge {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .address-actions button {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .address-actions button:hover {
    background: var(--qx-border) !important;
}

[data-theme="dark"] .address-actions .btn-delete:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .addresses-empty-state {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .empty-icon {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* Address Modal */
[data-theme="dark"] .address-modal-content {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .address-modal-header {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .address-modal-close {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .address-form label {
    color: var(--qx-text) !important;
}

/* ---- Account Balance Page ---- */
[data-theme="dark"] .balance-header-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .balance-amount {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .balance-label {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .balance-action-btn {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .balance-action-btn:hover {
    border-color: var(--qx-primary) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .transaction-card,
[data-theme="dark"] .transaction-item {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .transaction-balance .balance-value {
    color: var(--qx-text) !important;
}

/* ---- Account Balance Deposit Page ---- */
[data-theme="dark"] .deposit-card,
[data-theme="dark"] .payment-method-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .payment-method-card:hover,
[data-theme="dark"] .payment-method-card.selected {
    border-color: var(--qx-primary) !important;
}

/* ---- Account Licenses Page ---- */
[data-theme="dark"] .license-card,
[data-theme="dark"] .license-item {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .license-key-box,
[data-theme="dark"] .key-display {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .key-copy-btn {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .key-copy-btn:hover {
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .license-action-btn {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .license-action-btn:hover {
    border-color: var(--qx-primary) !important;
    color: var(--qx-primary) !important;
}

/* ---- Account Order Detail ---- */
[data-theme="dark"] .order-detail-card,
[data-theme="dark"] .order-info-card,
[data-theme="dark"] .order-items-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .order-detail-card [style*="background: #fff"],
[data-theme="dark"] .order-detail-card [style*="background:#fff"] {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ---- Account Password Page ---- */
[data-theme="dark"] .password-card,
[data-theme="dark"] .security-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .password-strength-bar {
    background: var(--qx-card-bg-2) !important;
}

/* ---- Account Profile Page ---- */
[data-theme="dark"] .profile-card,
[data-theme="dark"] .profile-form-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ---- Account Support Pages ---- */
[data-theme="dark"] .support-ticket-card,
[data-theme="dark"] .ticket-card,
[data-theme="dark"] .ticket-detail-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .ticket-message,
[data-theme="dark"] .message-bubble {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .ticket-status-badge {
    color: var(--qx-text) !important;
}

[data-theme="dark"] [style*="background: linear-gradient(135deg, #fff9f5"],
[data-theme="dark"] [style*="background: #fff9f5"],
[data-theme="dark"] [style*="background: linear-gradient(135deg, #fff4ed"],
[data-theme="dark"] [style*="background: linear-gradient(180deg, #f4fff7"] {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
}

/* ---- Account Contracts ---- */
[data-theme="dark"] .contract-card,
[data-theme="dark"] .contract-item {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .alert-info[style*="background: #fff7ed"] {
    background: rgba(245, 158, 11, 0.1) !important;
    color: var(--qx-primary) !important;
}

/* ---- Account Server Licenses ---- */
[data-theme="dark"] .server-license-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] [style*="background: #fff"][class*="server-"],
[data-theme="dark"] .server-license-card [style*="background: #fff"] {
    background: var(--qx-card-bg-2) !important;
}

/* ---- Account Invoice ---- */
[data-theme="dark"] .invoice-card,
[data-theme="dark"] [style*="background: #fff"][class*="invoice"] {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* ---- Compensation Modal ---- */
[data-theme="dark"] .comp-modal-card,
[data-theme="dark"] #compensationModal .modal-content {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .comp-modal-intro-icon {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .comp-file-meta {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .compensation-license-item {
    color: var(--qx-text) !important;
}


/* ============================================================
   HERO QUAD SECTION - DARK MODE
   ============================================================ */

[data-theme="dark"] .ana-hero-quad {
    background: transparent !important;
}

[data-theme="dark"] .ana-quad-main {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .ana-side-banner {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .ana-side-banner:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .ana-quad-showcase {
    background: transparent !important;
}


/* ============================================================
   STORY / CATEGORY SLIDERS - DARK MODE
   ============================================================ */

/* qx-story (theme-homepage style) */
[data-theme="dark"] .qx-story-avatar {
    background: var(--qx-surface) !important;
    border-color: var(--qx-bg) !important;
}

[data-theme="dark"] .qx-story:hover .qx-story-avatar {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .qx-story-label {
    color: var(--qx-text-muted) !important;
    background: rgba(30, 41, 59, 0.8) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .qx-story:hover .qx-story-label {
    color: white !important;
}

/* qx-story-item (categories section - lighter template) */
[data-theme="dark"] .qx-story-item {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .qx-story-item:hover {
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .qx-story-ring {
    /* Keep gradient ring but darken the inner border */
}

[data-theme="dark"] .qx-story-ring-all {
    background: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .qx-story-name {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .qx-story-row {
    background: transparent !important;
}

/* Category section wrapper */
[data-theme="dark"] .qx-categories,
[data-theme="dark"] .categories-section,
[data-theme="dark"] [class*="category-section"] {
    background: transparent !important;
}


/* ============================================================
   PAGINATION - DARK MODE
   ============================================================ */

[data-theme="dark"] .pagination {
    --bs-pagination-bg: var(--qx-card-bg);
    --bs-pagination-color: var(--qx-text);
    --bs-pagination-border-color: var(--qx-border);
    --bs-pagination-hover-bg: var(--qx-card-bg-2);
    --bs-pagination-hover-color: var(--qx-primary);
    --bs-pagination-hover-border-color: var(--qx-primary);
    --bs-pagination-active-bg: var(--qx-primary);
    --bs-pagination-active-color: #000;
    --bs-pagination-active-border-color: var(--qx-primary);
    --bs-pagination-disabled-bg: var(--qx-surface);
    --bs-pagination-disabled-color: var(--qx-text-muted);
    --bs-pagination-disabled-border-color: var(--qx-border);
}

[data-theme="dark"] .page-link {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .page-link:hover {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .page-item.active .page-link {
    background-color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
    color: #000 !important;
}

[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--qx-surface) !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
    opacity: 0.6;
}


/* ============================================================
   BADGE STYLES - DARK MODE (Bootstrap badges)
   ============================================================ */

[data-theme="dark"] .badge.bg-secondary {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .badge.bg-light {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .badge.bg-light.text-dark {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .badge.bg-warning.text-dark {
    color: #000 !important;
}

[data-theme="dark"] .badge.bg-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .badge.bg-danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .badge.bg-info {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .badge.bg-primary {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: var(--qx-primary) !important;
}


/* ============================================================
   CONTACT PAGE - DARK MODE
   ============================================================ */

[data-theme="dark"] .contact-page {
    background: var(--qx-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .contact-hero {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.02) 100%) !important;
}

[data-theme="dark"] .contact-hero-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .contact-hero-subtitle {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-form-card,
[data-theme="dark"] .contact-info-card {
    background: var(--qx-card-bg) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .contact-form-title,
[data-theme="dark"] .contact-info-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .contact-form-subtitle {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-form .form-label {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .contact-form .form-control,
[data-theme="dark"] .contact-form .form-select {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .contact-form .form-control:focus,
[data-theme="dark"] .contact-form .form-select:focus {
    border-color: var(--qx-primary) !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15) !important;
}

[data-theme="dark"] .contact-form .form-control::placeholder {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-form .form-check-label,
[data-theme="dark"] .contact-form .form-check-label a {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-form .form-check-label a:hover {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .contact-info-icon {
    background: rgba(245, 158, 11, 0.1) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .contact-info-label {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .contact-info-value {
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-info-value a {
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .contact-info-item {
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .contact-social {
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .contact-social-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .contact-social-link {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-social-link:hover {
    background: var(--qx-primary) !important;
    color: #000 !important;
}

[data-theme="dark"] .contact-map-empty {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.02) 100%) !important;
    color: var(--qx-text-muted) !important;
}

[data-theme="dark"] .contact-map-empty i {
    color: var(--qx-primary) !important;
}


/* ============================================================
   ABOUT PAGE / STATIC PAGES - DARK MODE
   ============================================================ */

[data-theme="dark"] .about-page,
[data-theme="dark"] .static-page,
[data-theme="dark"] .page-content-wrapper {
    background: var(--qx-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .about-hero,
[data-theme="dark"] .page-hero {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(15, 23, 42, 1) 100%) !important;
}

[data-theme="dark"] .about-card,
[data-theme="dark"] .about-section,
[data-theme="dark"] .page-card,
[data-theme="dark"] .static-content-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .about-title,
[data-theme="dark"] .page-title {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .about-text,
[data-theme="dark"] .page-text,
[data-theme="dark"] .static-content {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .about-text p,
[data-theme="dark"] .page-text p,
[data-theme="dark"] .static-content p {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .about-icon,
[data-theme="dark"] .feature-icon-box {
    background: rgba(245, 158, 11, 0.12) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .team-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .team-card-name {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] .team-card-role {
    color: var(--qx-text-muted) !important;
}


/* ============================================================
   TOOLTIP & POPOVER - DARK MODE
   ============================================================ */

[data-theme="dark"] .tooltip-inner {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border: 1px solid var(--qx-border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .tooltip .tooltip-arrow::before {
    border-top-color: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--qx-card-bg-2) !important;
}

[data-theme="dark"] .popover {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .popover-header {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text-strong) !important;
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .popover-body {
    color: var(--qx-text) !important;
}

[data-theme="dark"] .popover .popover-arrow::before {
    border-top-color: var(--qx-border) !important;
}

[data-theme="dark"] .popover .popover-arrow::after {
    border-top-color: var(--qx-card-bg) !important;
}

[data-theme="dark"] .bs-popover-bottom .popover-arrow::before {
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .bs-popover-bottom .popover-arrow::after {
    border-bottom-color: var(--qx-card-bg) !important;
}


/* ============================================================
   SCROLLBAR - DARK MODE
   ============================================================ */

[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--qx-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--qx-border);
    border-radius: 5px;
    border: 2px solid var(--qx-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

[data-theme="dark"] ::-webkit-scrollbar-corner {
    background: var(--qx-bg);
}

/* Firefox scrollbar */
[data-theme="dark"] * {
    scrollbar-color: var(--qx-border) var(--qx-bg);
    scrollbar-width: thin;
}

/* Account sidebar scrollbar */
[data-theme="dark"] .account-sidebar-card::-webkit-scrollbar {
    width: 4px;
}

[data-theme="dark"] .account-sidebar-card::-webkit-scrollbar-track {
    background: transparent;
}

[data-theme="dark"] .account-sidebar-card::-webkit-scrollbar-thumb {
    background: var(--qx-border);
    border-radius: 4px;
}


/* ============================================================
   SELECTION COLOR - DARK MODE
   ============================================================ */

[data-theme="dark"] ::selection {
    background: rgba(245, 158, 11, 0.35);
    color: var(--qx-text-strong);
}

[data-theme="dark"] ::-moz-selection {
    background: rgba(245, 158, 11, 0.35);
    color: var(--qx-text-strong);
}


/* ============================================================
   MISC BOOTSTRAP OVERRIDES - DARK MODE
   ============================================================ */

/* List groups */
[data-theme="dark"] .list-group-item {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .list-group-item.active {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

/* Accordion */
[data-theme="dark"] .accordion-item {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .accordion-button {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-primary) !important;
}

[data-theme="dark"] .accordion-body {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}

/* Offcanvas (mobile nav) */
[data-theme="dark"] .offcanvas {
    background-color: var(--qx-surface) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .offcanvas-header {
    border-bottom-color: var(--qx-border) !important;
}

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Toast notifications */
[data-theme="dark"] .toast {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .toast-header {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-bottom-color: var(--qx-border) !important;
}

/* Progress bars */
[data-theme="dark"] .progress {
    background-color: var(--qx-card-bg-2) !important;
}

/* Form check / switch */
[data-theme="dark"] .form-check-input {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--qx-primary) !important;
    border-color: var(--qx-primary) !important;
}

[data-theme="dark"] .form-check-label {
    color: var(--qx-text) !important;
}

/* Focus ring global override */
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .btn:focus {
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2) !important;
}

/* Horizontal rule */
[data-theme="dark"] hr {
    border-color: var(--qx-border) !important;
    opacity: 1;
}

/* Code blocks */
[data-theme="dark"] code {
    background: var(--qx-card-bg-2) !important;
    color: #fbbf24 !important;
    border-radius: 4px;
    padding: 0.15em 0.4em;
}

[data-theme="dark"] pre {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border: 1px solid var(--qx-border);
    border-radius: 8px;
}

/* Figure captions */
[data-theme="dark"] figcaption {
    color: var(--qx-text-muted) !important;
}


/* =============================================
   DARK MODE FIX 5: CHECKOUT + CART + AUTH
   ============================================= */

/* -- Checkout Section Cards -- */
[data-theme="dark"] .checkout-section-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .checkout-section-header { border-bottom-color: var(--qx-border) !important; }
[data-theme="dark"] .checkout-section-title { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .checkout-section-icon { background: rgba(245,158,11,0.12) !important; }

/* -- Premium Input Group -- */
[data-theme="dark"] .premium-input-group .form-label { color: var(--qx-text-muted) !important; }
[data-theme="dark"] .premium-input-group .form-control {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .premium-input-group .form-control:focus {
    border-color: #f97316 !important;
    background: var(--qx-surface) !important;
    box-shadow: 0 0 0 4px rgba(249,115,22,0.15) !important;
}
[data-theme="dark"] .premium-input-group .form-control::placeholder { color: var(--qx-text-muted) !important; opacity: 0.6; }
[data-theme="dark"] .premium-input-group .input-icon { color: var(--qx-text-muted) !important; }

/* -- Turkey Phone Input -- */
[data-theme="dark"] .turkey-phone-wrapper {
    border-color: var(--qx-border) !important;
    background: var(--qx-card-bg-2) !important;
}
[data-theme="dark"] .turkey-phone-wrapper:focus-within { border-color: #f97316 !important; }
[data-theme="dark"] .turkey-phone-prefix {
    background: var(--qx-surface) !important;
    border-right-color: var(--qx-border) !important;
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .turkey-phone-input { background: transparent !important; color: var(--qx-text) !important; }

/* -- Email Suggestions -- */
[data-theme="dark"] .email-suggestions {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.4) !important;
}
[data-theme="dark"] .email-suggestion-item { color: var(--qx-text) !important; }
[data-theme="dark"] .email-suggestion-item:hover { background: rgba(249,115,22,0.1) !important; }

/* -- Custom Select (City/District) -- */
[data-theme="dark"] .custom-select-trigger {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .custom-select-trigger.open { border-color: #f97316 !important; }
[data-theme="dark"] .custom-select-trigger .select-placeholder { color: var(--qx-text-muted) !important; }
[data-theme="dark"] .custom-select-dropdown {
    background: var(--qx-card-bg) !important;
    border-color: #f97316 !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .custom-select-search input {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .custom-select-option { color: var(--qx-text) !important; }
[data-theme="dark"] .custom-select-option:hover,
[data-theme="dark"] .custom-select-option.selected { background: rgba(249,115,22,0.12) !important; color: var(--qx-link) !important; }

/* -- intl-tel-input -- */
[data-theme="dark"] .iti .iti__tel-input { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; color: var(--qx-text) !important; }
[data-theme="dark"] .iti__dropdown-content { background: var(--qx-card-bg) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .iti__search-input { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; color: var(--qx-text) !important; }
[data-theme="dark"] .iti__country-container { background: var(--qx-card-bg-2) !important; }

/* -- Payment Methods -- */
[data-theme="dark"] .payment-methods-container { background: var(--qx-card-bg) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .payment-method-card { background: var(--qx-card-bg) !important; border-bottom-color: var(--qx-border) !important; }
[data-theme="dark"] .payment-method-card:hover { background: var(--qx-card-bg-2) !important; }
[data-theme="dark"] .payment-method-card.selected { background: linear-gradient(to right, rgba(249,115,22,0.08) 0%, var(--qx-card-bg) 100%) !important; }
[data-theme="dark"] .payment-radio { border-color: var(--qx-border) !important; }
[data-theme="dark"] .payment-title { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .payment-subtitle { color: var(--qx-text-muted) !important; }
[data-theme="dark"] .payment-amount .amount-main { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .payment-icon.icon-card { background: rgba(59,130,246,0.15) !important; }
[data-theme="dark"] .payment-icon.icon-bank { background: rgba(16,185,129,0.15) !important; }

/* -- Bank Account Cards -- */
[data-theme="dark"] .bank-account-card { background: var(--qx-card-bg-2) !important; border-color: transparent !important; }
[data-theme="dark"] .bank-account-card:hover { background: var(--qx-surface) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .bank-account-card.selected { border-color: #10b981 !important; }
[data-theme="dark"] .bank-account-logo { background: var(--qx-card-bg) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .bank-account-name { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .bank-account-holder { color: var(--qx-text-muted) !important; }

/* -- Premium Checkbox -- */
[data-theme="dark"] .premium-checkbox { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .premium-checkbox:hover { border-color: #f97316 !important; }
[data-theme="dark"] .premium-checkbox label { color: var(--qx-text) !important; }

/* -- Summary Card -- */
[data-theme="dark"] .summary-card-v3 { background: var(--qx-card-bg) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .summary-header-v3 { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important; }
[data-theme="dark"] .summary-body-v3 { background: var(--qx-card-bg) !important; color: var(--qx-text) !important; }
[data-theme="dark"] .summary-body-v3 .text-dark { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .summary-body-v3 .border-bottom { border-bottom-color: var(--qx-border) !important; }

/* -- Coupon -- */
[data-theme="dark"] .coupon-modern-card { background: linear-gradient(135deg, rgba(243,147,33,0.1), var(--qx-card-bg)) !important; border-color: rgba(243,147,33,0.25) !important; }
[data-theme="dark"] .coupon-input-wrap { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .coupon-input { color: var(--qx-text) !important; }
[data-theme="dark"] .coupon-input::placeholder { color: var(--qx-text-muted) !important; }

/* -- License Domain Card -- */
[data-theme="dark"] .license-domain-card { background: var(--qx-card-bg) !important; border-color: rgba(243,147,33,0.3) !important; }

/* -- Legal Chips -- */
[data-theme="dark"] [data-legal-chip] { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; color: var(--qx-text-muted) !important; }

/* -- Cart Items -- */
[data-theme="dark"] .cart-section-card { background: var(--qx-card-bg) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .cart-section-header { border-bottom-color: var(--qx-border) !important; }
[data-theme="dark"] .cart-section-header .section-title { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .cart-item-v3 { background: var(--qx-card-bg-2) !important; }
[data-theme="dark"] .cart-item-v3:hover { background: var(--qx-surface) !important; }
[data-theme="dark"] .cart-item-v3 a.text-dark { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .cart-img-v3 { border-color: var(--qx-border) !important; }
[data-theme="dark"] .qty-controls-v3 { background: var(--qx-surface) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .qty-controls-v3 button { background: var(--qx-card-bg-2) !important; color: var(--qx-text-muted) !important; }
[data-theme="dark"] .qty-controls-v3 button:hover { background: #f97316 !important; color: #fff !important; }
[data-theme="dark"] .qty-controls-v3 .qty-display { color: var(--qx-text-strong) !important; }

/* -- Auth Login -- */
[data-theme="dark"] .min-vh-100.d-flex.align-items-center.justify-content-center.bg-light { background-color: var(--qx-bg) !important; }
[data-theme="dark"] .min-vh-100.bg-light .card { background: var(--qx-card-bg) !important; border-color: var(--qx-border) !important; }
[data-theme="dark"] .min-vh-100.bg-light .card-body { background: var(--qx-card-bg) !important; }
[data-theme="dark"] h2[style*="color: #2f343b"] { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .min-vh-100.bg-light .form-control { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; color: var(--qx-text) !important; }
[data-theme="dark"] .min-vh-100.bg-light .form-control:focus { border-color: #f97316 !important; box-shadow: 0 0 0 3px rgba(249,115,22,0.15) !important; }
[data-theme="dark"] .min-vh-100.bg-light .form-label { color: var(--qx-text) !important; }
[data-theme="dark"] .min-vh-100.bg-light .btn[style*="background-color: #2f343b"] { background-color: var(--qx-link) !important; border-color: var(--qx-link) !important; }
[data-theme="dark"] .min-vh-100.bg-light span.bg-white { background: var(--qx-card-bg) !important; color: var(--qx-text-muted) !important; }

/* -- Auth Register -- */
[data-theme="dark"] .aurora-bg { background-color: var(--qx-bg) !important; background-image: none !important; }
[data-theme="dark"] .aurora-bg::before, [data-theme="dark"] .aurora-bg::after { opacity: 0.05 !important; }
[data-theme="dark"] .register-logo-text { color: var(--qx-text-strong) !important; -webkit-text-fill-color: var(--qx-text-strong) !important; background: none !important; }
[data-theme="dark"] .glass-card .form-control { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; color: var(--qx-text) !important; }
[data-theme="dark"] .glass-card .form-control:focus { border-color: #f97316 !important; }
[data-theme="dark"] .glass-card .form-label { color: var(--qx-text) !important; }
[data-theme="dark"] .glass-card .btn-outline-secondary { background: var(--qx-card-bg-2) !important; border-color: var(--qx-border) !important; color: var(--qx-text-muted) !important; }

/* -- SweetAlert2 -- */
[data-theme="dark"] .swal2-popup { background: var(--qx-card-bg) !important; color: var(--qx-text) !important; }
[data-theme="dark"] .swal2-title { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .swal2-html-container { color: var(--qx-text) !important; }

/* -- Auth Alerts -- */
[data-theme="dark"] .alert-danger { background: rgba(239,68,68,0.12) !important; border-color: rgba(239,68,68,0.3) !important; color: #fca5a5 !important; }
[data-theme="dark"] .alert-success { background: rgba(16,185,129,0.12) !important; border-color: rgba(16,185,129,0.3) !important; color: #6ee7b7 !important; }

/* -- Inline Style Overrides -- */
[data-theme="dark"] [style*="background: #e2e8f0"] { background: var(--qx-card-bg-2) !important; }
[data-theme="dark"] [style*="background: #f8fafc"] { background: var(--qx-card-bg-2) !important; }
[data-theme="dark"] [style*="color: #475569"] { color: var(--qx-text) !important; }
[data-theme="dark"] [style*="color: #1e293b"] { color: var(--qx-text-strong) !important; }
[data-theme="dark"] [style*="color: #64748b"] { color: var(--qx-text-muted) !important; }
[data-theme="dark"] .p-3.bg-light.rounded-3 { background: var(--qx-card-bg-2) !important; }

/* -- Transitions -- */
.checkout-section-card, .cart-item-v3, .cart-section-card, .summary-card-v3,
.payment-method-card, .bank-account-card, .premium-input-group .form-control,
.turkey-phone-wrapper, .custom-select-trigger {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* =============================================
   DARK MODE FIX 6: Test sonrasi eksik bilesenler
   ============================================= */

/* -- Subcategory kartlari (kategori listesi sayfasi) -- */
[data-theme="dark"] .subcategory-card {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .subcategory-card:hover {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-link) !important;
}
[data-theme="dark"] .subcategory-card h3,
[data-theme="dark"] .subcategory-card .subcategory-title {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .subcategory-card .subcategory-count,
[data-theme="dark"] .subcategory-card .text-muted {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .subcategory-card .subcategory-icon {
    background: rgba(245,158,11,0.12) !important;
}

/* -- CMS icerik alani (hakkimizda, statik sayfalar) -- */
[data-theme="dark"] .cms-content,
[data-theme="dark"] article.cms-content,
[data-theme="dark"] .page-content-body,
[data-theme="dark"] .static-page-content {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .cms-content h1,
[data-theme="dark"] .cms-content h2,
[data-theme="dark"] .cms-content h3,
[data-theme="dark"] .cms-content h4,
[data-theme="dark"] .cms-content strong {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .cms-content a {
    color: var(--qx-link) !important;
}
[data-theme="dark"] .cms-content p,
[data-theme="dark"] .cms-content li,
[data-theme="dark"] .cms-content td {
    color: var(--qx-text) !important;
}

/* -- Kategori sidebar -- */
[data-theme="dark"] .category-sidebar {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .category-sidebar a {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .category-sidebar a:hover {
    color: var(--qx-link) !important;
}
[data-theme="dark"] .category-sidebar .fw-bold,
[data-theme="dark"] .category-sidebar h5,
[data-theme="dark"] .category-sidebar h6 {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .category-sidebar .border-bottom {
    border-bottom-color: var(--qx-border) !important;
}
[data-theme="dark"] .category-sidebar .badge {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* -- Global navigasyon kartlari (Hesabim, Siparislerim, Lisanslarim, Destek) -- */
[data-theme="dark"] a.d-flex.align-items-center.text-decoration-none.rounded {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] a.d-flex.align-items-center.text-decoration-none.rounded:hover {
    background-color: var(--qx-card-bg-2) !important;
}
[data-theme="dark"] a.d-flex.align-items-center.text-decoration-none.rounded .text-dark,
[data-theme="dark"] a.d-flex.align-items-center.text-decoration-none.rounded .fw-semibold {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] a.d-flex.align-items-center.text-decoration-none.rounded .text-muted {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] a.d-flex.align-items-center.text-decoration-none.rounded .rounded-circle {
    background: rgba(245,158,11,0.12) !important;
}

/* -- "Tumunu Gor" butonlari -- */
[data-theme="dark"] .qx-view-all {
    background-color: transparent !important;
    border: 1px solid var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .qx-view-all:hover {
    background-color: rgba(245,158,11,0.1) !important;
    border-color: var(--qx-link) !important;
    color: var(--qx-link) !important;
}

/* =============================================
   DARK MODE FIX 7: Auth sayfalari eksik bilesenler
   ============================================= */

/* -- Mobile profile close button -- */
[data-theme="dark"] .mobile-auth-sheet-close {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* -- Active sidebar subitem -- */
[data-theme="dark"] .account-nav-subitem.active {
    background: rgba(245,158,11,0.15) !important;
    color: var(--qx-link) !important;
}

/* -- Lisanslar: Status filter buttons -- */
[data-theme="dark"] .status-filter-btn {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .status-filter-btn:hover,
[data-theme="dark"] .status-filter-btn.active {
    background-color: var(--qx-link) !important;
    color: #000 !important;
    border-color: var(--qx-link) !important;
}

/* -- Lisanslar: Empty state icon -- */
[data-theme="dark"] .empty-state-icon {
    background-color: var(--qx-card-bg-2) !important;
}

/* -- Profil: Info items -- */
[data-theme="dark"] .info-item {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* -- Sifre: Password rules list items -- */
[data-theme="dark"] .password-card li,
[data-theme="dark"] .security-card li,
[data-theme="dark"] .password-rules li {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* -- Sifre: Tip items -- */
[data-theme="dark"] .tip-item {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .tip-item i { color: var(--qx-link) !important; }

/* -- Sifre: Cancel password button -- */
[data-theme="dark"] .btn-cancel-password {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Adresler: Add address button -- */
[data-theme="dark"] .btn-add-address {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .btn-add-address:hover {
    background-color: rgba(245,158,11,0.1) !important;
    border-color: var(--qx-link) !important;
    color: var(--qx-link) !important;
}

/* -- Adresler: Empty state -- */
[data-theme="dark"] .addresses-empty-state {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Favoriler: Wishlist empty -- */
[data-theme="dark"] .wishlist-empty {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Bildirimler: Form actions sticky -- */
[data-theme="dark"] .form-actions-sticky {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

/* -- Bildirimler: Toggle all button -- */
[data-theme="dark"] .toggle-all-btn {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .toggle-all-btn:hover {
    background-color: var(--qx-surface) !important;
}

/* -- Destek: Stat cards -- */
[data-theme="dark"] .stat-card {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .stat-card .stat-value { color: var(--qx-text-strong) !important; }
[data-theme="dark"] .stat-card .stat-label { color: var(--qx-text-muted) !important; }

/* -- Destek: Filter panel -- */
[data-theme="dark"] .filter-panel {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Destek: Empty state -- */
[data-theme="dark"] .empty-state {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .empty-state i { color: var(--qx-text-muted) !important; }

/* -- Sepet: Quantity control v3 -- */
[data-theme="dark"] .qty-control-v3 {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}

/* -- Genel: bg-gray-50/100 overrides -- */
[data-theme="dark"] [class*="bg-gray-50"],
[data-theme="dark"] .bg-gray-50 {
    background-color: var(--qx-surface) !important;
}
[data-theme="dark"] [style*="background-color: rgb(243, 244, 246)"],
[data-theme="dark"] [style*="background: rgb(243, 244, 246)"] {
    background-color: var(--qx-card-bg-2) !important;
}
[data-theme="dark"] [style*="background-color: rgb(249, 250, 251)"],
[data-theme="dark"] [style*="background: rgb(249, 250, 251)"] {
    background-color: var(--qx-card-bg-2) !important;
}


/* =============================================
   DARK MODE FIX 8: Son kalan sorunlar
   ============================================= */

/* -- Login page card -- */
[data-theme="dark"] .card.shadow-sm.border-0 {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Cookie banner -- */
[data-theme="dark"] .lj-cookie-banner {
    background: var(--qx-surface) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .lj-cookie-banner * { color: var(--qx-text) !important; }

/* -- Ghost / outline buttons -- */
[data-theme="dark"] .lj-btn--ghost {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .lj-btn--outline {
    background: transparent !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* -- Password requirements list -- */
[data-theme="dark"] .requirements-list li,
[data-theme="dark"] .password-requirements li,
[data-theme="dark"] .requirement-item {
    background: var(--qx-card-bg-2) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* -- Coupon header -- */
[data-theme="dark"] .coupon-modern-header,
[data-theme="dark"] .coupon-modern-header span {
    color: var(--qx-text) !important;
}

/* -- Inline dark text color overrides -- */
[data-theme="dark"] [style*="color: #1e293b"],
[data-theme="dark"] [style*="color:#1e293b"],
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #111827"],
[data-theme="dark"] [style*="color:#111827"],
[data-theme="dark"] [style*="color: #1f2937"],
[data-theme="dark"] [style*="color:#1f2937"] {
    color: var(--qx-text-strong) !important;
}

[data-theme="dark"] [style*="color: #334155"],
[data-theme="dark"] [style*="color:#334155"],
[data-theme="dark"] [style*="color: #374151"],
[data-theme="dark"] [style*="color:#374151"],
[data-theme="dark"] [style*="color: #475569"],
[data-theme="dark"] [style*="color:#475569"],
[data-theme="dark"] [style*="color: #4b5563"],
[data-theme="dark"] [style*="color:#4b5563"] {
    color: var(--qx-text) !important;
}

[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color:#64748b"],
[data-theme="dark"] [style*="color: #6b7280"],
[data-theme="dark"] [style*="color:#6b7280"] {
    color: var(--qx-text-muted) !important;
}

/* -- Inline bg overrides -- */
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background-color:#ffffff"] {
    background-color: var(--qx-card-bg) !important;
}

[data-theme="dark"] [style*="background-color: #f8fafc"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background-color: #f1f5f9"],
[data-theme="dark"] [style*="background:#f1f5f9"],
[data-theme="dark"] [style*="background-color: #f9fafb"],
[data-theme="dark"] [style*="background:#f9fafb"],
[data-theme="dark"] [style*="background-color: #f3f4f6"],
[data-theme="dark"] [style*="background:#f3f4f6"] {
    background-color: var(--qx-card-bg-2) !important;
}

/* -- Inline border overrides -- */
[data-theme="dark"] [style*="border-color: #e2e8f0"],
[data-theme="dark"] [style*="border-color:#e2e8f0"],
[data-theme="dark"] [style*="border-color: #e5e7eb"],
[data-theme="dark"] [style*="border-color:#e5e7eb"] {
    border-color: var(--qx-border) !important;
}

/* -- text-neutral / text-stone / text-zinc -- */
[data-theme="dark"] .text-neutral-900,
[data-theme="dark"] .text-neutral-800,
[data-theme="dark"] .text-stone-900,
[data-theme="dark"] .text-zinc-900 {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .text-neutral-700,
[data-theme="dark"] .text-neutral-600,
[data-theme="dark"] .text-stone-700,
[data-theme="dark"] .text-zinc-700 {
    color: var(--qx-text) !important;
}

/* -- Body text color -- */
[data-theme="dark"] body.text-neutral-900,
[data-theme="dark"] body.font-sans.text-neutral-900 {
    color: var(--qx-text) !important;
}


/* =============================================
   DARK MODE FIX 9: Buton/metin renk sorunlari
   ============================================= */

/* -- Satin Al / Buy Now buton -- */
[data-theme="dark"] .btn-purchase,
[data-theme="dark"] .btn-buy-now,
[data-theme="dark"] .btn.btn-purchase {
    color: #fff !important;
}

/* -- WhatsApp siparis butonu -- */
[data-theme="dark"] .whatsapp-order-btn,
[data-theme="dark"] .whatsapp-or,
[data-theme="dark"] button.whatsapp-or,
[data-theme="dark"] a.whatsapp-or {
    color: #fff !important;
}

/* -- Genel: text-dark badge override (sari bg uzerine siyah OK, ama diger bg'lerde degil) -- */
[data-theme="dark"] .badge.text-dark:not(.bg-warning):not(.bg-yellow) {
    color: var(--qx-text-strong) !important;
}

/* -- Telegram / social butonlar -- */
[data-theme="dark"] .btn-telegram,
[data-theme="dark"] .telegram-order-btn {
    color: #fff !important;
}

/* -- Product detail: trust items, guarantee items -- */
[data-theme="dark"] .trust-item,
[data-theme="dark"] .guarantee-item,
[data-theme="dark"] .feature-item {
    color: var(--qx-text) !important;
}

/* -- Checkout: step wizard text -- */
[data-theme="dark"] .step-wizard .step-title,
[data-theme="dark"] .checkout-steps .step-label,
[data-theme="dark"] .checkout-step span {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .checkout-step.active span,
[data-theme="dark"] .step-wizard .step-title.active {
    color: var(--qx-text-strong) !important;
}

/* -- Generic: tum butonlarda koyu renk sorunu -- */
[data-theme="dark"] .btn-dark {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Select2 / chosen dropdowns -- */
[data-theme="dark"] .select2-container--default .select2-selection,
[data-theme="dark"] .select2-dropdown {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-results__option {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .select2-container--default .select2-results__option--highlighted {
    background-color: rgba(245,158,11,0.15) !important;
    color: var(--qx-link) !important;
}

/* -- Toast notifications -- */
[data-theme="dark"] .toast {
    background-color: var(--qx-surface) !important;
    color: var(--qx-text) !important;
    border-color: var(--qx-border) !important;
}

/* -- Toastr (if used) -- */
[data-theme="dark"] .toast-message,
[data-theme="dark"] .toast-title {
    color: var(--qx-text) !important;
}

/* -- Product page: price display -- */
[data-theme="dark"] .product-price .price-current,
[data-theme="dark"] .lj-price-display .price-main {
    color: var(--qx-text-strong) !important;
}

/* -- Product page: delivery info, stock info -- */
[data-theme="dark"] .delivery-info,
[data-theme="dark"] .stock-info,
[data-theme="dark"] .product-meta {
    color: var(--qx-text) !important;
}

/* -- Account: tüm remaining account items -- */
[data-theme="dark"] .account-content-card {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Generic catch-all: any remaining text-dark inside dark theme -- */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-body {
    color: var(--qx-text-strong) !important;
}

/* =====================================================
   ACCOUNT PAGES - DARK MODE FIXES (2026-04-13)
   ===================================================== */

/* -- Sidebar navigation items -- */
[data-theme="dark"] .account-nav-item {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .account-nav-item.active {
    color: var(--qx-link) !important;
}
[data-theme="dark"] .account-nav-item.account-nav-danger {
    color: #ef4444 !important;
}
[data-theme="dark"] .account-nav-subitem {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .account-nav-subitem.active {
    color: var(--qx-link) !important;
}

/* -- Lisanslar: status filter buttons -- */
[data-theme="dark"] .status-filter-btn.active {
    color: #000 !important;
}

/* -- Lisanslar: filter labels -- */
[data-theme="dark"] .account-content label,
[data-theme="dark"] .filter-group label {
    color: var(--qx-text-muted) !important;
}

/* -- Profil: stat values -- */
[data-theme="dark"] .stat-value {
    color: var(--qx-text-strong) !important;
}

/* -- Profil: form labels -- */
[data-theme="dark"] .form-label-modern {
    color: var(--qx-text) !important;
}

/* -- Profil & genel: info values -- */
[data-theme="dark"] .info-value {
    color: var(--qx-text) !important;
}

/* -- Profil: badge success (dark green on light green) -- */
[data-theme="dark"] .badge.badge-success,
[data-theme="dark"] .badge-success {
    background-color: rgba(34, 197, 94, 0.15) !important;
    color: #4ade80 !important;
}

/* -- Bildirimler (tercihler): notification item titles -- */
[data-theme="dark"] .notification-item-title {
    color: var(--qx-text) !important;
}

/* -- Bildirimlerim: filter tabs container -- */
[data-theme="dark"] .filter-tabs {
    background-color: var(--qx-surface) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .filter-tab {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .filter-tab.active {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-link) !important;
}

/* -- Bildirimlerim: notification list -- */
[data-theme="dark"] .notification-list {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .notification-list a {
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

/* -- Bildirimlerim: pagination -- */
[data-theme="dark"] .page-link {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .page-item.active .page-link,
[data-theme="dark"] .page-link[style*="background"] {
    color: #000 !important;
}

/* -- Guvenlik: setup info box -- */
[data-theme="dark"] .setup-info {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .setup-info p,
[data-theme="dark"] .setup-info li {
    color: var(--qx-text-muted) !important;
}

/* -- Guvenlik: security tips -- */
[data-theme="dark"] .security-tip {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Oturumlar: security info items -- */
[data-theme="dark"] .security-info-item {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Destek olustur: info box title -- */
[data-theme="dark"] .info-box-title {
    color: var(--qx-link) !important;
}

/* -- Destek olustur: form card -- */
[data-theme="dark"] .form-card {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Destek olustur: form labels -- */
[data-theme="dark"] .form-label {
    color: var(--qx-text) !important;
}

/* -- Destek olustur: choices.js dropdown -- */
[data-theme="dark"] .choices__inner {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .choices__list--single .choices__item,
[data-theme="dark"] .choices__list--single {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .choices__list--dropdown {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .choices__list--dropdown .choices__item {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: var(--qx-link) !important;
}

/* -- Destek olustur: priority labels -- */
[data-theme="dark"] .priority-label {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .priority-label.active,
[data-theme="dark"] .priority-label:has(input:checked) {
    border-color: var(--qx-primary) !important;
}

/* -- Destek olustur: quill editor wrapper -- */
[data-theme="dark"] .quill-wrapper {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .quill-wrapper .ql-toolbar {
    border-color: var(--qx-border) !important;
    background-color: var(--qx-card-bg-2) !important;
}
[data-theme="dark"] .quill-wrapper .ql-container {
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .quill-wrapper .ql-editor {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .quill-wrapper .ql-editor.ql-blank::before {
    color: var(--qx-text-muted) !important;
}

/* -- Destek olustur: editor counter -- */
[data-theme="dark"] .editor-counter {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text-muted) !important;
}

/* -- Destek olustur: optional badge -- */
[data-theme="dark"] .optional-badge {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* -- Destek olustur: file upload area -- */
[data-theme="dark"] .file-upload-area {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .file-upload-text,
[data-theme="dark"] .file-upload-text strong {
    color: var(--qx-text-muted) !important;
}

/* -- Destek olustur: cancel button -- */
[data-theme="dark"] .btn-cancel {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* -- Bakiye yukle: quick amount buttons -- */
[data-theme="dark"] .quick-amount-btn {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .quick-amount-btn.active,
[data-theme="dark"] .quick-amount-btn:hover {
    border-color: var(--qx-primary) !important;
    background-color: rgba(245, 158, 11, 0.1) !important;
}
[data-theme="dark"] .quick-amount-value {
    color: var(--qx-text-strong) !important;
}

/* -- Sifre: info header & form labels -- */
[data-theme="dark"] .info-header {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .form-label-password {
    color: var(--qx-text) !important;
}

/* -- Genel: green text on dark bg fix -- */
[data-theme="dark"] .text-success,
[data-theme="dark"] [style*="color: rgb(22, 101, 52)"] {
    color: #4ade80 !important;
}


/* =====================================================
   ACCOUNT PAGES - HIGH SPECIFICITY OVERRIDES (account.css loads after dark-mode.css)
   ===================================================== */

/* Override account.css !important rules by matching its specificity + data-theme */
[data-theme="dark"] #account-page .account-sidebar-nav a,
[data-theme="dark"] #account-page .account-bottom-nav a,
[data-theme="dark"] #account-page .account-bottom-sheet a,
[data-theme="dark"] #account-page .account-mobile-navbar a,
[data-theme="dark"] .account-nav-item,
[data-theme="dark"] .account-nav-subitem,
[data-theme="dark"] .account-sheet-grid-item,
[data-theme="dark"] .account-sheet-list-item,
[data-theme="dark"] .account-bottom-nav-item,
[data-theme="dark"] .account-sheet-grid-item span,
[data-theme="dark"] .account-sheet-list-item span {
    color: var(--qx-text) !important;
}

[data-theme="dark"] #account-page .account-sidebar-nav a.active,
[data-theme="dark"] .account-nav-item.active,
[data-theme="dark"] .account-nav-subitem.active {
    color: var(--qx-link) !important;
}

[data-theme="dark"] #account-page .account-sidebar-nav a.account-nav-danger,
[data-theme="dark"] .account-nav-item.account-nav-danger {
    color: #ef4444 !important;
}

/* account.css second rule: .account-nav-item { color: rgb(71,85,105) !important } */
[data-theme="dark"] a.account-nav-item,
[data-theme="dark"] a.account-nav-subitem {
    color: var(--qx-text) !important;
}
[data-theme="dark"] a.account-nav-item.active,
[data-theme="dark"] a.account-nav-subitem.active {
    color: var(--qx-link) !important;
}

/* Span inside nav items that inherits dark color */
[data-theme="dark"] .account-nav-subitem span,
[data-theme="dark"] .account-nav-item span {
    color: inherit !important;
}

/* -- bildirimlerim: notification manage link -- */
[data-theme="dark"] .notification-list > a,
[data-theme="dark"] .notification-list + a,
[data-theme="dark"] .notification-list ~ a {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

/* -- sifre page: info header & strong elements -- */
[data-theme="dark"] .info-header,
[data-theme="dark"] .info-header strong {
    color: var(--qx-text) !important;
}

/* -- bakiye-yukle: green bonus text -- */
[data-theme="dark"] .bonus-info,
[data-theme="dark"] .bonus-info div,
[data-theme="dark"] .bonus-info strong {
    color: #4ade80 !important;
}


/* =====================================================
   FINAL FIXES - Remaining dark mode issues
   ===================================================== */

/* sifre page: strong text inside info sections */
[data-theme="dark"] .password-requirements strong,
[data-theme="dark"] .info-header + * strong,
[data-theme="dark"] .password-info strong,
[data-theme="dark"] #account-page strong {
    color: var(--qx-text-strong) !important;
}

/* bildirimlerim: manage preferences link with white bg */
[data-theme="dark"] .notification-list + a,
[data-theme="dark"] .notification-list ~ a,
[data-theme="dark"] .notification-actions a,
[data-theme="dark"] .account-content-area > a:last-child,
[data-theme="dark"] #account-page .account-content a[href*="bildirimler"]:not(.account-nav-item):not(.account-nav-subitem) {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
    border-color: var(--qx-border) !important;
}

/* bakiye-yukle: green bonus text */
[data-theme="dark"] .balance-bonus-text,
[data-theme="dark"] .bonus-text,
[data-theme="dark"] [style*="color: rgb(22, 101, 52)"],
[data-theme="dark"] [style*="color:#166534"],
[data-theme="dark"] .text-green-800,
[data-theme="dark"] .text-green-700 {
    color: #4ade80 !important;
}


/* Fix inline color #166534 (dark green) */
[data-theme="dark"] [style*="color: #166534"],
[data-theme="dark"] [style*="color:#166534"] {
    color: #4ade80 !important;
}
[data-theme="dark"] [style*="color: #166534"] strong,
[data-theme="dark"] [style*="color:#166534"] strong {
    color: #4ade80 !important;
}

/* Summary total row on bakiye page */
[data-theme="dark"] .summary-row.summary-total,
[data-theme="dark"] .summary-row.summary-total span {
    color: var(--qx-text-strong) !important;
}

/* bildirimlerim: white bg link at bottom */
[data-theme="dark"] .account-content-card > a[href*="bildirim"],
[data-theme="dark"] #account-page a[style*="background: white"],
[data-theme="dark"] #account-page a[style*="background:#fff"],
[data-theme="dark"] #account-page a[style*="background-color: white"],
[data-theme="dark"] #account-page a[style*="background-color:#fff"] {
    background-color: var(--qx-card-bg-2) !important;
    color: var(--qx-text-muted) !important;
}

/* sifre: strong tag inside requirement info */
[data-theme="dark"] .password-requirements-list strong,
[data-theme="dark"] .requirement-item strong,
[data-theme="dark"] .password-strength strong,
[data-theme="dark"] .info-section strong {
    color: var(--qx-text-strong) !important;
}


/* Cookie banner dark mode fix */
[data-theme="dark"] .lj-cookie-option__text strong,
[data-theme="dark"] .lj-cookie-option__text p,
[data-theme="dark"] .lj-cookie-option__text {
    color: var(--qx-text) !important;
}

/* Notification settings link (bildirimlerim bottom link) */
[data-theme="dark"] .notification-settings-link a,
[data-theme="dark"] .notification-settings-link {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .notification-settings-link a {
    color: var(--qx-text-muted) !important;
}



/* =====================================================
   DARK MODE FIX: Destek Olustur + Bakiye Yukle
   Date: 2026-04-13
   ===================================================== */

/* ---- PAGE 1: Destek Olustur ---- */

/* Form label hint "(Opsiyonel)" */
[data-theme="dark"] .form-label-hint {
    color: var(--qx-text-muted) !important;
}

/* Form section title */
[data-theme="dark"] .form-section-title {
    color: var(--qx-text-strong) !important;
}

/* Form section header border */
[data-theme="dark"] .form-section-header {
    border-bottom-color: var(--qx-border) !important;
}

/* Choices.js: order-choice items in dropdown */
[data-theme="dark"] .order-choice {
    background-color: var(--qx-card-bg) !important;
    color: var(--qx-text) !important;
}
[data-theme="dark"] .order-choice:hover {
    background-color: var(--qx-card-bg-2) !important;
}

/* Choices.js: order choice icon */
[data-theme="dark"] .order-choice-icon {
    color: var(--qx-text-muted) !important;
}

/* Choices.js: order choice text elements */
[data-theme="dark"] .order-choice-details,
[data-theme="dark"] .order-choice-name,
[data-theme="dark"] .order-choice-id,
[data-theme="dark"] .order-choice-date,
[data-theme="dark"] .order-choice-amount {
    color: var(--qx-text) !important;
}

/* Choices.js: zebra striping override */
[data-theme="dark"] .choices__list--dropdown .choices__item--selectable:nth-child(even) .order-choice {
    background-color: var(--qx-card-bg-2) !important;
}

/* Quill: picker label color (toolbar icons) */
[data-theme="dark"] .ql-snow .ql-picker-label {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .ql-snow .ql-stroke {
    stroke: var(--qx-text-muted) !important;
}
[data-theme="dark"] .ql-snow .ql-fill {
    fill: var(--qx-text-muted) !important;
}
[data-theme="dark"] .ql-snow .ql-picker-options {
    background-color: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .ql-snow .ql-picker-item {
    color: var(--qx-text) !important;
    background-color: transparent !important;
}
[data-theme="dark"] .ql-snow .ql-picker-item:hover {
    color: var(--qx-link) !important;
    background-color: var(--qx-card-bg-2) !important;
}

/* Form inputs on support page */
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
    color: var(--qx-text) !important;
}

/* Priority name text */
[data-theme="dark"] .priority-name {
    color: var(--qx-text) !important;
}


/* ---- PAGE 2: Bakiye Yukle ---- */

/* Amount input wrapper (Ozel Tutar Girin) */
[data-theme="dark"] .amount-input-wrapper {
    background: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .amount-input-wrapper:focus-within {
    border-color: var(--qx-primary) !important;
}

/* Amount input label */
[data-theme="dark"] .amount-input-label {
    color: var(--qx-text-muted) !important;
}

/* Premium amount input text */
[data-theme="dark"] .premium-amount-input {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .premium-amount-input::placeholder {
    color: var(--qx-text-muted) !important;
}

/* Min/Max labels */
[data-theme="dark"] .amount-limits {
    color: var(--qx-text-muted) !important;
    border-top-color: var(--qx-border) !important;
}

/* Bonus banner (inline styles override) */
[data-theme="dark"] .bonus-info-card {
    background: linear-gradient(135deg, rgba(34,197,94,0.12) 0%, rgba(34,197,94,0.06) 100%) !important;
    border-color: rgba(74,222,128,0.3) !important;
}

/* Bonus banner title (inline color #15803d) */
[data-theme="dark"] .bonus-info-card [style*="color: #15803d"],
[data-theme="dark"] .bonus-info-card [style*="color:#15803d"],
[data-theme="dark"] .bonus-info-card div[style*="font-weight: 700"] {
    color: #4ade80 !important;
}

/* Bonus banner description (inline color #166534) */
[data-theme="dark"] .bonus-info-card [style*="color: #166534"],
[data-theme="dark"] .bonus-info-card [style*="color:#166534"] {
    color: #4ade80 !important;
}

/* Bonus preview card (inline bg white) */
[data-theme="dark"] #bonusPreview,
[data-theme="dark"] .bonus-info-card [style*="background: white"],
[data-theme="dark"] .bonus-info-card div[style*="background: white"] {
    background-color: var(--qx-card-bg) !important;
}
[data-theme="dark"] #bonusPreview [style*="color: #6b7280"] {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] #bonusPreview [style*="color: #15803d"],
[data-theme="dark"] #bonusPreview [style*="font-weight: 700"][style*="color: #15803d"] {
    color: #4ade80 !important;
}
[data-theme="dark"] #bonusPreview [style*="border-top"] {
    border-top-color: var(--qx-border) !important;
}

/* Payment summary card (Odeme Ozeti) */
[data-theme="dark"] .payment-summary-card {
    background: linear-gradient(135deg, rgba(34,197,94,0.08) 0%, rgba(34,197,94,0.04) 100%) !important;
    border-color: rgba(74,222,128,0.25) !important;
}

/* Summary title */
[data-theme="dark"] .summary-title {
    color: #4ade80 !important;
}
[data-theme="dark"] .summary-title i {
    color: #4ade80 !important;
}

/* Summary rows (Yukleme Tutari, KDV, etc.) */
[data-theme="dark"] .summary-row {
    color: var(--qx-text) !important;
}
[data-theme="dark"] .summary-row span {
    color: var(--qx-text) !important;
}

/* Summary total row */
[data-theme="dark"] .summary-row.summary-total {
    border-top-color: rgba(74,222,128,0.25) !important;
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .summary-row.summary-total span {
    color: var(--qx-text-strong) !important;
}

/* Summary note (Bakiyenize X eklenecektir) */
[data-theme="dark"] .summary-note {
    color: #4ade80 !important;
    border-top-color: rgba(74,222,128,0.25) !important;
}
[data-theme="dark"] .summary-note small {
    color: #4ade80 !important;
}

/* Payment radio border */
[data-theme="dark"] .payment-radio {
    border-color: var(--qx-border) !important;
}

/* Payment subtitle */
[data-theme="dark"] .payment-subtitle {
    color: var(--qx-text-muted) !important;
}

/* Payment card logos opacity */
[data-theme="dark"] .payment-logos i {
    opacity: 0.7 !important;
}

/* Info items (Bilgilendirme section) */
[data-theme="dark"] .info-item {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .info-item:hover {
    background-color: var(--qx-surface) !important;
    border-color: var(--qx-primary) !important;
}
[data-theme="dark"] .info-label {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .info-value {
    color: var(--qx-text-strong) !important;
}

/* Bank account cards */
[data-theme="dark"] .bank-account-card {
    background-color: var(--qx-card-bg-2) !important;
    border-color: var(--qx-border) !important;
}
[data-theme="dark"] .bank-account-name {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .bank-account-holder,
[data-theme="dark"] .bank-account-iban {
    color: var(--qx-text-muted) !important;
}

/* Bank warning box */
[data-theme="dark"] .bank-warning-box {
    background-color: rgba(245, 158, 11, 0.08) !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
    color: var(--qx-text) !important;
}

/* Submit section border */
[data-theme="dark"] .submit-section {
    border-top-color: var(--qx-border) !important;
}

/* Tag badges in payment title */
[data-theme="dark"] .payment-title .tag-blue {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .payment-title .tag-green {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
}
[data-theme="dark"] .payment-title .tag-orange {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
}

/* =====================================================
   FIX: Override inline background gradients with shorthand
   ===================================================== */

/* Choices.js inner - override inline gradient */
[data-theme="dark"] .choices__inner {
    background: var(--qx-card-bg-2) !important;
}

/* Payment methods container - override inline bg */
[data-theme="dark"] .payment-methods-container {
    background: var(--qx-card-bg) !important;
    border-color: var(--qx-border) !important;
}

/* Payment method card - override inline bg */
[data-theme="dark"] .payment-method-card {
    background: var(--qx-card-bg) !important;
    border-bottom-color: var(--qx-border) !important;
}
[data-theme="dark"] .payment-method-card:hover {
    background: var(--qx-card-bg-2) !important;
}
[data-theme="dark"] .payment-method-card.selected {
    background: linear-gradient(to right, rgba(249,115,22,0.08) 0%, var(--qx-card-bg) 100%) !important;
}

/* =============================================
   DARK MODE FIX 10: Kategori baslik + breadcrumb
   ============================================= */

/* Subcategory card name - koyu metin fix */
[data-theme="dark"] .subcategory-card-name {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .subcategory-card-count {
    color: var(--qx-text-muted) !important;
}
[data-theme="dark"] .subcategory-card-icon {
    color: var(--qx-text-strong) !important;
}
[data-theme="dark"] .subcategory-card-arrow {
    color: var(--qx-text-muted) !important;
}

/* Breadcrumb current item */
[data-theme="dark"] .breadcrumb .current,
[data-theme="dark"] .breadcrumb span.current,
[data-theme="dark"] .breadcrumb-item.active span {
    color: var(--qx-text-strong) !important;
}

/* Header logo text */
[data-theme="dark"] .header-logo-text {
    color: var(--qx-link) !important;
}

/* Cart receipt empty */
[data-theme="dark"] .cart-receipt-empty-title {
    color: var(--qx-text-muted) !important;
}

/* Category section titles */
[data-theme="dark"] .category-section-title,
[data-theme="dark"] .parent-category-title {
    color: var(--qx-text-strong) !important;
}

/* =====================================================
   PRODUCT DETAIL PAGE (show-software) - Dark Mode Fixes
   Date: 2026-04-13
   ===================================================== */

/* 1. Fix text-dark class in dark mode - used on H1, review headings, etc. */
[data-theme="dark"] .text-dark {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* 2. Breadcrumb current item with --lj-text (spec-value, prose) */
[data-theme="dark"] .spec-value,
[data-theme="dark"] .spec-value-text {
    color: var(--qx-text, #f1f5f9) !important;
}

[data-theme="dark"] .spec-value.highlight {
    color: var(--qx-primary, #f59e0b) !important;
}

/* 3. Prose-modern content area */
[data-theme="dark"] .prose-modern,
[data-theme="dark"] .prose-modern p,
[data-theme="dark"] .prose-modern li,
[data-theme="dark"] .prose-modern span,
[data-theme="dark"] .prose-modern div {
    color: var(--qx-text, #f1f5f9) !important;
}

[data-theme="dark"] .prose-modern h2,
[data-theme="dark"] .prose-modern h3,
[data-theme="dark"] .prose-modern h4,
[data-theme="dark"] .prose-modern h5,
[data-theme="dark"] .prose-modern h6 {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* 4. Related Products section - container bg override */
[data-theme="dark"] .related-products-section,
[data-theme="dark"] [class*="mt-5"][style*="background: linear-gradient(135deg, #f8fafc"] {
    background: var(--qx-surface, #1e293b) !important;
    border-color: var(--qx-border, #334155) !important;
}

/* 5. Related product cards - white bg override */
[data-theme="dark"] .related-product-card,
[data-theme="dark"] [style*="background: #ffffff"][style*="border-radius: 20px"] {
    background: var(--qx-card-bg, #1e293b) !important;
    border-color: var(--qx-border, #334155) !important;
}

/* 6. Related product card image area */
[data-theme="dark"] [style*="background: linear-gradient(145deg, #f1f5f9"] {
    background: linear-gradient(145deg, #1e293b, #273449) !important;
}

/* 7. Related product card text - title and price area */
[data-theme="dark"] [style*="color: #0f172a"][style*="font-weight: 700"],
[data-theme="dark"] h6[style*="color: #0f172a"],
[data-theme="dark"] h5[style*="color: #0f172a"] {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* 8. Related product price border */
[data-theme="dark"] [style*="border-top: 1px solid #f1f5f9"] {
    border-top-color: var(--qx-border, #334155) !important;
}

/* 9. Review section fixes */
[data-theme="dark"] .review-section .text-dark,
[data-theme="dark"] [x-text] {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* 10. Review modal bg-white fix */
[data-theme="dark"] .bg-white {
    background-color: var(--qx-card-bg, #1e293b) !important;
}

/* 11. Badge warning text-dark should stay dark on yellow bg - exception */
[data-theme="dark"] .badge.bg-warning.text-dark {
    color: #000000 !important;
}

/* 12. FAQ accordion in product detail */
[data-theme="dark"] .faq-item,
[data-theme="dark"] .accordion-item {
    background: var(--qx-card-bg, #1e293b) !important;
    border-color: var(--qx-border, #334155) !important;
}

[data-theme="dark"] .accordion-button {
    background: var(--qx-card-bg, #1e293b) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

[data-theme="dark"] .accordion-body {
    background: var(--qx-card-bg-2, #273449) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

/* 13. WhatsApp support card title */
[data-theme="dark"] .wa-card-title.text-dark,
[data-theme="dark"] .fw-bold.text-dark.wa-card-title {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* 14. Glass card overrides for product detail */
[data-theme="dark"] .glass-card {
    background: var(--qx-card-bg, #1e293b) !important;
    border-color: var(--qx-border, #334155) !important;
}

/* 15. Ürün Bilgileri heading */
[data-theme="dark"] h6.fw-bold[style*="color: var(--lj-text)"] {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* 16. Alert warning box in product detail */
[data-theme="dark"] .alert-warning {
    background: rgba(243, 147, 33, 0.15) !important;
    border-color: rgba(243, 147, 33, 0.3) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

/* 17. Bootstrap bg-light override */
[data-theme="dark"] .bg-light {
    background-color: var(--qx-surface, #1e293b) !important;
}

/* 18. Action pills in product detail */
[data-theme="dark"] .action-pill {
    background: var(--qx-card-bg-2, #273449) !important;
    color: var(--qx-text, #f1f5f9) !important;
    border-color: var(--qx-border, #334155) !important;
}

[data-theme="dark"] .action-pill:hover,
[data-theme="dark"] .action-pill.active {
    background: var(--qx-primary, #f59e0b) !important;
    color: #000000 !important;
}

/* 19. Links in product cards - override Bootstrap blue */
[data-theme="dark"] a.text-decoration-none[href*="/urun/"] {
    color: inherit !important;
}

/* =====================================================
   PRODUCT DETAIL: Related Products Section - Class-based overrides
   ===================================================== */

/* Related products wrapper - override inline light gradient bg */
[data-theme="dark"] .related-products-section {
    background: linear-gradient(135deg, #0f172a 0%, #1a2540 50%, #0f2a1e 100%) !important;
    border-color: var(--qx-border, #334155) !important;
}

/* Related product cards - override inline white bg */
[data-theme="dark"] .related-product-card {
    background: var(--qx-card-bg, #1e293b) !important;
    border-color: var(--qx-border, #334155) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .related-product-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

/* Related product image placeholder area */
[data-theme="dark"] .related-product-image {
    background: linear-gradient(145deg, #1e293b, #273449) !important;
}

/* Related product title */
[data-theme="dark"] .related-product-title {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* Related products section heading */
[data-theme="dark"] .related-section-title {
    color: var(--qx-text-strong, #ffffff) !important;
}

/* Related product price area border */
[data-theme="dark"] .related-product-price-area {
    border-top-color: var(--qx-border, #334155) !important;
}

/* Related product link color fix */
[data-theme="dark"] .related-products-section a.text-decoration-none {
    color: inherit !important;
}

/* Related product price text */
[data-theme="dark"] .related-products-section [style*="color: #059669"] {
    color: #10b981 !important;
}

/* Related products "Tümünü Gör" link */
[data-theme="dark"] .related-products-section a[style*="color: #6366f1"] {
    color: #818cf8 !important;
    background: rgba(99, 102, 241, 0.15) !important;
}

/* Related products subtitle */
[data-theme="dark"] .related-products-section span[style*="color: #94a3b8"] {
    color: var(--qx-text-muted, #94a3b8) !important;
}

/* =====================================================
   PRODUCT DETAIL: Review Section - Dark Mode Fixes
   ===================================================== */

/* Review modal content */
[data-theme="dark"] .review-modal-content {
    background-color: var(--qx-card-bg, #1e293b) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

[data-theme="dark"] .review-modal-content .fw-bold,
[data-theme="dark"] .review-modal-content h5,
[data-theme="dark"] .review-modal-content h6 {
    color: var(--qx-text-strong, #ffffff) !important;
}

[data-theme="dark"] .review-modal-content .btn-light {
    background-color: var(--qx-card-bg-2, #273449) !important;
    border-color: var(--qx-border, #334155) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

[data-theme="dark"] .review-modal-content textarea,
[data-theme="dark"] .review-modal-content input[type="text"],
[data-theme="dark"] .review-modal-content input[type="email"] {
    background-color: var(--qx-card-bg-2, #273449) !important;
    border-color: var(--qx-border, #334155) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

/* Review cards/items */
[data-theme="dark"] .review-item,
[data-theme="dark"] [x-show*="review"] .border-bottom {
    border-color: var(--qx-border, #334155) !important;
}

/* Seller reply box */
[data-theme="dark"] [class*="Satıcı Yanıtı"],
[data-theme="dark"] .seller-reply {
    background: var(--qx-card-bg-2, #273449) !important;
    color: var(--qx-text, #f1f5f9) !important;
}

/* =============================================
   DARK MODE FIX 11: Buton canli renkler
   Satin Al + Sepete Ekle + WhatsApp Siparis
   ============================================= */

/* Satin Al butonu - parlak turuncu gradient */
[data-theme="dark"] .btn-buy-now {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #000 !important;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.35) !important;
    border: none !important;
}
[data-theme="dark"] .btn-buy-now:hover {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5) !important;
    color: #000 !important;
}

/* Sepete Ekle butonu - koyu turuncu outline */
[data-theme="dark"] .btn-add-cart {
    background: transparent !important;
    color: #f59e0b !important;
    border: 2px solid #f59e0b !important;
}
[data-theme="dark"] .btn-add-cart:hover {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border-color: #fbbf24 !important;
}

/* WhatsApp ile Siparis Ver butonu - yesil gradient */
[data-theme="dark"] .whatsapp-order-btn,
[data-theme="dark"] .js-wa-order-btn {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
    border: none !important;
}
[data-theme="dark"] .whatsapp-order-btn:hover,
[data-theme="dark"] .js-wa-order-btn:hover {
    background: linear-gradient(135deg, #2ee573 0%, #25D366 100%) !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45) !important;
    color: #fff !important;
}

/* WhatsApp iletisim butonu - zaten yesil, shadow ekle */
[data-theme="dark"] .whatsapp-btn {
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
}

/* =============================================
   FIX 12: Mobil urun detay - offcanvas overflow
   ============================================= */

/* Offcanvas cart/menu mobilde tasmasin */
.offcanvas:not(.show) {
    transform: translateX(100%) !important;
    visibility: hidden !important;
}

/* Body yatay scroll engelle */
body {
    overflow-x: hidden !important;
}

/* Urun detay sayfasi mobil grid fix */
@media (max-width: 991.98px) {
    .product-layout-row,
    .product-detail-row,
    .row.g-4 {
        flex-direction: column !important;
    }
    .product-layout-row > [class*="col-lg"],
    .product-detail-row > [class*="col-lg"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}


/* =============================================
   Related Products - Clean Design
   ============================================= */

.rp-section {
    margin-top: 2rem;
    background: var(--lj-card, #f8fafc);
    border-radius: 20px;
    padding: 28px 24px;
    border: 1px solid var(--lj-border, rgba(0,0,0,0.06));
}

.rp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.rp-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rp-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.rp-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--lj-text, #0f172a);
    margin: 0;
    line-height: 1.2;
}

.rp-subtitle {
    font-size: 0.8rem;
    color: var(--lj-text-secondary, #94a3b8);
}

.rp-view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f59e0b;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(245, 158, 11, 0.1);
    transition: all 0.2s;
}

.rp-view-all:hover {
    background: rgba(245, 158, 11, 0.2);
    color: #d97706;
}

.rp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.rp-card {
    display: block;
    text-decoration: none;
    background: var(--lj-glass, #fff);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--lj-border, #e2e8f0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.rp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: rgba(245, 158, 11, 0.3);
}

.rp-card-image {
    position: relative;
    height: 140px;
    background: var(--lj-glass-border, linear-gradient(145deg, #f1f5f9, #e2e8f0));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rp-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.rp-card:hover .rp-card-image img {
    transform: scale(1.05);
}

.rp-card-placeholder {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}

.rp-discount {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
}

.rp-card-info {
    padding: 14px;
}

.rp-card-name {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--lj-text, #0f172a);
    margin: 0 0 10px 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rp-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--lj-border, #f1f5f9);
}

.rp-price-old {
    text-decoration: line-through;
    color: var(--lj-text-secondary, #94a3b8);
    font-size: 0.7rem;
    display: block;
}

.rp-price-current {
    font-weight: 800;
    color: #f59e0b;
    font-size: 1.05rem;
}

.rp-card-arrow {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    transition: transform 0.2s;
}

.rp-card:hover .rp-card-arrow {
    transform: translateX(2px);
}

/* Mobile: 2 columns, horizontal scroll */
@media (max-width: 991.98px) {
    .rp-section {
        padding: 20px 12px;
        border-radius: 16px;
        margin-top: 1rem;
    }

    .rp-header {
        margin-bottom: 16px;
    }

    .rp-icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .rp-title {
        font-size: 1rem;
    }

    .rp-view-all {
        font-size: 0.75rem;
        padding: 6px 10px;
    }

    .rp-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .rp-card-image {
        height: 110px;
    }

    .rp-card-info {
        padding: 10px;
    }

    .rp-card-name {
        font-size: 0.78rem;
        margin-bottom: 8px;
    }

    .rp-price-current {
        font-size: 0.95rem;
    }

    .rp-card-arrow {
        width: 28px;
        height: 28px;
    }
}

/* Dark mode */
[data-theme="dark"] .rp-section {
    background: var(--qx-card-bg, #1e293b);
    border-color: var(--qx-border, #334155);
}

[data-theme="dark"] .rp-card {
    background: var(--qx-card-bg-2, #273449);
    border-color: var(--qx-border, #334155);
}

[data-theme="dark"] .rp-card:hover {
    border-color: rgba(245, 158, 11, 0.4);
}

[data-theme="dark"] .rp-card-image {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .rp-card-name {
    color: var(--qx-text-strong, #fff);
}

[data-theme="dark"] .rp-card-bottom {
    border-top-color: var(--qx-border, #334155);
}

/* Dark mode: Aktif tab beyaz bg + siyah yazi */
[data-theme="dark"] .segment-tab.active,
[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-pills .nav-link.active {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

/* Gorsel-spec arasi bosluk azalt (hem light hem dark) */
.action-pills:empty {
    display: none !important;
}
.action-pills {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.spec-grid {
    margin-top: 8px !important;
}
.pmg-main-wrap {
    margin-bottom: 0 !important;
}
.neo-glass > .action-pills + .spec-grid {
    margin-top: 8px !important;
}