/**
 * Dark Mode Theme System
 * Premium dark theme using CSS Custom Properties
 * Compatible with Ekka E-commerce template (demo9)
 * 
 * Architecture: data-theme attribute on <html> element
 * Storage: localStorage key 'ekka-theme'
 */

/* ============================================================
   LIGHT MODE (Default) — CSS Variables
   ============================================================ */
:root {
    --dm-bg-primary: #ffffff;
    --dm-bg-secondary: #f8f9fa;
    --dm-bg-card: #ffffff;
    --dm-bg-elevated: #ffffff;
    --dm-bg-input: #ffffff;
    --dm-bg-header: #ffffff;
    --dm-bg-header-top: #f5f5f5;
    --dm-bg-footer: #f7f7f7;
    --dm-bg-footer-bottom: #ffffff;
    --dm-bg-sidebar: #ffffff;
    --dm-bg-modal: #ffffff;
    --dm-bg-overlay: rgba(0, 0, 0, 0.5);
    --dm-bg-hover: #f0f0f0;
    --dm-bg-badge: #3474d4;
    --dm-bg-nav-bottom: #ffffff;

    --dm-text-primary: #1a1a2e;
    --dm-text-secondary: #555555;
    --dm-text-muted: #999999;
    --dm-text-heading: #222222;
    --dm-text-link: #3474d4;
    --dm-text-link-hover: #2860b5;
    --dm-text-inverse: #ffffff;
    --dm-text-price: #d93025;
    --dm-text-old-price: #999999;

    --dm-border-color: #e2e5ec;
    --dm-border-light: #f0f0f0;
    --dm-border-input: #dddddd;

    --dm-accent: #3474d4;
    --dm-accent-hover: #2860b5;
    --dm-accent-soft: rgba(52, 116, 212, 0.1);

    --dm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --dm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --dm-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

    --dm-scrollbar-track: #f1f1f1;
    --dm-scrollbar-thumb: #c1c1c1;

    --dm-transition: background-color 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                     color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                     border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                     box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                     fill 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   DARK MODE — CSS Variables Override
   ============================================================ */
[data-theme="dark"] {
    --dm-bg-primary: #0f1419;
    --dm-bg-secondary: #192029;
    --dm-bg-card: #1e2732;
    --dm-bg-elevated: #253341;
    --dm-bg-input: #253341;
    --dm-bg-header: #15202b;
    --dm-bg-header-top: #0f1419;
    --dm-bg-footer: #0f1419;
    --dm-bg-footer-bottom: #0f1419;
    --dm-bg-sidebar: #192029;
    --dm-bg-modal: #1e2732;
    --dm-bg-overlay: rgba(0, 0, 0, 0.75);
    --dm-bg-hover: #253341;
    --dm-bg-badge: #5b9cf6;
    --dm-bg-nav-bottom: #15202b;

    --dm-text-primary: #e7e9ea;
    --dm-text-secondary: #8b98a5;
    --dm-text-muted: #6e7b8a;
    --dm-text-heading: #f0f3f5;
    --dm-text-link: #5b9cf6;
    --dm-text-link-hover: #80b4f8;
    --dm-text-inverse: #0f1419;
    --dm-text-price: #ff6b6b;
    --dm-text-old-price: #6e7b8a;

    --dm-border-color: #2f3b47;
    --dm-border-light: #253341;
    --dm-border-input: #3d4f5f;

    --dm-accent: #5b9cf6;
    --dm-accent-hover: #80b4f8;
    --dm-accent-soft: rgba(91, 156, 246, 0.12);

    --dm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --dm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --dm-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

    --dm-scrollbar-track: #192029;
    --dm-scrollbar-thumb: #3d4f5f;

    /* Enhanced Forms Variables Override */
    --text-dark: #e7e9ea;
    --text-light: #8b98a5;
    --text-lighter: #6e7b8a;
    --border-color: #2f3b47;
    --border-light: #253341;
    --background: #192029;
    --background-light: #1e2732;
}

/* ============================================================
   BASE TRANSITIONS — Smooth theme switching
   ============================================================ */
body,
.ec-header,
.ec-footer,
.ec-side-cart,
.ec-mobile-menu,
.modal-content,
.ec-pro-content,
.ec-product-inner,
.cat-sidebar,
section,
.container,
.footer-container,
.header-top,
.ec-header-bottom,
.sticky-nav,
.ec-main-menu,
.breadcrumb,
input,
select,
textarea,
.form-control,
.dropdown-menu,
.card,
.cart-table,
.tab-content,
.ec-sidebar-block,
.section-header,
.header-main,
.nav-drill,
.phone,
.nav-bottom,
.dropdown-content,
.dropdown-content2 {
    transition: var(--dm-transition);
}

/* ============================================================
   ROOT, BODY & GENERAL PAGE BACKGROUNDS
   ============================================================ */
html[data-theme="dark"],
html.dark-mode,
[data-theme="dark"] body,
body.dark-mode {
    background-color: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
}

/* Main structural sections & wrappers */
[data-theme="dark"] main,
[data-theme="dark"] section,
[data-theme="dark"] .section-content,
[data-theme="dark"] .content-section,
[data-theme="dark"] .section-pagetop,
[data-theme="dark"] .section-main,
[data-theme="dark"] .section-features,
[data-theme="dark"] .site-wrap {
    background-color: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
}

/* Containers */
[data-theme="dark"] .container,
[data-theme="dark"] .custom-container {
    background-color: transparent !important;
}

/* Overriding ui.css classes that had !important (.bg, .bg2, .bg-white, .bg-light) */
[data-theme="dark"] .bg,
[data-theme="dark"] .bg2,
[data-theme="dark"] .section-content.bg,
[data-theme="dark"] .section-pagetop.bg {
    background-color: var(--dm-bg-primary) !important;
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-white-50 {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

/* Overriding inline background styles on wrappers & containers */
[data-theme="dark"] .custom-container[style*="background"],
[data-theme="dark"] [style*="background-color: white"],
[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-color:#ffffff"],
[data-theme="dark"] [style*="background-color: #eee"],
[data-theme="dark"] [style*="background-color:#eee"],
[data-theme="dark"] [style*="background-color: #f8f9fa"],
[data-theme="dark"] [style*="background-color:#f8f9fa"],
[data-theme="dark"] [style*="background-color: #f8f8f8"],
[data-theme="dark"] [style*="background-color:#f8f8f8"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"] {
    background-color: var(--dm-bg-card) !important;
}

/* Sections with inline background */
[data-theme="dark"] section[style*="background-color"],
[data-theme="dark"] .section-content[style*="background-color"] {
    background-color: var(--dm-bg-primary) !important;
}

/* Neutralize inline dark/black text colors */
[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color:black"],
[data-theme="dark"] [style*="color: #000"],
[data-theme="dark"] [style*="color:#000"],
[data-theme="dark"] [style*="color: #000000"],
[data-theme="dark"] [style*="color:#000000"],
[data-theme="dark"] [style*="color: #212529"],
[data-theme="dark"] [style*="color:#212529"] {
    color: var(--dm-text-primary) !important;
}

/* ============================================================
   HEADER (Ekka Layout)
   ============================================================ */
[data-theme="dark"] .ec-header .header-top {
    background-color: var(--dm-bg-header-top) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-header .header-top .header-top-social a,
[data-theme="dark"] .ec-header .header-top .header-top-message,
[data-theme="dark"] .ec-header .header-top .header-top-message span,
[data-theme="dark"] .ec-header .header-top-lan-curr .dropdown-toggle {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-header .ec-header-bottom {
    background-color: var(--dm-bg-header) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-header .header-search .form-control {
    background-color: var(--dm-bg-input) !important;
    border-color: var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-header .header-search .form-control::placeholder {
    color: var(--dm-text-muted) !important;
}
[data-theme="dark"] .ec-header .header-search .submit {
    background-color: var(--dm-bg-elevated) !important;
}
[data-theme="dark"] .ec-header .header-search .submit .svg_img {
    fill: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-header .svg_img.header_svg {
    fill: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-header .ec-header-count {
    background-color: var(--dm-bg-badge) !important;
}
[data-theme="dark"] .ec-header .dropdown-menu {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}
[data-theme="dark"] .ec-header .dropdown-item {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-header .dropdown-item:hover,
[data-theme="dark"] .ec-header .dropdown-item:focus {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

/* Sticky Nav */
[data-theme="dark"] .sticky-nav {
    background-color: var(--dm-bg-header) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-main-menu ul li a {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-main-menu ul li a:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .ec-main-menu .mega-menu {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-main-menu .sub-menu {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}

/* ============================================================
   HEADER (Site Layout)
   ============================================================ */
[data-theme="dark"] .section-header .header-main {
    background-color: var(--dm-bg-header) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .section-header .header-main .form-control {
    background-color: var(--dm-bg-input) !important;
    border-color: var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .section-header .icon {
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .section-header .icon i {
    color: var(--dm-text-secondary) !important;
}

/* Phone header */
[data-theme="dark"] .phone .row {
    background: linear-gradient(135deg, var(--dm-bg-header) 0%, var(--dm-bg-secondary) 100%) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
    border-top: none !important;
}
[data-theme="dark"] .phone a,
[data-theme="dark"] .phone i {
    color: var(--dm-text-primary) !important;
}

/* Nav drill (mobile sidebar) */
[data-theme="dark"] .nav-drill {
    background-color: var(--dm-bg-secondary) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .nav-link {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .nav-expand-content {
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .nav-expand-content .nav-link {
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .nav-expand .nav-expand-content {
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .nav-expand .nav-expand-content .nav-link {
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .nav-expand .nav-expand-content .nav-expand-content {
    background-color: var(--dm-bg-elevated) !important;
}
[data-theme="dark"] .nav-expand .nav-expand-content .nav-expand-content .nav-link {
    background-color: var(--dm-bg-elevated) !important;
}

/* Bottom nav bar (mobile) */
[data-theme="dark"] .nav-bottom .row-b,
[data-theme="dark"] .nav-bottom .mobile-nav-bar {
    background: linear-gradient(135deg, var(--dm-bg-nav-bottom) 0%, var(--dm-bg-secondary) 100%) !important;
    box-shadow: 0 -2px 15px rgba(0,0,0,0.35) !important;
    border-top: 1px solid var(--dm-border-color) !important;
}
[data-theme="dark"] .nav-bottom .mobile-nav-item i {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .nav-bottom .mobile-nav-item small {
    color: var(--dm-text-secondary) !important;
}

/* ============================================================
   DROPDOWN (Site Layout)
   ============================================================ */
[data-theme="dark"] .dropdown-content {
    background-color: var(--dm-bg-elevated) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}
[data-theme="dark"] .dropdown-content a {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .dropdown-content2 {
    background-color: var(--dm-bg-card) !important;
    box-shadow: 0 -2px 15px rgba(0,0,0,0.35) !important;
    border-top: 1px solid var(--dm-border-color) !important;
}
[data-theme="dark"] .dropdown-content2 a {
    color: var(--dm-text-primary) !important;
    border-bottom-color: var(--dm-border-light) !important;
}
[data-theme="dark"] .dropdown-content2 a:hover {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
[data-theme="dark"] .ec-footer {
    background-color: var(--dm-bg-footer) !important;
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-footer .footer-newletter {
    background-color: var(--dm-bg-secondary) !important;
}
[data-theme="dark"] .ec-footer .footer-cat-stitle,
[data-theme="dark"] .ec-footer .footer-cat-title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-footer .footer-cat-block a,
[data-theme="dark"] .ec-footer .ec-footer-links a {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-footer .ec-footer-links a:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .ec-footer .ec-footer-heading {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-footer .footer-container {
    background-color: var(--dm-bg-footer) !important;
}
[data-theme="dark"] .ec-footer .footer-bottom {
    background-color: var(--dm-bg-footer-bottom) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-footer .ec-copy {
    color: var(--dm-text-muted) !important;
}
[data-theme="dark"] .ec-footer .ec-copy a {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .ec-footer .foo_svg {
    fill: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-footer p,
[data-theme="dark"] .ec-footer .ec-footer-link a {
    color: var(--dm-text-secondary) !important;
}

/* Site layout footer */
[data-theme="dark"] footer {
    background-color: var(--dm-bg-footer) !important;
    color: var(--dm-text-secondary) !important;
}

/* ============================================================
   SIDE CART
   ============================================================ */
[data-theme="dark"] .ec-side-cart {
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .ec-side-cart .ec-cart-title {
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-side-cart .cart_title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-side-cart .ec-close {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-side-cart .cart_pro_title {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-side-cart .cart-price {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-side-cart .cart-price span {
    color: var(--dm-text-price) !important;
}
[data-theme="dark"] .ec-side-cart .eccart-pro-items li {
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-side-cart .ec-cart-bottom {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-side-cart .cart-table td {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-side-cart-overlay {
    background-color: var(--dm-bg-overlay) !important;
}

/* ============================================================
   CATEGORY SIDEBAR
   ============================================================ */
[data-theme="dark"] .cat-sidebar {
    background-color: var(--dm-bg-sidebar) !important;
}
[data-theme="dark"] .cat-sidebar .ec-sidebar-title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-sidebar-block-item {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-sidebar-sub-item a {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-sidebar-sub-item a:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .ec-sb-slider-title {
    color: var(--dm-text-heading) !important;
}

/* ============================================================
   MOBILE MENU
   ============================================================ */
[data-theme="dark"] .ec-mobile-menu {
    background-color: var(--dm-bg-sidebar) !important;
}
[data-theme="dark"] .ec-mobile-menu .ec-menu-title {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .ec-mobile-menu .menu_title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-mobile-menu .ec-menu-content ul li a {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-mobile-menu .ec-menu-content ul li a:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .ec-mobile-menu .sub-menu {
    background-color: var(--dm-bg-card) !important;
}

/* ============================================================
   PRODUCT CARDS
   ============================================================ */
[data-theme="dark"] .ec-product-inner {
    background-color: var(--dm-bg-card) !important;
    border: none !important;
    box-shadow: none !important;
}
[data-theme="dark"] .ec-product-inner:hover {
    box-shadow: var(--dm-shadow-lg) !important;
}
[data-theme="dark"] .ec-pro-title a {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .ec-pro-title a:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .ec-price .new-price {
    color: var(--dm-text-price) !important;
}
[data-theme="dark"] .ec-price .old-price {
    color: var(--dm-text-old-price) !important;
}
[data-theme="dark"] .ec-pro-rating .ecicon.eci-star.fill {
    color: #ffc107 !important;
}

/* Product card (site layout) */
[data-theme="dark"] .card {
    background-color: var(--dm-bg-card) !important;
    border: none !important;
    box-shadow: none !important;
}
[data-theme="dark"] .card .title {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .card-product-grid {
    background-color: var(--dm-bg-card) !important;
    border: none !important;
    box-shadow: none !important;
}

/* ============================================================
   SECTIONS & GENERAL
   ============================================================ */
[data-theme="dark"] section {
    color: var(--dm-text-primary);
}
[data-theme="dark"] .ec-title span,
[data-theme="dark"] .ec-title .ec-bg-title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-title .ec-sub-title {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .section-space-p,
[data-theme="dark"] .section-space-mt,
[data-theme="dark"] .section-space-ptb,
[data-theme="dark"] .section-space-footer-p {
    background-color: var(--dm-bg-primary);
}

/* Banner areas */
[data-theme="dark"] .ec-banner-section,
[data-theme="dark"] .ec-banner {
    background-color: var(--dm-bg-secondary) !important;
}

/* ============================================================
   MODALS
   ============================================================ */
[data-theme="dark"] .modal-content {
    background-color: var(--dm-bg-modal) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .modal-content .btn-close {
    filter: invert(1);
}
[data-theme="dark"] .ec-quick-title a {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-quickview-desc {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-quickview-price .new-price {
    color: var(--dm-text-price) !important;
}
[data-theme="dark"] .ec-quickview-price .old-price {
    color: var(--dm-text-old-price) !important;
}

/* ============================================================
   FORMS & INPUTS
   ============================================================ */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .form-control {
    background-color: var(--dm-bg-input) !important;
    border-color: var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] .form-control::placeholder {
    color: var(--dm-text-muted) !important;
}
[data-theme="dark"] .qty-plus-minus {
    border-color: var(--dm-border-input) !important;
    background-color: var(--dm-bg-input) !important;
}
[data-theme="dark"] .qty-input {
    color: var(--dm-text-primary) !important;
}

/* ============================================================
   BUTTONS & ACTIONS
   ============================================================ */
/* Primary Buttons (Shopping, Checkout, Submit) */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] a.btn-primary,
[data-theme="dark"] button.btn-primary,
[data-theme="dark"] .btn-make-purchase {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    background-color: #2563eb !important;
    border: 1px solid #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4) !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] a.btn-primary:hover,
[data-theme="dark"] button.btn-primary:hover,
[data-theme="dark"] .btn-make-purchase:hover {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%) !important;
    background-color: #3b82f6 !important;
    border-color: #60a5fa !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.55) !important;
    transform: translateY(-2px);
}
[data-theme="dark"] .btn-primary:active,
[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] a.btn-primary:visited,
[data-theme="dark"] .btn-make-purchase:visited {
    color: #ffffff !important;
}
[data-theme="dark"] .btn-primary i,
[data-theme="dark"] .btn-make-purchase i {
    color: #ffffff !important;
}

/* Light / Secondary Buttons (Continue Shopping) */
[data-theme="dark"] .btn-light,
[data-theme="dark"] a.btn-light,
[data-theme="dark"] button.btn-light,
[data-theme="dark"] .btn-continue-shopping {
    background: var(--dm-bg-elevated) !important;
    background-color: #253341 !important;
    border: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
    font-weight: 500 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
[data-theme="dark"] .btn-light:hover,
[data-theme="dark"] a.btn-light:hover,
[data-theme="dark"] button.btn-light:hover,
[data-theme="dark"] .btn-continue-shopping:hover {
    background: var(--dm-bg-hover) !important;
    background-color: #2c3e50 !important;
    border-color: var(--dm-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
    transform: translateY(-2px);
}
[data-theme="dark"] .btn-light:active,
[data-theme="dark"] .btn-light:focus,
[data-theme="dark"] a.btn-light:visited,
[data-theme="dark"] .btn-continue-shopping:visited {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .btn-light i,
[data-theme="dark"] .btn-continue-shopping i {
    color: var(--dm-text-secondary) !important;
    transition: color 0.3s ease;
}
[data-theme="dark"] .btn-light:hover i,
[data-theme="dark"] .btn-continue-shopping:hover i {
    color: var(--dm-accent) !important;
}

/* Success Buttons (Place Order) */
[data-theme="dark"] .btn-success,
[data-theme="dark"] button.btn-success,
[data-theme="dark"] a.btn-success,
[data-theme="dark"] .subscribe.btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    background-color: #059669 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
[data-theme="dark"] .btn-success:hover,
[data-theme="dark"] button.btn-success:hover,
[data-theme="dark"] a.btn-success:hover,
[data-theme="dark"] .subscribe.btn-success:hover {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
    background-color: #10b981 !important;
    border-color: #34d399 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
    transform: translateY(-2px);
}
[data-theme="dark"] .btn-success:active,
[data-theme="dark"] .btn-success:focus,
[data-theme="dark"] a.btn-success:visited {
    color: #ffffff !important;
}

/* Secondary & Outline Buttons */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline-secondary {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: var(--dm-bg-hover) !important;
    border-color: var(--dm-accent) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-outline-primary {
    border-color: var(--dm-accent) !important;
    color: var(--dm-accent) !important;
    background-color: transparent !important;
}
[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--dm-accent) !important;
    color: #ffffff !important;
}

/* Cart Quantity Buttons */
[data-theme="dark"] .btn-reduce,
[data-theme="dark"] .btn-increase {
    background-color: var(--dm-bg-elevated) !important;
    border: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
    transition: all 0.2s ease;
}
[data-theme="dark"] .btn-reduce:hover,
[data-theme="dark"] .btn-increase:hover {
    background-color: var(--dm-bg-hover) !important;
    border-color: var(--dm-accent) !important;
    color: var(--dm-accent) !important;
}

/* Cart Actions Bar Layout & Micro-styling */
.cart-actions-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 1.25rem 0;
}
.cart-actions-bar .btn {
    border-radius: 8px;
    padding: 0.6rem 1.4rem;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}
@media (max-width: 576px) {
    .cart-actions-bar {
        flex-direction: column-reverse;
        gap: 10px;
    }
    .cart-actions-bar .btn {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* ============================================================
   TABLES
   ============================================================ */
[data-theme="dark"] table,
[data-theme="dark"] .table {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: var(--dm-border-color) !important;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */
[data-theme="dark"] .ec-breadcrumb {
    background-color: var(--dm-bg-secondary) !important;
}
[data-theme="dark"] .ec-breadcrumb .ec-breadcrumb-title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-breadcrumb-list li a {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .ec-breadcrumb-list li.active {
    color: var(--dm-text-primary) !important;
}

/* ============================================================
   CLICK-TO-CALL Widget
   ============================================================ */
[data-theme="dark"] .ec-cc-style .cc-panel {
    background-color: var(--dm-bg-card) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}
[data-theme="dark"] .ec-cc-style .cc-header {
    background-color: var(--dm-bg-elevated) !important;
}
[data-theme="dark"] .ec-cc-style .cc-header h2 {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .ec-cc-style .cc-header p {
    color: var(--dm-text-muted) !important;
}
[data-theme="dark"] .ec-cc-style .cc-body p {
    color: var(--dm-text-primary) !important;
}

/* ============================================================
   TOAST NOTIFICATIONS
   ============================================================ */
[data-theme="dark"] .addtocart_toast,
[data-theme="dark"] .wishlist_toast {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border-color) !important;
}

/* ============================================================
   SCROLLBAR (Webkit)
   ============================================================ */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dm-scrollbar-track);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--dm-scrollbar-thumb);
    border-radius: 4px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #4d6070;
}

/* ============================================================
   LOAD SPINNER (site layout)
   ============================================================ */
[data-theme="dark"] .load {
    background-color: var(--dm-bg-primary) !important;
    opacity: 0.9 !important;
}

/* ============================================================
   SITE LAYOUT SPECIFIC OVERRIDES
   ============================================================ */
/* Header & Navigation */
[data-theme="dark"] .header-main {
    background-color: var(--dm-bg-header) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .section-header {
    background-color: var(--dm-bg-header) !important;
}
[data-theme="dark"] .phone .row {
    background-color: var(--dm-bg-header) !important;
}
[data-theme="dark"] .phone {
    background-color: var(--dm-bg-header) !important;
}
[data-theme="dark"] .phone a,
[data-theme="dark"] .phone .hamburger {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .widget-header .icon {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .widget-header .icon i {
    color: var(--dm-text-primary) !important;
}

/* Nav drill (mobile slide-out menu) Categories & Subcategories */
[data-theme="dark"] .nav-drill {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.4) !important;
    margin-top: 0 !important;
}
[data-theme="dark"] .nav-drill .category-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
[data-theme="dark"] .nav-drill .category-item.is-expanded > .category-row {
    background-color: rgba(255, 255, 255, 0.03) !important;
}
[data-theme="dark"] .nav-drill .category-link {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .nav-drill .category-link:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .nav-drill .btn-toggle-subcat {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .nav-drill .btn-toggle-subcat:hover,
[data-theme="dark"] .nav-drill .btn-toggle-subcat.is-open {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .nav-drill .subcategories-list {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.03) !important;
}
[data-theme="dark"] .nav-drill .subcategory-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}
[data-theme="dark"] .nav-drill .subcategory-link {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .nav-drill .subcategory-link:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .nav-drill .subcat-arrow {
    color: var(--dm-text-muted) !important;
}

/* Bottom Nav Bar (Mobile) */
[data-theme="dark"] .fixed-bottom,
[data-theme="dark"] .nav-bottom,
[data-theme="dark"] .row-b {
    background-color: var(--dm-bg-nav-bottom) !important;
    border-color: var(--dm-border-color) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .mobile-nav-item a,
[data-theme="dark"] .mobile-nav-item small {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .mobile-dropdown-menu {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .mobile-dropdown-menu .dropdown-item {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .mobile-dropdown-menu .dropdown-item:hover {
    background-color: var(--dm-bg-hover) !important;
}

/* Product Cards (Site layout) */
[data-theme="dark"] .product-card {
    background-color: var(--dm-bg-card) !important;
    box-shadow: var(--dm-shadow-md) !important;
    border: 1px solid var(--dm-border-color) !important;
}
[data-theme="dark"] .product-card:hover {
    box-shadow: var(--dm-shadow-lg) !important;
    border-color: var(--dm-accent) !important;
}
[data-theme="dark"] .product-title {
    color: var(--dm-text-heading) !important;
}
[data-theme="dark"] .product-title:hover {
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .product-price {
    color: var(--dm-text-price) !important;
}
[data-theme="dark"] .product-price strike {
    color: var(--dm-text-old-price) !important;
}
[data-theme="dark"] .btn-action,
[data-theme="dark"] .action-circle-btn {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .card {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer {
    background-color: var(--dm-bg-secondary) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .card-body {
    color: var(--dm-text-primary) !important;
}

/* ============================================================
   PRODUCT DESCRIPTION — Always Light & Highly Legible in Dark Mode
   ============================================================ */
[data-theme="dark"] .product-description,
[data-theme="dark"] .product-description-content,
[data-theme="dark"] .description-text,
[data-theme="dark"] .dlist-inline,
[data-theme="dark"] .dlist-inline dt,
[data-theme="dark"] .dlist-inline dd,
[data-theme="dark"] .dlist-inline p,
[data-theme="dark"] .single-pro-desc,
[data-theme="dark"] .ec-single-pro-tab-desc,
[data-theme="dark"] .tab-pro-desc,
[data-theme="dark"] .ec-quickview-desc {
    color: #e7e9ea !important;
}

/* All children inside product description (WYSIWYG: span, p, div, b, strong, li, font, etc.) */
[data-theme="dark"] .product-description *,
[data-theme="dark"] .product-description-content *,
[data-theme="dark"] .description-text *,
[data-theme="dark"] .dlist-inline *,
[data-theme="dark"] .single-pro-desc *,
[data-theme="dark"] .ec-single-pro-tab-desc *,
[data-theme="dark"] .tab-pro-desc *,
[data-theme="dark"] .ec-quickview-desc * {
    color: #e7e9ea !important;
}

/* Headings and labels inside description are pure crisp white */
[data-theme="dark"] .product-description dt,
[data-theme="dark"] .product-description strong,
[data-theme="dark"] .product-description b,
[data-theme="dark"] .product-description h1,
[data-theme="dark"] .product-description h2,
[data-theme="dark"] .product-description h3,
[data-theme="dark"] .product-description h4,
[data-theme="dark"] .product-description h5,
[data-theme="dark"] .product-description h6,
[data-theme="dark"] .dlist-inline dt,
[data-theme="dark"] .dlist-inline strong,
[data-theme="dark"] .dlist-inline b {
    color: #ffffff !important;
}

/* Force override any inline dark font colors pasted from rich text editor */
[data-theme="dark"] .product-description [style*="color"],
[data-theme="dark"] .description-text [style*="color"],
[data-theme="dark"] .dlist-inline [style*="color"],
[data-theme="dark"] .single-pro-desc [style*="color"],
[data-theme="dark"] .ec-single-pro-tab-desc [style*="color"] {
    color: #e7e9ea !important;
}

/* Neutralize any light/white backgrounds pasted from rich text editor */
[data-theme="dark"] .product-description [style*="background"],
[data-theme="dark"] .description-text [style*="background"],
[data-theme="dark"] .dlist-inline [style*="background"],
[data-theme="dark"] .single-pro-desc [style*="background"],
[data-theme="dark"] .ec-single-pro-tab-desc [style*="background"] {
    background-color: transparent !important;
}

/* ============================================================
   FOOTER (Site & Ekka Layout) — 100% Unified Background Color
   ============================================================ */
[data-theme="dark"] footer,
[data-theme="dark"] .section-footer,
[data-theme="dark"] .last-footer,
[data-theme="dark"] .footer-bottom,
[data-theme="dark"] .footer-links-wrap,
[data-theme="dark"] .ec-footer,
[data-theme="dark"] .footer-container {
    background-color: var(--dm-bg-footer) !important;
    border-color: var(--dm-border-color) !important;
}

[data-theme="dark"] .section-footer .title,
[data-theme="dark"] .last-footer .title {
    color: var(--dm-text-heading) !important;
}

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

[data-theme="dark"] .section-footer a:hover,
[data-theme="dark"] .last-footer a:hover {
    color: var(--dm-accent) !important;
}

/* Ensure inner wrappers, sections and containers in footer are completely transparent */
[data-theme="dark"] .section-footer section,
[data-theme="dark"] .section-footer .footer-links-wrap,
[data-theme="dark"] .section-footer .footer-bottom,
[data-theme="dark"] .section-footer .container,
[data-theme="dark"] .last-footer section,
[data-theme="dark"] .last-footer .container,
[data-theme="dark"] footer .container {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ============================================================
   GENERAL TYPOGRAPHY & TEXT OVERRIDES
   ============================================================ */
/* Links */
[data-theme="dark"] a {
    color: var(--dm-text-link);
}
[data-theme="dark"] a:hover {
    color: var(--dm-text-link-hover);
}
[data-theme="dark"] a.text-black,
[data-theme="dark"] a.text-dark {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] a.text-black:hover,
[data-theme="dark"] a.text-dark:hover {
    color: var(--dm-accent) !important;
}

/* Headings & Titles */
[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"] .h1, [data-theme="dark"] .h2, [data-theme="dark"] .h3,
[data-theme="dark"] .h4, [data-theme="dark"] .h5, [data-theme="dark"] .h6,
[data-theme="dark"] .title, [data-theme="dark"] .section-title,
[data-theme="dark"] .title-page, [data-theme="dark"] .card-title,
[data-theme="dark"] .form-card-title, [data-theme="dark"] .heading-line {
    color: var(--dm-text-heading) !important;
}

/* Strong, Bold, Definition terms, Table headers */
[data-theme="dark"] b,
[data-theme="dark"] strong,
[data-theme="dark"] dt,
[data-theme="dark"] th {
    color: var(--dm-text-heading) !important;
}

/* Labels & Form texts */
[data-theme="dark"] label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .form-group label {
    color: var(--dm-text-primary) !important;
}

/* Definitions, descriptions & body texts */
[data-theme="dark"] dd,
[data-theme="dark"] p {
    color: var(--dm-text-secondary);
}

/* Dark text classes & inline dark styles overrides */
[data-theme="dark"] .text-black,
[data-theme="dark"] .text-dark,
[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color:black"],
[data-theme="dark"] [style*="color: #000"],
[data-theme="dark"] [style*="color:#000"],
[data-theme="dark"] [style*="color: #212529"],
[data-theme="dark"] [style*="color:#212529"],
[data-theme="dark"] [style*="color: #1a1a1a"],
[data-theme="dark"] [style*="color:#1a1a1a"] {
    color: var(--dm-text-primary) !important;
}

/* Secondary & Muted text classes */
[data-theme="dark"] .text-secondary,
[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-muter {
    color: var(--dm-text-secondary) !important;
}

/* Horizontal rule & borders */
[data-theme="dark"] hr {
    border-color: var(--dm-border-color);
    background-color: var(--dm-border-color);
}
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-left,
[data-theme="dark"] .border-right,
[data-theme="dark"] .border {
    border-color: var(--dm-border-color) !important;
}

/* ============================================================
   TABLES (Cart, Checkout, Orders, etc.)
   ============================================================ */
[data-theme="dark"] table,
[data-theme="dark"] .table,
[data-theme="dark"] .table-shopping-cart,
[data-theme="dark"] .table-cart-phone,
[data-theme="dark"] .table-bordered {
    color: var(--dm-text-primary) !important;
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border-color) !important;
    background-color: transparent !important;
}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* ============================================================
   FORMS, INPUTS & SELECTS
   ============================================================ */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-input,
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: var(--dm-bg-input) !important;
    border-color: var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] select option {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--dm-text-muted) !important;
}
[data-theme="dark"] .input-group-text {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-secondary) !important;
    border-color: var(--dm-border-input) !important;
}

/* ============================================================
   SIDE CATEGORIES & MENUS
   ============================================================ */
[data-theme="dark"] .menu-category {
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .menu-category a {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .menu-category a:hover {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .submenuAr,
[data-theme="dark"] .submenu {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .submenuAr a,
[data-theme="dark"] .submenu a {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .submenuAr a:hover,
[data-theme="dark"] .submenu a:hover {
    color: var(--dm-accent) !important;
    background-color: var(--dm-bg-hover) !important;
}

/* ============================================================
   MEGABOX (Product Variants)
   ============================================================ */
[data-theme="dark"] .aiz-megabox {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .aiz-megabox-elem {
    color: var(--dm-text-primary) !important;
}

/* ============================================================
   DROPDOWN MENUS
   ============================================================ */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}
[data-theme="dark"] .dropdown-item {
    color: var(--dm-text-primary) !important;
}
[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}
[data-theme="dark"] .dropdown-divider {
    border-color: var(--dm-border-color) !important;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
[data-theme="dark"] .breadcrumb {
    background-color: var(--dm-bg-secondary) !important;
}
[data-theme="dark"] .breadcrumb-item,
[data-theme="dark"] .breadcrumb-item.active {
    color: var(--dm-text-secondary) !important;
}
[data-theme="dark"] .breadcrumb-item a {
    color: var(--dm-text-link) !important;
}

/* ============================================================
   GALLERY & BADGES
   ============================================================ */
[data-theme="dark"] .gallery-wrap .img-big-wrap {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color);
}
[data-theme="dark"] .gallery-wrap .img-small-wrap .item-gallery {
    border-color: var(--dm-border-color) !important;
    background-color: var(--dm-bg-card) !important;
}
[data-theme="dark"] .badge.bg-white {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-primary) !important;
    border: 1px solid var(--dm-border-color) !important;
}

/* ============================================================
   DARK MODE TOGGLE BUTTON — Creative Animated Toggle
   ============================================================ */
.dark-mode-toggle-wrapper {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dark-mode-toggle-icon {
    position: relative;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dark-mode-toggle-icon .dm-sun,
.dark-mode-toggle-icon .dm-moon {
    position: absolute;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
                opacity 0.3s ease;
    font-size: 20px;
    line-height: 1;
}
.dark-mode-toggle-icon .dm-sun {
    color: #fbbf24;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}
.dark-mode-toggle-icon .dm-moon {
    color: #94a3b8;
    transform: rotate(90deg) scale(0);
    opacity: 0;
}
[data-theme="dark"] .dark-mode-toggle-icon .dm-sun {
    transform: rotate(-90deg) scale(0);
    opacity: 0;
}
[data-theme="dark"] .dark-mode-toggle-icon .dm-moon {
    color: #5b9cf6;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

/* Mobile toggle variation */
.dark-mode-toggle-icon.dm-mobile .dm-sun,
.dark-mode-toggle-icon.dm-mobile .dm-moon {
    font-size: 18px;
}

/* ============================================================
   LOGO TOGGLE
   ============================================================ */
[data-theme="dark"] .header-logo .dark-logo {
    display: block !important;
}
[data-theme="dark"] .header-logo img:not(.dark-logo) {
    display: none !important;
}

/* ============================================================
   SELECTION COLOR
   ============================================================ */
[data-theme="dark"] ::selection {
    background-color: var(--dm-accent);
    color: var(--dm-text-inverse);
}

/* ============================================================
   ADMIN DASHBOARD (Vali Admin Theme)
   ============================================================ */
/* Body & Content Area */
[data-theme="dark"] body.app,
body.app.dark-mode {
    background-color: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .app-content {
    background-color: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
}

/* Admin Header Navigation */
[data-theme="dark"] .app-header {
    background-color: var(--dm-bg-header) !important;
    border-bottom: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-md) !important;
}

/* Logo in header: seamless, no borders, clean typography */
[data-theme="dark"] .app-header__logo {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

[data-theme="dark"] .app-sidebar__toggle {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .app-sidebar__toggle:hover,
[data-theme="dark"] .app-sidebar__toggle:focus {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

[data-theme="dark"] .app-nav__item {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .app-nav__item:hover,
[data-theme="dark"] .app-nav__item:focus {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

/* Admin Sidebar */
[data-theme="dark"] .app-sidebar {
    background-color: var(--dm-bg-sidebar) !important;
    border-right: 1px solid var(--dm-border-color) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .app-sidebar__overlay {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .app-sidebar__user {
    border-bottom: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .app-sidebar__user-name {
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .app-sidebar__user-designation {
    color: var(--dm-text-muted) !important;
}

/* Base Menu Item - Entire row is the logical interactive element */
[data-theme="dark"] .app-menu__item {
    display: flex !important;
    align-items: center !important;
    color: var(--dm-text-secondary) !important;
    background: transparent !important;
    border: none !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* Inactive Item Hover: Subtle full-row highlight */
[data-theme="dark"] .app-menu__item:hover:not(.active),
[data-theme="dark"] .app-menu__item:focus:not(.active) {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .app-menu__item:hover:not(.active) .app-menu__icon,
[data-theme="dark"] .app-menu__item:focus:not(.active) .app-menu__icon {
    color: var(--dm-accent) !important;
}

/* Logical Active Selection (تحديد منطقي للعنصر النشط بالكامل) */
[data-theme="dark"] .app-menu__item.active {
    background: linear-gradient(90deg, rgba(91, 156, 246, 0.18) 0%, rgba(52, 116, 212, 0.06) 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* RTL: Active indicator bar on the right side */
body.rtl[data-theme="dark"] .app-menu__item.active,
[data-theme="dark"] body.rtl .app-menu__item.active,
[data-theme="dark"] [dir="rtl"] .app-menu__item.active {
    border-right: 4px solid var(--dm-accent) !important;
    border-left: none !important;
    background: linear-gradient(-90deg, rgba(91, 156, 246, 0.18) 0%, rgba(52, 116, 212, 0.06) 100%) !important;
}

/* LTR: Active indicator bar on the left side */
body:not(.rtl)[data-theme="dark"] .app-menu__item.active,
[data-theme="dark"] body:not(.rtl) .app-menu__item.active {
    border-left: 4px solid var(--dm-accent) !important;
    border-right: none !important;
}

[data-theme="dark"] .app-menu__item.active .app-menu__icon {
    color: var(--dm-accent) !important;
}

/* Text Labels: ABSOLUTELY NO BORDERS OR INDIVIDUAL BOXES (إلغاء الإطارات تماماً عن النص) */
[data-theme="dark"] .app-menu__label,
[data-theme="dark"] .app-sidebar .app-menu__label,
[data-theme="dark"] .app-menu__item .app-menu__label,
[data-theme="dark"] .sidebar-mini.sidenav-toggled .app-menu__label {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}

[data-theme="dark"] .app-menu__item.active .app-menu__label {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Submenu / Treeview Items */
[data-theme="dark"] .treeview-menu {
    background-color: #10161d !important;
}

[data-theme="dark"] .treeview-item {
    color: var(--dm-text-secondary) !important;
    background: transparent !important;
    border: none !important;
}

[data-theme="dark"] .treeview-item:hover,
[data-theme="dark"] .treeview-item.active {
    background-color: rgba(91, 156, 246, 0.12) !important;
    color: var(--dm-accent) !important;
}

[data-theme="dark"] .treeview.is-expanded [data-toggle="treeview"] {
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
}

body.rtl[data-theme="dark"] .treeview.is-expanded [data-toggle="treeview"],
[data-theme="dark"] body.rtl .treeview.is-expanded [data-toggle="treeview"] {
    border-right: 4px solid var(--dm-accent) !important;
    border-left: none !important;
}

/* App Title Bar & Breadcrumbs */
[data-theme="dark"] .app-title {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-sm) !important;
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .app-title h1 {
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .app-title p {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .app-breadcrumb .breadcrumb-item,
[data-theme="dark"] .app-breadcrumb .breadcrumb-item a {
    color: var(--dm-text-secondary) !important;
}

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

/* Cards & Containers - Unified seamless #1e2732 card without separating borders */
[data-theme="dark"] .tile,
[data-theme="dark"] .app-content .tile,
[data-theme="dark"] .invoice-container {
    background-color: #1e2732 !important;
    border: none !important;
    color: var(--dm-text-primary) !important;
    box-shadow: none !important;
}

/* Eliminate duplicate frames, inner borders, nested/adjacent boxes, and empty containers */
[data-theme="dark"] .tile section,
[data-theme="dark"] .tile .invoice,
[data-theme="dark"] .tile section.invoice,
[data-theme="dark"] section.invoice,
[data-theme="dark"] .tile-body,
[data-theme="dark"] .tile .tile-body,
[data-theme="dark"] .tile .tile,
[data-theme="dark"] .tile .card,
[data-theme="dark"] .card .card,
[data-theme="dark"] .card .tile,
[data-theme="dark"] .card-body,
[data-theme="dark"] .tile .card-body,
[data-theme="dark"] .order-info,
[data-theme="dark"] .shipping-info,
[data-theme="dark"] .shipping-info-box,
[data-theme="dark"] .order-details-box,
[data-theme="dark"] .customer-info,
[data-theme="dark"] .billing-info,
[data-theme="dark"] .tile .order-info,
[data-theme="dark"] .tile .shipping-info,
[data-theme="dark"] .tile .border.rounded,
[data-theme="dark"] .invoice .border.rounded,
[data-theme="dark"] .tile table.border,
[data-theme="dark"] .invoice table.border,
[data-theme="dark"] .invoice-container .border.rounded,
[data-theme="dark"] .invoice-container section,
[data-theme="dark"] .invoice-container .invoice,
[data-theme="dark"] .invoice-container .card,
[data-theme="dark"] div:empty:not(input):not(textarea):not(select):not(i):not(span):not(.badge):not(hr) {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

[data-theme="dark"] .tile b,
[data-theme="dark"] .tile strong,
[data-theme="dark"] .invoice b,
[data-theme="dark"] .invoice strong {
    color: #ffffff !important;
}

[data-theme="dark"] .tile .table a,
[data-theme="dark"] .invoice .table a {
    color: #60a5fa !important;
    font-weight: 500;
}

[data-theme="dark"] .tile .table a:hover,
[data-theme="dark"] .invoice .table a:hover {
    color: #93c5fd !important;
    text-decoration: underline !important;
}

[data-theme="dark"] .tile .tile-title {
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .tile .tile-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .line-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: var(--dm-text-heading) !important;
}

/* Dashboard Statistics Widgets - Borderless cards */
[data-theme="dark"] .widget-small {
    background-color: var(--dm-bg-card) !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .widget-small .info {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .widget-small .info h4 {
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .widget-small .info p {
    color: var(--dm-text-primary) !important;
}

/* Admin Tables & DataTables - Clean seamless rows without harsh borders */
[data-theme="dark"] .tile table,
[data-theme="dark"] .tile .table,
[data-theme="dark"] .app-content .table,
[data-theme="dark"] .table-bordered {
    background-color: transparent !important;
    color: var(--dm-text-primary) !important;
    border: none !important;
}

[data-theme="dark"] .tile .table td,
[data-theme="dark"] .tile .table th,
[data-theme="dark"] .app-content .table td,
[data-theme="dark"] .app-content .table th,
[data-theme="dark"] .table-bordered td,
[data-theme="dark"] .table-bordered th {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .tile .table thead th,
[data-theme="dark"] .app-content .table thead th {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-heading) !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .tile .table-hover tbody tr:hover,
[data-theme="dark"] .app-content .table-hover tbody tr:hover {
    background-color: var(--dm-bg-hover) !important;
}

[data-theme="dark"] .tile .table-striped tbody tr:nth-of-type(odd),
[data-theme="dark"] .app-content .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* DataTables Controls & Pagination */
[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .dataTables_wrapper select,
[data-theme="dark"] .dataTables_wrapper input {
    background-color: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}

/* Admin Form Controls */
[data-theme="dark"] .app-content .form-control,
[data-theme="dark"] .tile .form-control,
[data-theme="dark"] .app-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
[data-theme="dark"] .tile input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
[data-theme="dark"] .app-content select,
[data-theme="dark"] .tile select,
[data-theme="dark"] .app-content textarea,
[data-theme="dark"] .tile textarea {
    background-color: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] select option,
[data-theme="dark"] select optgroup,
[data-theme="dark"] .tile select option,
[data-theme="dark"] .app-content select option {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .app-content .form-control:focus,
[data-theme="dark"] .tile .form-control:focus {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 0.2rem var(--dm-accent-soft) !important;
    background-color: var(--dm-bg-input) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .tile label,
[data-theme="dark"] .app-content label {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: var(--dm-text-muted) !important;
    border-color: var(--dm-border-color) !important;
}

/* Checkboxes & Switches in Admin */
[data-theme="dark"] .animated-checkbox input[type="checkbox"] + .label-text {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .animated-checkbox input[type="checkbox"] + .label-text:before {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .animated-checkbox input[type="checkbox"]:checked + .label-text:before {
    color: var(--dm-accent) !important;
}

[data-theme="dark"] .switchToggle label {
    background-color: #3d4f5f !important;
}

[data-theme="dark"] .switchToggle label:after {
    background-color: #ffffff !important;
}

[data-theme="dark"] .switchToggle input:checked + label,
[data-theme="dark"] .switchToggle input:checked + input + label {
    background-color: var(--dm-accent) !important;
}

[data-theme="dark"] .preview-images-zone {
    border-color: var(--dm-border-color) !important;
    background-color: var(--dm-bg-secondary) !important;
}

/* Admin Dropdowns */
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .app-header .dropdown-menu,
[data-theme="dark"] .app-content .dropdown-menu,
[data-theme="dark"] .settings-menu {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

[data-theme="dark"] .dropdown-item,
[data-theme="dark"] .app-header .dropdown-item,
[data-theme="dark"] .app-content .dropdown-item,
[data-theme="dark"] .settings-menu .dropdown-item {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .app-header .dropdown-item:hover,
[data-theme="dark"] .app-content .dropdown-item:hover,
[data-theme="dark"] .settings-menu .dropdown-item:hover {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

/* Select2 Dropdowns & Controls (Categories, Subcategories, Variants in Product Add/Edit) */
[data-theme="dark"] .select2-dropdown {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

[data-theme="dark"] .select2-results__option {
    color: var(--dm-text-primary) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dm-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-disabled="true"] {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .select2-results__message {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .select2-results__group {
    color: var(--dm-text-heading) !important;
    background-color: var(--dm-bg-elevated) !important;
}

[data-theme="dark"] .select2-search--dropdown {
    background-color: transparent !important;
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--dm-text-secondary) transparent transparent transparent !important;
}

[data-theme="dark"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--dm-text-secondary) transparent !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: var(--dm-bg-input) !important;
    border: 1px solid var(--dm-border-input) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--dm-bg-elevated) !important;
    border: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ff6b6b !important;
}

[data-theme="dark"] .select2-container--default .select2-search--inline .select2-search__field {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default.select2-container--focus .select2-selection--multiple,
[data-theme="dark"] .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--dm-accent) !important;
}

/* Summernote Editor (Product Description in Add/Edit) */
[data-theme="dark"] .note-editor,
[data-theme="dark"] .note-editor.note-frame,
[data-theme="dark"] .note-editor.card {
    border: 1px solid var(--dm-border-color) !important;
    background-color: var(--dm-bg-card) !important;
}

[data-theme="dark"] .note-toolbar,
[data-theme="dark"] .note-toolbar.card-header {
    background-color: var(--dm-bg-elevated) !important;
    border-bottom: 1px solid var(--dm-border-color) !important;
}

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

[data-theme="dark"] .note-btn:hover,
[data-theme="dark"] .note-btn.active {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

[data-theme="dark"] .note-editing-area {
    background-color: var(--dm-bg-input) !important;
}

[data-theme="dark"] .note-editable,
[data-theme="dark"] .note-editable.card-block {
    background-color: var(--dm-bg-input) !important;
    color: var(--dm-text-primary) !important;
}

/* Light text on dark background for all content inside Product Description */
[data-theme="dark"] .note-editable *,
[data-theme="dark"] .note-editable p,
[data-theme="dark"] .note-editable span,
[data-theme="dark"] .note-editable div,
[data-theme="dark"] .note-editable li,
[data-theme="dark"] .note-editable ul,
[data-theme="dark"] .note-editable ol,
[data-theme="dark"] .note-editable td,
[data-theme="dark"] .note-editable th,
[data-theme="dark"] .note-editable table,
[data-theme="dark"] .note-editable em,
[data-theme="dark"] .note-editable i,
[data-theme="dark"] .note-editable u,
[data-theme="dark"] .note-editable s,
[data-theme="dark"] .note-editable strike,
[data-theme="dark"] .note-editable font,
[data-theme="dark"] .note-editable blockquote {
    color: var(--dm-text-primary) !important;
    background-color: transparent !important;
}

/* Neutralize any inline color/background styles pasted into description */
[data-theme="dark"] .note-editable [style*="color"] {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-editable [style*="background"] {
    background-color: transparent !important;
}

[data-theme="dark"] .note-editable font[color] {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-editable strong,
[data-theme="dark"] .note-editable b,
[data-theme="dark"] .note-editable h1,
[data-theme="dark"] .note-editable h2,
[data-theme="dark"] .note-editable h3,
[data-theme="dark"] .note-editable h4,
[data-theme="dark"] .note-editable h5,
[data-theme="dark"] .note-editable h6 {
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .note-editable a {
    color: var(--dm-accent) !important;
}

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

/* Summernote Dropdown Menus, Popovers & Modals */
[data-theme="dark"] .note-dropdown-menu,
[data-theme="dark"] .note-editor .dropdown-menu,
[data-theme="dark"] .note-modal .modal-content,
[data-theme="dark"] .note-popover .popover-content,
[data-theme="dark"] .note-popover .popover-body {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

[data-theme="dark"] .note-dropdown-menu .dropdown-item,
[data-theme="dark"] .note-dropdown-menu a,
[data-theme="dark"] .note-editor .dropdown-item {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .note-dropdown-menu a:hover,
[data-theme="dark"] .note-editor .dropdown-item:hover {
    background-color: var(--dm-bg-hover) !important;
    color: var(--dm-accent) !important;
}

[data-theme="dark"] .note-statusbar {
    background-color: var(--dm-bg-elevated) !important;
    border-top: 1px solid var(--dm-border-color) !important;
}

[data-theme="dark"] .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid var(--dm-border-color) !important;
}

/* Summernote Codeview mode */
[data-theme="dark"] .note-editor.note-frame.codeview .note-codable {
    background-color: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
    border: 1px solid var(--dm-border-color) !important;
}

/* Fallback for raw textareas in Product forms */
[data-theme="dark"] textarea.summernote,
[data-theme="dark"] textarea[name="description_ar"],
[data-theme="dark"] textarea[name="description_fr"] {
    background-color: var(--dm-bg-input) !important;
    color: var(--dm-text-primary) !important;
    border: 1px solid var(--dm-border-input) !important;
}

/* Admin Login Screen */
[data-theme="dark"] .material-half-bg .cover {
    background-color: #0f1419 !important;
}

[data-theme="dark"] .login-content {
    background-color: #0f1419 !important;
}

[data-theme="dark"] .login-content .logo h1 {
    color: #ffffff !important;
}

[data-theme="dark"] .login-box {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

[data-theme="dark"] .login-head {
    color: var(--dm-text-heading) !important;
    border-bottom: 1px solid var(--dm-border-color) !important;
}

[data-theme="dark"] .login-box label {
    color: var(--dm-text-secondary) !important;
}

/* Modals in Admin */
[data-theme="dark"] .app-content .modal-content {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .app-content .modal-header,
[data-theme="dark"] .app-content .modal-footer {
    border-color: var(--dm-border-color) !important;
}

[data-theme="dark"] .app-content .modal-title {
    color: var(--dm-text-heading) !important;
}

[data-theme="dark"] .app-content .close {
    color: var(--dm-text-primary) !important;
}