/* ── Marketplace DMI — Mode Malam ── */
html.mk-dark {
    color-scheme: dark;
    --mk-primary-soft: rgba(56, 189, 248, 0.12);
    --mk-surface: #1e293b;
    --mk-surface-elevated: #273449;
    --mk-bg: #0f172a;
    --mk-border: #334155;
    --mk-border-hover: #475569;
    --mk-text: #f1f5f9;
    --mk-muted: #94a3b8;
    --mk-input-bg: #0f172a;
    --mk-media-bg: #273449;
    --mk-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
    --mk-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.45);
}

/* Header & navigasi (tema Martfury) */
html.mk-dark .mk-storefront .header--1.mk-header-sticky {
    background: var(--mk-surface);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.4);
}

html.mk-dark .mk-storefront .header--1 .header__top,
html.mk-dark .mk-storefront .header .header__top {
    background: var(--mk-surface) !important;
    border-bottom-color: var(--mk-border) !important;
}

html.mk-dark .mk-storefront .navigation {
    background: var(--mk-surface) !important;
    border-top-color: var(--mk-border) !important;
}

html.mk-dark .mk-storefront .navigation .menu > li > a {
    color: var(--mk-muted) !important;
}

html.mk-dark .mk-storefront .navigation .menu > li > a:hover {
    color: #38bdf8 !important;
}

html.mk-dark .mk-storefront .header--1 .ps-form--quick-search input.form-control {
    background: var(--mk-input-bg) !important;
    border-color: var(--mk-border) !important;
    color: var(--mk-text) !important;
}

html.mk-dark .mk-storefront .header--1 .ps-form--quick-search input.form-control::placeholder {
    color: var(--mk-muted);
}

html.mk-dark .mk-storefront .header--1 .menu--product-categories .menu__toggle {
    background: var(--mk-surface-elevated) !important;
    color: var(--mk-text) !important;
}

html.mk-dark .mk-storefront .header--1 .menu--dropdown {
    background: var(--mk-surface-elevated) !important;
    border-color: var(--mk-border) !important;
    box-shadow: var(--mk-shadow);
}

html.mk-dark .mk-storefront .header--1 .menu--dropdown a {
    color: var(--mk-text) !important;
}

html.mk-dark .mk-storefront .header--1 .menu--dropdown a:hover {
    background: rgba(56, 189, 248, 0.1) !important;
    color: #38bdf8 !important;
}

html.mk-dark .mk-storefront .header__extra i,
html.mk-dark .mk-storefront .icon-bag2,
html.mk-dark .mk-storefront .icon-heart,
html.mk-dark .mk-storefront .icon-menu {
    color: var(--mk-text);
}

/* Toggle tema */
.mk-theme-toggle {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: inherit;
    line-height: 1;
}

.mk-theme-toggle i {
    font-size: 1.25rem;
    color: var(--mk-muted);
    transition: color 0.2s, transform 0.2s;
}

.mk-theme-toggle:hover i {
    color: var(--mk-primary);
    transform: scale(1.08);
}

html.mk-dark .mk-theme-toggle i {
    color: #fbbf24;
}

html.mk-dark .mk-theme-toggle:hover i {
    color: #fcd34d;
}

/* Kartu & kategori */
html.mk-dark .mk-card:hover {
    border-color: var(--mk-border-hover);
}

html.mk-dark .mk-card__media {
    background: var(--mk-media-bg);
}

html.mk-dark .mk-card__action-btn {
    background: var(--mk-surface-elevated);
    color: var(--mk-text);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

html.mk-dark .mk-hero__banner {
    background: var(--mk-surface);
}

html.mk-dark .mk-hero__banner img {
    background: var(--mk-surface);
}

html.mk-dark .mk-hero__carousel .carousel-control-prev,
html.mk-dark .mk-hero__carousel .carousel-control-next {
    background: rgba(30, 41, 59, 0.92) !important;
    color: #38bdf8 !important;
}

html.mk-dark .mk-pill-tabs .nav-link.active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

html.mk-dark .mk-flash-countdown {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.35);
    color: #fca5a5;
}

/* Footer — sedikit lebih gelap */
html.mk-dark .mk-storefront .ps-footer {
    background: #0b1220;
    border-top: 1px solid var(--mk-border);
}

html.mk-dark .mk-storefront .ps-footer .widget-title {
    color: #f8fafc !important;
}

html.mk-dark .mk-storefront .ps-footer .widget_content p,
html.mk-dark .mk-storefront .ps-footer .ps-list--link a {
    color: #cbd5e1 !important;
}

html.mk-dark .mk-storefront .ps-footer__copyright {
    border-top-color: var(--mk-border);
}

html.mk-dark .mk-storefront .ps-footer__copyright p {
    color: #64748b !important;
}

/* Alert bootstrap */
html.mk-dark .alert-success {
    background: rgba(22, 163, 74, 0.15);
    border-color: rgba(74, 222, 128, 0.3);
    color: #86efac;
}

html.mk-dark .alert-danger {
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(248, 113, 113, 0.3);
    color: #fca5a5;
}