/* =====================================================================
 * Dataveli Cart — Mixed theme overrides
 * Loaded after the ownership CSS files, before theme-dark.css.
 * Only rules starting with body.theme-mixed belong here.
 * ===================================================================== */

body.theme-mixed {
    color-scheme: light;
    --finland-blue: #2158a6;
    --finland-blue-600: #00295f;
    --finland-blue-400: #67a6ff;
    --header-accent: #d1e4ff;
    --ink: rgba(23, 48, 82, 0.96);
    --ink-transparent: rgba(23, 48, 82, 0.16);
    --muted-500: #5a7195;
    --muted-600: #415777;
    --muted-700: #243a5d;
    --glass-bg: rgba(255, 255, 255, 0.382);
    --glass-border: rgba(151, 179, 220, 0.62);
    --glass-shadow: 0 20px 44px rgba(11, 27, 53, 0.22);
    --surface-soft: rgba(255, 255, 255, 0.618);
    --surface-strong: rgba(213, 225, 244, 0.94);
    --surface-accent: rgba(0, 53, 128, 0.16);
    --line-soft: rgba(63, 87, 126, 0.32);
    --button-border-soft: rgba(63, 87, 126, 0.4);
    --overlay-bg: rgba(12, 24, 46, 0.54);
    --datatable-row-bg: rgba(201, 216, 240, 0.6);
    --datatable-row-hover-bg: rgba(217, 227, 243, 0.92);
    --datatable-row-border: rgba(92, 119, 164, 0.34);
    --page-bg: #b7cbe9;
    --page-blob-a: radial-gradient(circle, rgba(0, 53, 128, 0.62), transparent 72%);
    --page-blob-b: radial-gradient(circle, rgba(43, 90, 168, 0.382), transparent 70%);
}

body.theme-mixed h1,
body.theme-mixed h2,
body.theme-mixed h3,
body.theme-mixed h4,
body.theme-mixed h5,
body.theme-mixed h6 {
    color: #002d86;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

body.theme-mixed::before {
    width: 548px;
    height: 548px;
    top: -138px;
    left: -160px;
    animation: orb-drift-a-light 26s ease-in-out infinite alternate;
}
body.theme-mixed .shop-hero-section {
    border-color: rgba(123, 151, 194, 0.48);
    box-shadow:
        0 24px 54px rgba(7, 18, 42, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    background-image: url(../img/hero-bg2.webp) !important;
    background-size: cover !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;

}
body.theme-mixed #hero-sale-open  {
    background: linear-gradient(145deg, #fef3c7 0%, #fbbf24 30%, #f59e0b 60%, #d97706 100%) !important;
    color: #7c2d00 !important;
}

body.theme-mixed .featured-hero-modal-title  {
    color: #ffffff;
}
body.theme-mixed #hero-particles {
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(128,128,128,0.382) 38.2%, rgba(0,0,0,0.08) 100%);
}
body.theme-mixed .featured-hero-modal-counter  {
    color: rgba(255, 255, 255, 0.82);
}

body.theme-mixed .featured-hero-modal-status  {
    color: #ffffff;
}
body.theme-mixed .cart-backorder-banner,
body.theme-mixed .cart-backorder-note {
    color: #e53e3e;
    text-shadow: none;
}

body.theme-mixed .header-cat-badge {
    background: rgba(0,53,128,.08);
    border-color: rgba(0,53,128,.18);
    color: var(--finland-blue);
}
body.theme-mixed .site-header-panel {
    background: rgba(75, 140, 240, 0.22) !important;
    border-color: rgba(75, 140, 240, 0.28);
    box-shadow: 0 8px 32px rgba(0, 53, 128, 0.18);
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    color: #001f5c !important;
}
body.theme-mixed .site-header .site-header-panel .nav-link {
    color: #001f5c !important;
}
body.theme-mixed .admin-page-shell > header.glass {
    background: rgba(255, 255, 255, 0.382);
    border-color: rgba(63, 87, 126, 0.34);
    box-shadow: 0 14px 34px rgba(0, 53, 128, 0.16);
}
body.theme-mixed .admin-header__title { color: #001f5c; }
body.theme-mixed .admin-header__divider { background: rgba(0, 31, 92, 0.18); }
body.theme-mixed .admin-header__select {
    background-color: rgba(175, 198, 232, 0.45);
    border-color: rgba(0, 31, 92, 0.2);
}
body.theme-mixed .admin-header__icon-btn:hover {
    background: rgba(0, 31, 92, 0.08);
    border-color: rgba(0, 31, 92, 0.12);
}
body.theme-mixed .admin-header__text-btn:not(.btn-primary) { color: #001f5c; }
body.theme-mixed .admin-header__text-btn:not(.btn-primary):hover { background: rgba(0, 31, 92, 0.08); }
body.theme-mixed .admin-header__user { border-left-color: rgba(0, 31, 92, 0.15); }
/* Mixed header override */
body.theme-mixed .admin-header { background: #afc6e8; }
/* ---- /Admin header ------------------------------------------------------- */
body.theme-mixed .site-header-cart-link #cart-badge {
    background: #000000 !important;
    color: #ffffff !important;
}
/* Mixed mode — flag-blue accent on burger, nav links, cart link; active nav white */
body.theme-mixed .burger:hover {
    border-color: whitesmoke !important;
}
body.theme-mixed .site-header-cart-link {
    color: #ffffff !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
body.theme-mixed .nav-link {
    color: #001f5c;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}
body.theme-mixed .nav-link:hover {
    color: #001f5c;
}
body.theme-mixed .nav-link.is-active {
    color: #4a5568;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}
body.theme-mixed .catalog-filters-card:not(.is-collapsed),
body.theme-mixed .order-status-filter-bar,
body.theme-mixed .order-status-filter-bar.glass {
    background: var(--glass-bg) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
    border-color: var(--glass-border) !important;
    box-shadow: var(--glass-shadow);
}
body.theme-mixed .catalog-filters-card .catalog-collapse-btn {
    background: rgba(220, 229, 244, 0.78);
    border-color: rgba(63, 87, 126, 0.36);
}
body.theme-mixed .site-header-brand .text-flag-blue.tracking-tight {
    color: #001f5c !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.382);
}
body.theme-mixed .glass-dark {
    background: rgba(16, 31, 58, 0.618);
    border-color: rgba(182, 204, 238, 0.3);
}

body.theme-mixed .btn-primary {
    background: linear-gradient(135deg, rgba(0, 53, 104, 1) 0%,rgba(0, 53, 104, 0.9) 61.8%, rgba(0, 53, 104, 0.7) 100%) !important;
    color: var(--header-accent) !important;
    margin: 1px;
    text-shadow: 0 0 1px var(--ink) !important;
    box-shadow: none !important;
    border-color: rgba(255,255,255,0.382);
    transition: none 0s!important;
    transform: none !important;
}
body.theme-mixed .btn-primary:hover {
    background: linear-gradient(135deg, var(--finland-blue-600) 0%, var(--finland-blue-600) 61.8%, var(--finland-blue-400) 100%) !important;
    margin: 1px;
    color: var(--finland-white) !important;
    text-shadow: 0 0 1px var(--ink) !important;
    box-shadow: -1px -1px 1px var(--ink) !important;
    transition: none 0s!important;
    transform: none !important;
}
body.theme-mixed .btn-ghost {
    color: var(--finland-blue-600);
}
body.theme-mixed .btn-ghost:focus-visible {
    background: linear-gradient(135deg, var(--finland-blue-400) 61.8%, var(--header-accent) 100%) !important;
    border-color: white;
    box-shadow: 0 8px 20px rgba(11, 27, 53, 0.16);
    color: white;
}
body.theme-mixed .theme-toggle__icon--sun,
body.theme-mixed .theme-toggle__icon--moon {
    opacity: 0;
    transform: scale(.72) rotate(16deg);
}
body.theme-mixed .theme-toggle__icon--moon {
    transform: scale(.72) rotate(-16deg);
}
body.theme-mixed .theme-toggle__icon--mixed {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
body.theme-mixed .site-header-tooltip-toggle {
    color: #102746;
    border-color: rgba(63, 87, 126, 0.34);
}
body.theme-mixed .site-header-tooltip-toggle:hover,
body.theme-mixed .site-header-tooltip-toggle:focus-visible {
    background: #bed2ed;
    border-color: rgba(35, 61, 102, 0.42);
    box-shadow: 0 6px 16px rgba(11, 27, 53, 0.16);
}
body.theme-mixed .site-header-tooltip-toggle__ui {
    background: rgba(128, 151, 189, 0.28);
    border-color: rgba(63, 87, 126, 0.34);
}
body.theme-mixed .site-header-tooltip-toggle__thumb {
    background: #f8fbff;
}
body.theme-mixed .site-header-tooltip-toggle.is-active {
    border-color: rgba(35, 61, 102, 0.44);
}
body.theme-mixed .site-header-tooltip-toggle.is-active .site-header-tooltip-toggle__ui {
    background: rgba(0, 53, 128, 0.24);
    border-color: rgba(0, 53, 128, 0.36);
}
body.theme-mixed .site-tooltip {
    background: rgba(18, 31, 55, 0.9);
    color: #edf4ff;
    border-color: rgba(167, 191, 228, 0.32);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

body.theme-mixed .sidebar-audio-toggle {
    background: #afc6e8;
    color: #102746;
    border-color: rgba(63, 87, 126, 0.34);
}
body.theme-mixed .sidebar-audio-toggle:hover,
body.theme-mixed .sidebar-audio-toggle:focus-visible {
    background: #bed2ed;
    border-color: rgba(35, 61, 102, 0.42);
    box-shadow: 0 6px 16px rgba(11, 27, 53, 0.16);
}
body.theme-mixed .sidebar-audio-toggle__ui {
    background: rgba(128, 151, 189, 0.28);
    border-color: rgba(63, 87, 126, 0.34);
}
body.theme-mixed .sidebar-audio-toggle__thumb {
    background: #f8fbff;
}
body.theme-mixed .sidebar-audio-toggle.is-active {
    background: #afc6e8;
    border-color: rgba(35, 61, 102, 0.44);
}
body.theme-mixed .sidebar-audio-toggle.is-active .sidebar-audio-toggle__ui {
    background: rgba(0, 53, 128, 0.24);
    border-color: rgba(0, 53, 128, 0.36);
}

/* Mixed mode: structurally light — keep rich dark-green (same as light mode).
 * The dark-mode rule above has theme-dark body, so it doesn't bleed here.
 * No override needed for mixed success; generic rule already applies.       */
/* Dark mode: bright-on-dark palette (higher specificity overrides the above) */
body.theme-mixed #toast-host .glass.border-emerald-300 {
    background: rgba(152, 255, 166, 0.618) !important;
    color: #005d20 !important;           /* emerald-200 */
    font-weight: 700 !important;
    border-color: #34d86e !important;
    text-shadow: 0 0 1px white !important;
}
body.theme-mixed #toast-host .glass.border-red-300 {
    background: rgba(220, 38, 38, 0.12) !important;
    color: #fca5a5 !important;           /* red-300 */
    font-weight: 700 !important;
    border-color: #f87171 !important;
}
body.theme-mixed #toast-host .glass.border-amber-300 {
    background: rgba(251, 191, 36, 0.10) !important;
    color: #fde68a !important;           /* amber-200 */
    font-weight: 700 !important;
    border-color: #fbbf24 !important;
}
body.theme-mixed #toast-host .glass.border-blue-300 {
    background: rgba(96, 165, 250, 0.10) !important;
    color: #93c5fd !important;           /* blue-300 */
    font-weight: 700 !important;
    border-color: #60a5fa !important;
}


body.theme-mixed input[type="checkbox"] {
    border-color: rgba(63, 87, 126, 0.42);
    background: rgba(222, 231, 244, 0.82);
}
body.theme-mixed input[type="checkbox"]:checked {
    background: #003580;
    border-color: #003580;
}
body.theme-mixed input[type="checkbox"]:checked::after {
    border-color: #ffffff;
}
body.theme-mixed input[type="checkbox"]:focus-visible {
    box-shadow: 0 0 0 3px rgba(137, 166, 214, 0.28);
}
/* Mixed mode — lighter, blurrier backdrop so page content shows through */
body.theme-mixed .modal-backdrop {
    background: rgba(12, 28, 58, 0.28);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
}
body.theme-mixed .modal-panel {
    scrollbar-color: rgba(80, 110, 170, 0.40) transparent;
}
body.theme-mixed .modal-panel::-webkit-scrollbar-thumb { background: rgba(80, 110, 170, 0.40); }
body.theme-mixed .modal-panel {
    background: rgba(175, 198, 232, 0.38);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow:
        0 22px 54px rgba(11, 27, 53, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

body.theme-mixed #welcome-modal .modal-panel  {
    color: #ffffff;
}

body.theme-mixed #welcome-modal .text-flag-blue  { color: #ffffff !important; }

body.theme-mixed #welcome-modal .text-gray-500   { color: rgba(255,255,255,1) !important; }

body.theme-mixed .usm-opt-btn:not(.is-active)  {
    border-color: rgba(226,232,240,.7);
}

body.theme-mixed .usm-opt-btn:not(.is-active):hover  {
    border-color: rgba(255,255,255,.9);
}

body.theme-mixed .usm-opt-btn.is-active  {
    background: rgba(96,165,250,.25);
    border-color: rgba(96,165,250,.6);
    color: #e2e8f0;
}

body.theme-mixed .usm-status--ok   { color: #4ade80; }

body.theme-mixed .usm-status--err  { color: #f87171; }

body.theme-mixed .proc-scrollbar {
    background: linear-gradient(180deg, rgba(63, 87, 126, 0.10) 0%, rgba(63, 87, 126, 0.16) 100%);
    border-left-color: rgba(63, 87, 126, 0.18);
}
body.theme-mixed #catalog-table thead {
    background: rgba(175, 198, 232, 0.88) !important;
}
body.theme-mixed #catalog-col-actions #catalog-thead-dismiss-btn {
    border-color: rgba(0, 53, 128, 0.35);
    background: rgba(0, 53, 128, 0.18);
    color: rgba(0, 53, 128, 0.85);
}
body.theme-mixed #catalog-thead-dismiss-btn:hover {
    background: rgba(239, 68, 68, 0.72);
    border-color: rgba(239, 68, 68, 0.85);
    color: #ffffff;
}
body.theme-mixed .admin-badge-active { color: #1e6c49; background: rgba(6, 78, 59, 0); }
body.theme-mixed .admin-badge-inactive { color: #f45100; background: rgba(120, 53, 15, 0); }

body.theme-mixed .catalog-list-footer {
    border-top-color: rgba(142,174,226,0.2);
}
body.theme-mixed .clf-btn {
    border-color: rgba(142,174,226,0.35);
}
body.theme-mixed .clf-btn:hover:not(:disabled) {
    background: rgba(142,174,226,0.12);
    border-color: rgba(142,174,226,0.6);
}

body.theme-mixed .paged-list-btn {
    border-color: rgba(142,174,226,0.35);
}
body.theme-mixed .paged-list-btn:hover {
    background: rgba(142,174,226,0.12);
    border-color: rgba(142,174,226,0.6);
}

/* Mixed theme tweaks */
body.theme-mixed .dt-skeleton {
    background: rgba(20,30,55,0.78);
}
body.theme-mixed .dt-skeleton__bar {
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.06) 25%,
        rgba(255,255,255,.14) 50%,
        rgba(255,255,255,.06) 75%
    );
    background-size: 600px 100%;
    animation: dtShimmer 1.4s ease-in-out infinite;
}

body.theme-mixed .dt-filter-chip  {
    background: rgba(147, 197, 253, 0.12);
    border-color: rgba(147, 197, 253, 0.35);
    color: #93c5fd;
}
body.theme-mixed .global-search-panel {
    background: rgba(10, 16, 36, 0.92);
}
body.theme-mixed .global-search-panel__input {
    color: #ffffff !important;
}
body.theme-mixed .global-search-panel__input::placeholder {
    color: rgba(200, 220, 255, 0.55);
}

body.theme-mixed .quick-start-toggle:hover {
    color: var(--finland-blue-400) !important;
}
body.theme-mixed .select2-custom-scrollbar {
    background: linear-gradient(180deg, rgba(63, 87, 126, 0.10) 0%, rgba(63, 87, 126, 0.16) 100%);
    border-left-color: rgba(63, 87, 126, 0.22);
}
body.theme-mixed .select2-custom-scrollbar .custom-scrollbar__thumb {
    background: linear-gradient(180deg, rgba(43, 90, 168, 0.88) 0%, rgba(0, 53, 128, 0.88) 100%);
}
body.theme-mixed .header-headline:hover {
    color: white;
    text-shadow: 0 0 2px black !important;
}
body.theme-mixed .nav-link {
 color: var(--finland-blue) !important;
}

body.theme-mixed .nav-link:hover {
 color: white !important;
 text-shadow: 1px 1px 8px black;
 transform: translatey(1px);
}

body.theme-mixed .nav-link.is-active {
 color:  #003580 !important;
 text-shadow: none !important;
}
body.theme-mixed .nav-link.is-active:hover {
 color:  gray !important;
 text-shadow: 0 0 1 black;
 transform: scale(1);
}


body.theme-mixed a[data-admin-nav].bg-white\/20.text-white {
    background: rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important;
}
body.theme-mixed .text-gray-600
.sidebar-link::before {
    content: "";
    position: absolute;
    left: 0; top: 15%; bottom: 15%;
    width: 3px;
    background: #fff;
    border-radius: 3px;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .35s cubic-bezier(.65, 0, .35, 1);
}
body.theme-mixed .burger {
    border-color: black !important;
}
body.theme-mixed .burger .burger-bar {
    background: black !important;
}
body.theme-mixed .burger:hover .burger-bar {
    background: var(--finland-white) !important;
    border: 1px solid var(--finland-white) !important;
    height: 1px;
    color: rgba(255, 255, 255, 0.92) !important;
}
/* Gray border on product card images in grid view */
body.theme-mixed .catalog-media-wrap,
body.theme-mixed .catalog-media-wrap > img {
    border: 1px solid rgba(0, 0, 0, 0.888);
    border-bottom: 1px solid rgba(0, 0, 0, 0.382);
    border-left: 1px solid rgba(0, 0, 0, 0.382);
}
body.theme-mixed .stock-pill--ok   { background: #d1fae5; color: #065f46; }
body.theme-mixed .stock-pill--low  { background: #fef3c7; color: #92400e; }
body.theme-mixed .stock-pill--zero { background: #fee2e2; color: #991b1b; }

body.theme-mixed .catalog-list-scramble {
    background: rgba(183, 203, 233, 0.86);
}
body.theme-mixed .catalog-lm-dismiss-btn {
    border-color: rgba(23,48,82,0.35);
    background: rgba(23,48,82,0.10);
    color: #173052;
}
body.theme-mixed .catalog-lm-dismiss-btn:hover {
    background: rgba(23,48,82,0.22);
}

body.theme-mixed .catalog-lm-expand-btn {
    border-color: rgba(23,48,82,0.35);
    background: rgba(23,48,82,0.12);
    color: #173052;
}
body.theme-mixed .catalog-lm-expand-btn:hover {
    background: rgba(23,48,82,0.22);
}

/* Mixed mode — text-flag-blue and text-finland-blue use deep navy for legibility */
body.theme-mixed .text-flag-blue {
    color: var(--finland-blue) !important;
    text-shadow: 0 0 1px white !important;
}
body.theme-mixed .text-finland-blue {
    color: var(--finland-blue) !important;
    text-shadow: 0 0 2px white !important;
}

body.theme-mixed .product-page-comment-row  {
    background: rgba(11, 29, 58, 0.42);
    border-color: rgba(255, 255, 255, 0.18);
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

body.theme-mixed .product-page-comment-row:hover  {
    background: rgba(43, 90, 168, 0.32);
    border-color: rgba(142, 174, 226, 0.45);
    box-shadow: 0 2px 12px rgba(43, 90, 168, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.theme-mixed .product-page-comment-row__meta  {
    color: rgba(226, 232, 240, 0.82);
}

body.theme-mixed .product-page-comment-row__body  {
    color: #f8fafc;
}

body.theme-mixed .product-page-comment-replies  {
    border-left-color: rgba(255, 255, 255, 0.12);
}

body.theme-mixed .product-page-comment-row--reply  {
    background: rgba(255, 255, 255, 0.03);
}

body.theme-mixed .comment-reply-btn  {
    color: rgba(148, 163, 184, 0.7);
}

body.theme-mixed .comment-reply-btn:hover  {
    color: #f8fafc;
}

body.theme-mixed .product-page-reply-form  {
    background: rgba(255, 255, 255, 0.04);
    border-left-color: rgba(255, 255, 255, 0.15);
}
/* ── Mixed-theme overrides: match mixed's blue-glass light surface ── */
body.theme-mixed .pm-modal-replies {
    border-left-color: rgba(29, 78, 216, 0.4);
}
body.theme-mixed .pm-modal-reply {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(186, 230, 253, 0.35);
}
body.theme-mixed .pm-thread-at {
    color: #1e40af;
    background: rgba(186, 230, 253, 0.25);
    border-color: rgba(186, 230, 253, 0.45);
}
body.theme-mixed .pm-modal-reply .pm-comment-row__meta {
    color: rgba(15, 23, 42, 0.6);
}
body.theme-mixed .pm-modal-reply .pm-comment-row__body {
    color: rgba(15, 23, 42, 0.88);
}
body.theme-mixed .pm-modal-reply-textarea {
    background: rgba(255, 255, 255, 0.55);
    border-color: rgba(147, 197, 253, 0.4);
    color: #0f172a;
}
/* Mixed mode — light blue glass quick-view, matching generic modal-panel */
body.theme-mixed .product-quick-view-modal-panel {
    background: rgba(175, 198, 232, 0) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow:
        0 22px 54px rgba(11, 27, 53, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    color: var(--ink);
}
body.theme-mixed .product-quick-view-modal-header,
body.theme-mixed .product-quick-view-modal-body,
body.theme-mixed .product-quick-view-modal-footer {
    background: transparent !important;
    color: inherit;
}
body.theme-mixed .product-quick-view-modal-header {
    border-bottom-color: rgba(63, 87, 126, 0.22);
}
body.theme-mixed .product-quick-view-modal-footer {
    border-top-color: rgba(63, 87, 126, 0.22);
}
body.theme-mixed .product-quick-view-modal-body {
    scrollbar-color: #2563eb rgba(37, 99, 235, 0.10);
}
body.theme-mixed .product-quick-view-modal-body::-webkit-scrollbar-track { background: rgba(37, 99, 235, 0.08); }
body.theme-mixed .product-quick-view-modal-body::-webkit-scrollbar-thumb { background: #2563eb; }
body.theme-mixed .product-quick-view-modal-body::-webkit-scrollbar-thumb:hover { background: #1d4ed8; }
body.theme-mixed .product-quick-view-modal-panel .text-gray-500,
body.theme-mixed .product-quick-view-modal-panel .text-gray-600,
body.theme-mixed .product-quick-view-modal-panel .text-gray-700 {
    color: var(--muted-600) !important;
}
body.theme-mixed .product-quick-view-modal-panel .text-gray-800,
body.theme-mixed .product-quick-view-modal-panel .text-gray-900 {
    color: var(--muted-700) !important;
}
body.theme-mixed .product-quick-view-modal-panel .text-flag-blue,
body.theme-mixed .product-quick-view-modal-panel .text-finland-blue {
    color: var(--finland-blue) !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
body.theme-mixed .product-quick-view-modal-panel .pm-review-readonly__title {
    color: var(--ink);
}
body.theme-mixed .product-quick-view-modal-panel .pm-review-readonly__body {
    color: #ffffff;
}
body.theme-mixed .product-quick-view-modal-panel .pm-write-review__title {
    color: var(--finland-blue);
}
body.theme-mixed .product-quick-view-modal-panel .pm-star-btn {
    color: rgba(63, 87, 126, 0.32);
}
body.theme-mixed .product-quick-view-modal-panel .pm-star-btn.is-active,
body.theme-mixed .product-quick-view-modal-panel .pm-star-btn.is-hovered,
body.theme-mixed .product-quick-view-modal-panel .pm-star-btn:hover ~ .pm-star-btn,
body.theme-mixed .product-quick-view-modal-panel .pm-star-btn:hover {
    color: #d97706;
}
body.theme-mixed .product-quick-view-modal-panel .pm-review-readonly__stars {
    color: #d97706;
}
body.theme-mixed .product-quick-view-modal-panel .text-emerald-700,
body.theme-mixed .product-quick-view-modal-panel .text-emerald-600 {
    color: #047857 !important;
}
body.theme-mixed .product-quick-view-modal-panel .btn-ghost {
    color: var(--muted-700);
}
body.theme-mixed .product-quick-view-modal-panel .btn-ghost:hover {
    background: rgba(198, 212, 235, 0.52);
    color: var(--ink);
}
body.theme-mixed #cart-submodal .modal-panel {
    background: rgba(10, 24, 54, 0.88) !important;
    border-color: rgba(142, 174, 226, 0.28) !important;
}
body.theme-mixed .cart-quick-add-card .cart-quick-add-select2 .select2-selection--single,
body.theme-mixed .cart-quick-add-qty {
    background: rgba(205, 218, 238, 0.88) !important;
    border-color: rgba(63, 87, 126, 0.28) !important;
}
body.theme-mixed .cart-quick-add-dropdown.select2-dropdown {
    background: rgba(221, 231, 245, 0.97) !important;
    border-color: rgba(63, 87, 126, 0.3) !important;
    box-shadow: 0 24px 52px rgba(7, 18, 42, 0.2);
}
body.theme-mixed .cart-quick-add-dropdown .select2-search--dropdown .select2-search__field {
    background: rgba(244, 248, 253, 0.8) !important;
    border-color: rgba(63, 87, 126, 0.28) !important;
}
body.theme-mixed .cart-quick-add-options-summary,
body.theme-mixed .cart-quick-add-options-picker {
    background: rgba(205, 218, 238, 0.58);
    border-color: rgba(63, 87, 126, 0.22);
}
body.theme-mixed .admin-order-filters-card .input,
body.theme-mixed .admin-order-filters-card .select,
body.theme-mixed .admin-order-filters-card .select2-container--default .select2-selection--single,
body.theme-mixed .admin-category-filters-card .input,
body.theme-mixed .admin-category-filters-card .select,
body.theme-mixed .admin-category-filters-card .select2-container--default .select2-selection--single,
body.theme-mixed .admin-product-filters-card .input,
body.theme-mixed .admin-product-filters-card .select,
body.theme-mixed .admin-product-filters-card .select2-container--default .select2-selection--single,
body.theme-mixed .admin-subscriber-filters-card .input,
body.theme-mixed .admin-subscriber-filters-card .select,
body.theme-mixed .admin-subscriber-filters-card .select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 1) !important;
    border-color: rgba(156, 163, 175, 0.32) !important;
}
body.theme-mixed .site-main .catalog-filters-card .input,
body.theme-mixed .site-main .catalog-filters-card .select,
body.theme-mixed .site-main .catalog-filters-card .select2-container--default .select2-selection--single,
body.theme-mixed .site-main .catalog-filters-card .select2-container--default .select2-selection--multiple {
    background: rgba(255, 255, 255, 0.56) !important;
}
body.theme-mixed .site-main .catalog-filters-card .catalog-subcategory-wrap:has(select:disabled) .select2-container--default .select2-selection--single,
body.theme-mixed .site-main .catalog-filters-card .catalog-subcategory-wrap:has(select:disabled) .select2-container--default .select2-selection--multiple {
    background: rgba(156, 163, 175, 0.18) !important;
    opacity: 0.55;
}
body.theme-mixed .site-main .catalog-filters-card .catalog-subcategory-wrap:has(select:disabled) .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-mixed .site-main .catalog-filters-card .catalog-subcategory-wrap:has(select:disabled) .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.theme-mixed .site-main .catalog-filters-card .catalog-subcategory-wrap:has(select:disabled) .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(107, 114, 128, 0.65) !important;
    font-weight: 400 !important;
}
body.theme-mixed .admin-order-filters-card .admin-filters-always-visible,
body.theme-mixed .admin-category-filters-card .admin-filters-always-visible,
body.theme-mixed .admin-product-filters-card .admin-filters-always-visible,
body.theme-mixed .admin-customer-filters-card .admin-filters-always-visible,
body.theme-mixed .admin-subscriber-filters-card .admin-filters-always-visible,
body.theme-mixed .catalog-filters-card:not(.admin-order-filters-card):not(.admin-category-filters-card):not(.admin-product-filters-card):not(.admin-customer-filters-card):not(.admin-subscriber-filters-card) .admin-filters-always-visible {
    border-color: rgba(63, 87, 126, 0.42) !important;
    box-shadow: 0 2px 8px rgba(30, 50, 90, 0.4) !important;
    max-height: 38px !important;
}
body.theme-mixed .view-toggle-btn.is-active {
    background: var(--finland-blue);
    color: #fff;
    box-shadow: 0 0 10px rgba(128,128,128,0.618);
    transform: scale(0.96);
    border-color: rgba(96,165,250,.72);
}
body.theme-mixed .category-chip {
    transition: background .16s ease, transform .16s linear, box-shadow .16s ease, min-height .3s cubic-bezier(0.22, 1, 0.36, 1), margin-top .3s cubic-bezier(0.22, 1, 0.36, 1);
    border: thin solid rgba(255,255,255,0.382) !important;
    box-shadow: 0 0 1px black !important;
    color: white !important;
}
body.theme-mixed .category-chip:hover,
body.theme-mixed .category-chip:focus-visible {
    overflow: visible;
    box-shadow: -1px -1px 1px rgba(0,0,0,1);
    border: 3px solid rgba(255,255,255,0.92) !important;
    outline: 2px solid var(--finland-blue-400);
    outline-offset: 1px;
    background-image: linear-gradient(135deg, rgba(0,35,90,.6) 0%, rgba(0,53,128,.55) 38.2%, rgba(0,53,128,.5) 61.8%, rgba(30,90,180,.65) 100%), var(--chip-card-url, none);
}
body.theme-mixed .category-chip.is-active > div {
    color: white !important;
    text-shadow: 0 0 1px black !important;
}


body.theme-mixed .btn-chip-arrow  {
    border-color: rgba(255,255,255,.72);
    color: rgba(255,255,255,.85);
}

body.theme-mixed .btn-chip-arrow:hover  {
    background: rgba(255,255,255,.18);
    color: #fff;
}


body.theme-mixed .btn-chip-info  {
    color: rgba(255,255,255,.75);
}

body.theme-mixed .btn-chip-info[aria-pressed="true"]  {
    background: rgba(255,255,255,.18);
    color: #fff;
}

body.theme-mixed .category-chips-toggle.is-expanded {
    box-shadow: 0 14px 30px rgba(0, 53, 128, 0.16);
}
body.theme-mixed .catalog-heading-reset {
    background: rgba(255,255,255,.72);
}
body.theme-mixed .category-header-overlay-toggle {
    background: rgba(255,255,255,.72);
}
body.theme-mixed .category-header-clear {
    background: rgba(255,255,255,.72);
}
body.theme-mixed .category-selection-overlay {
    background: linear-gradient(135deg, rgba(0,53,128,.92), rgba(36,103,190,.88));
}

body.theme-mixed .category-selection-overlay-select2-container .select2-selection--multiple  {
    background: rgba(255,255,255,.1) !important;
}
body.theme-mixed .catalog-category-overlay-toggle {
    background: rgba(255,255,255,.58);
}

body.theme-mixed .catalog-category-overlay-toggle:hover,
body.theme-mixed .catalog-category-overlay-toggle:focus-visible  {
    background: rgba(255,255,255,.18);
}

body.theme-mixed .catalog-category-overlay-toggle.is-active  {
    background: rgb(0, 53, 128);
    color: #fff;
}

body.theme-mixed .catalog-category-overlay-toggle.has-selection  {
    border: 3px solid #60a5fa !important;
    color: #dbeafe !important;
    animation: catalog-cat-btn-glow-dark 2.4s ease-in-out infinite !important;
}
body.theme-mixed .admin-form-modal-body {
    scrollbar-color: rgba(80, 110, 170, 0.40) transparent;
}
body.theme-mixed .admin-form-modal-body::-webkit-scrollbar-thumb { background: rgba(80, 110, 170, 0.40); }

/* Mixed theme overrides */
body.theme-mixed .pf-section { border-top-color: rgba(23,48,82,0.13); }
body.theme-mixed .pf-section-hd {
    border-bottom-color: rgba(23,48,82,0.08);
}
body.theme-mixed .pf-footer-nav-btn {
    border-color: rgba(0,0,0,1);
    background: rgba(23,48,82,0.06);
    color: rgba(0,0,0,0.618);
}
body.theme-mixed .pf-footer-nav-btn:hover {
    background: rgba(23,48,82,0.14);
    color: #173052;
}
body.theme-mixed .catalog-thumb-placeholder,
body.theme-mixed .img-placeholder {
    color: rgba(23, 50, 97, 0.62);
    background: linear-gradient(135deg, rgba(204, 219, 245, 0.66), rgba(255, 255, 255, 0.28));
}

body.theme-mixed,
body.theme-mixed .dt-container,
body.theme-mixed table.dataTable,
body.theme-mixed .select2-container {
    color: var(--ink);
}
body.theme-mixed .text-gray-500 { color: var(--muted-500) !important; }
body.theme-mixed .text-gray-400 { color: #6f84a4 !important; }
body.theme-mixed .text-gray-600 { color: var(--muted-600) !important; }
body.theme-mixed .text-gray-700 { color: var(--muted-700) !important; }
body.theme-mixed .text-gray-800 { color: #162b49 !important; }
body.theme-mixed .text-gray-900 { color: #0a1830 !important; }
body.theme-mixed .bg-white\/10,
body.theme-mixed .bg-white\/20,
body.theme-mixed .bg-white\/25,
body.theme-mixed .bg-white\/40,
body.theme-mixed .bg-white\/45,
body.theme-mixed .bg-white\/50,
body.theme-mixed .bg-white\/60,
body.theme-mixed .bg-white\/70 {
    background-color: rgba(198, 212, 235, 0.72) !important;
}
body.theme-mixed .border-white\/20,
body.theme-mixed .border-white\/30,
body.theme-mixed .border-white\/40,
body.theme-mixed .border-white\/50,
body.theme-mixed .border-white\/60,
body.theme-mixed .border-gray-100,
body.theme-mixed .border-gray-200,
body.theme-mixed .border-gray-300,
body.theme-mixed .border-gray-400,
body.theme-mixed .border-gray-500,
body.theme-mixed .border-gray-600 {
    border-color: rgba(92, 119, 164, 0.22) !important;
}
body.theme-mixed .bg-green-50\/60,
body.theme-mixed .bg-green-100,
body.theme-mixed .bg-emerald-100 {
    background-color: rgba(6, 78, 59, 0.3) !important;
}
body.theme-mixed .text-green-800,
body.theme-mixed .text-emerald-700,
body.theme-mixed .text-emerald-800 {
    font-weight: 700 !important;
}
body.theme-mixed .glass.border-green-300 {
    color: #bbf7d0 !important;
    font-weight: 700 !important;
    border-color: #4ade80 !important;
}
body.theme-mixed .dt-container .dt-info,
body.theme-mixed .dt-container .dt-length,
body.theme-mixed .dt-container .dt-search,
body.theme-mixed .dt-container .dt-paging {
    color: var(--muted-600) !important;
}
body.theme-mixed .dt-search input,
body.theme-mixed .dt-length select {
    background: rgba(205, 218, 238, 0.9);
    border-color: rgba(63, 87, 126, 0.34);
}
body.theme-mixed .dt-container .dt-button,
body.theme-mixed .dt-container button.dt-button,
body.theme-mixed .dt-container div.dt-button,
body.theme-mixed .dt-container a.dt-button {
    background: rgba(191, 206, 230, 0.84) !important;
    border-color: rgba(63, 87, 126, 0.34) !important;
    color: var(--ink) !important;
}
body.theme-mixed .dt-container .dt-button:hover,
body.theme-mixed .dt-container button.dt-button:hover,
body.theme-mixed .dt-container div.dt-button:hover,
body.theme-mixed .dt-container a.dt-button:hover,
body.theme-mixed .dt-container .dt-button:focus-visible,
body.theme-mixed .dt-container button.dt-button:focus-visible,
body.theme-mixed .dt-container div.dt-button:focus-visible,
body.theme-mixed .dt-container a.dt-button:focus-visible {
    background: rgba(214, 225, 241, 0.98) !important;
    border-color: rgba(35, 61, 102, 0.42) !important;
    color: #102746 !important;
}
body.theme-mixed .dt-button-collection {
    background: rgba(234, 240, 250, 0.99) !important;
    border-color: rgba(14, 60, 134, 0.2) !important;
    box-shadow: 0 4px 20px rgba(7, 18, 52, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06) !important;
}
body.theme-mixed .dt-button-collection .dt-button {
    color: #0d2246 !important;
}
body.theme-mixed .dt-button-collection .dt-button::before {
    border-color: rgba(14, 60, 134, 0.32);
}
body.theme-mixed .dt-button-collection .dt-button:not(.disabled):hover {
    background: rgba(14, 60, 134, 0.08) !important;
    color: #071735 !important;
}
body.theme-mixed .dt-button-collection .colvis-restore-btn {
    border-top-color: rgba(14, 60, 134, 0.14) !important;
    color: var(--finland-blue-600, #003580) !important;
}
body.theme-mixed .dt-container .datatable-total-count {
    color: var(--muted-700);
}
body.theme-mixed .order-status-filter-bar,
body.theme-mixed .order-status-filter-bar.glass {
    background: rgba(175, 198, 232, 0.96);
    border-color: rgba(63, 87, 126, 0.34) !important;
    box-shadow:
        0 20px 38px rgba(7, 18, 42, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
body.theme-mixed .burger:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.92) !important;
}
body.theme-mixed #page-loader-bar {
    background: linear-gradient(90deg, #1d4ed8 0%, #4f46e5 60%, #7c3aed 100%);
    box-shadow: 0 0 8px rgba(79, 70, 229, 0.55);
}

body.theme-mixed #page-transition-overlay {
    background: #b7cbe9;
}
body.theme-mixed .pt-spinner-ring {
    border-color: rgba(0, 40, 120, 0.13);
    border-top-color: rgba(0, 70, 200, 0.65);
}

body.theme-mixed .btn.btn-ghost.datatable-toolbar-btn{
    background: var(--ink) !important;
}

body.theme-mixed h1.leading-tight {
    text-shadow: 0 0 2px white !important;
}
/* Mixed theme — medium-saturation, blueish surface */
body.theme-mixed .admin-mod-badge--approved {
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.4);
    color: #059669;
}
body.theme-mixed .admin-mod-badge--pending {
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.44);
    color: #b45309;
}
body.theme-mixed .admin-mod-badge--declined {
    background: rgba(239, 68, 68, 0.13);
    border-color: rgba(239, 68, 68, 0.38);
    color: #dc2626;
}
body.theme-mixed .admin-mod-badge--deleted {
    background: rgba(107, 114, 128, 0.14);
    border-color: rgba(107, 114, 128, 0.28);
    color: #6b7280;
}
body.theme-mixed .admin-mod-badge--type-review {
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.4);
    color: #b45309;
}
body.theme-mixed .admin-mod-badge--type-comment {
    background: rgba(99, 102, 241, 0.14);
    border-color: rgba(99, 102, 241, 0.36);
    color: #4f46e5;
}
body.theme-mixed .admin-mod-badge--type-reply {
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.35);
    color: #059669;
}
/* Mixed theme */
body.theme-mixed .cqa-btn--approve {
    background: rgba(16,185,129,0.14);
    border-color: rgba(16,185,129,0.40);
    color: #059669;
}
body.theme-mixed .cqa-btn--approve:hover:not(:disabled) { background: rgba(16,185,129,0.28); }
body.theme-mixed .cqa-btn--decline {
    background: rgba(239,68,68,0.13);
    border-color: rgba(239,68,68,0.38);
    color: #dc2626;
}
body.theme-mixed .cqa-btn--decline:hover:not(:disabled) { background: rgba(239,68,68,0.25); }
body.theme-mixed .admin-table-link {
    color: #3b82f6;
}
body.theme-mixed .admin-table-link:hover {
    color: #60a5fa;
}
/* ── Button text — always pure white on blue/light-blue backgrounds ─────── */
body.theme-mixed .btn-primary {
    color: #ffffff !important;
}

body.theme-mixed .catalog-card-fav-btn.is-favourite  {
    background: transparent;
}

body.theme-mixed .catalog-card-fav-btn.is-favourite .catalog-card-fav-icon  {
    color: #4ade80;
    filter: drop-shadow(0 0 5px rgba(74, 222, 128, 0.6));
}

body.theme-mixed .cat-tree__root,
body.theme-mixed .cat-tree__child {
    background: rgba(255,255,255,0.55);
    border-color: rgba(180,200,255,0.5);
}

body.theme-mixed.cat-categories-page {
    background:
        radial-gradient(circle at 18% 12%, rgba(96, 165, 250, 0.42), transparent 28rem),
        radial-gradient(circle at 78% 2%, rgba(14, 165, 233, 0.34), transparent 24rem),
        linear-gradient(135deg, #7dd3fc, #3b82f6 48%, #0f5ea8);
}

body.theme-mixed.cat-categories-page .cat-page-hero,
body.theme-mixed.cat-categories-page .cat-page-tree-panel,
body.theme-mixed.cat-categories-page .cat-page-viewer,
body.theme-mixed.cat-categories-page .catpage-cart-card {
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.46), rgba(14, 116, 144, 0.36));
    border-color: rgba(191, 219, 254, 0.3);
    box-shadow: 0 24px 78px rgba(15, 23, 42, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

body.theme-mixed.cat-categories-page .cat-page-kicker,
body.theme-mixed.cat-categories-page .cat-page-stat__value,
body.theme-mixed.cat-categories-page .cat-detail-metric strong,
body.theme-mixed.cat-categories-page .cat-viewer-cat__eyebrow,
body.theme-mixed.cat-categories-page .cat-detail-section-title,
body.theme-mixed.cat-categories-page .cat-viewer-prod__price,
body.theme-mixed.cat-categories-page .cat-detail-prod__price,
body.theme-mixed.cat-categories-page .catpage-cart-card__subtotal {
    color: #bfdbfe;
}

body.theme-mixed.cat-categories-page .cat-page-subtitle,
body.theme-mixed.cat-categories-page .cat-page-stat__label,
body.theme-mixed.cat-categories-page .cat-detail-metric span,
body.theme-mixed.cat-categories-page .cat-viewer-cat__desc,
body.theme-mixed.cat-categories-page .cat-vp-short,
body.theme-mixed.cat-categories-page .cat-vp-rating,
body.theme-mixed.cat-categories-page .cat-detail-branch__label,
body.theme-mixed.cat-categories-page .cat-detail-prod__action,
body.theme-mixed.cat-categories-page .cat-tree__kind,
body.theme-mixed.cat-categories-page .cat-tree__product-price,
body.theme-mixed.cat-categories-page .cat-tree__empty,
body.theme-mixed.cat-categories-page .cat-viewer-welcome__stats {
    color: rgba(219, 234, 254, 0.72);
}

body.theme-mixed.cat-categories-page .cat-page-back,
body.theme-mixed.cat-categories-page .cat-tree-action,
body.theme-mixed.cat-categories-page .cat-tree__row,
body.theme-mixed.cat-categories-page .cat-tree__product-row,
body.theme-mixed.cat-categories-page .cat-tree__name,
body.theme-mixed.cat-categories-page .cat-tree__product-name,
body.theme-mixed.cat-categories-page .cat-viewer-welcome__text,
body.theme-mixed.cat-categories-page .cat-viewer-cat__name,
body.theme-mixed.cat-categories-page .cat-viewer-prod__name,
body.theme-mixed.cat-categories-page .cat-detail-prod__name,
body.theme-mixed.cat-categories-page .cat-detail-branch__node,
body.theme-mixed.cat-categories-page .cat-tree-search__input {
    color: #eff6ff !important;
}

body.theme-mixed.cat-categories-page .cat-page-stat,
body.theme-mixed.cat-categories-page .cat-detail-metric,
body.theme-mixed.cat-categories-page .cat-tree-search,
body.theme-mixed.cat-categories-page .cat-tree-empty-search,
body.theme-mixed.cat-categories-page .cat-tree__root,
body.theme-mixed.cat-categories-page .cat-tree__child,
body.theme-mixed.cat-categories-page .cat-viewer-welcome__stats span,
body.theme-mixed.cat-categories-page .cat-viewer-cat__image-wrap,
body.theme-mixed.cat-categories-page .cat-viewer-prod__image-wrap,
body.theme-mixed.cat-categories-page .cat-detail-branch__node,
body.theme-mixed.cat-categories-page .cat-detail-prod {
    background: rgba(15, 23, 42, 0.2);
    border-color: rgba(191, 219, 254, 0.22);
}

body.theme-mixed.cat-categories-page .catpage-cart-card__header,
body.theme-mixed.cat-categories-page .catpage-cart-card__actions,
body.theme-mixed.cat-categories-page .product-quick-view-modal-header,
body.theme-mixed.cat-categories-page .product-quick-view-modal-body,
body.theme-mixed.cat-categories-page .product-quick-view-modal-footer,
body.theme-mixed.cat-categories-page .pcm-panel__header,
body.theme-mixed.cat-categories-page .pcm-panel__body,
body.theme-mixed.cat-categories-page .pcm-panel__footer {
    background: rgba(15, 23, 42, 0.18) !important;
    border-color: rgba(191, 219, 254, 0.2) !important;
}

body.theme-mixed.cat-categories-page .modal-panel,
body.theme-mixed.cat-categories-page .pcm-panel,
body.theme-mixed.cat-categories-page .product-quick-view-modal-panel {
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.76), rgba(14, 116, 144, 0.68)) !important;
    border-color: rgba(191, 219, 254, 0.32) !important;
    color: #eff6ff;
}

body.theme-mixed.cat-categories-page .modal-panel h3,
body.theme-mixed.cat-categories-page .modal-panel h4,
body.theme-mixed.cat-categories-page .modal-panel .text-flag-blue,
body.theme-mixed.cat-categories-page .modal-panel .text-gray-700,
body.theme-mixed.cat-categories-page .modal-panel .text-gray-600,
body.theme-mixed.cat-categories-page .modal-panel .text-gray-500 {
    color: #eff6ff !important;
}

body.theme-mixed.cat-categories-page {
    --cat-page-ink: var(--ink);
    --cat-page-muted: var(--muted-600);
    --cat-page-accent: var(--finland-blue);
    --cat-page-glass: var(--glass-bg);
    --cat-page-glass-strong: var(--surface-soft);
    --cat-page-glass-line: var(--glass-border);
    --cat-page-glass-shadow: var(--glass-shadow);
    background: var(--page-bg);
}

body.theme-mixed.cat-categories-page .cat-page-hero.glass,
body.theme-mixed.cat-categories-page .cat-page-tree-panel.glass,
body.theme-mixed.cat-categories-page .cat-page-viewer.glass,
body.theme-mixed.cat-categories-page .catpage-cart-card.glass,
body.theme-mixed.cat-categories-page .modal-panel.glass,
body.theme-mixed.cat-categories-page .product-quick-view-modal-panel.glass {
    background: var(--cat-page-glass) !important;
    border-color: var(--cat-page-glass-line) !important;
    box-shadow: var(--cat-page-glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.theme-mixed.cat-categories-page .cat-page-title {
    color: var(--finland-blue-600) !important;
    text-shadow: none !important;
}

body.theme-mixed.cat-categories-page .btn:not(.btn-primary):not(.btn-ghost),
body.theme-mixed.cat-categories-page .catpage-cart-card,
body.theme-mixed.cat-categories-page .catpage-cart-card__title,
body.theme-mixed.cat-categories-page .catpage-cart-card__items,
body.theme-mixed.cat-categories-page .catpage-cart-empty,
body.theme-mixed.cat-categories-page .catpage-cart-item__name,
body.theme-mixed.cat-categories-page .catpage-cart-item__price,
body.theme-mixed.cat-categories-page .catpage-cart-card__subtotal,
body.theme-mixed.cat-categories-page .cat-viewer-welcome__text {
    color: #0b0f19 !important;
}

body.theme-mixed.cat-categories-page .btn-primary {
    color: #fff !important;
}

body.theme-mixed.cat-categories-page .btn-ghost {
    color: #fff !important;
}

body.theme-mixed.cat-categories-page .catpage-cart-card__clear,
body.theme-mixed.cat-categories-page .catpage-cart-card__clear svg,
body.theme-mixed.cat-categories-page .catpage-cart-card__collapse,
body.theme-mixed.cat-categories-page .catpage-cart-card__collapse-icon {
    color: #fff !important;
}

body.theme-mixed.cat-categories-page .cat-page-back,
body.theme-mixed.cat-categories-page #cat-tree-expand-all,
body.theme-mixed.cat-categories-page #cat-tree-collapse-all {
    color: #0b0f19 !important;
}

body.theme-mixed.cat-categories-page .cat-viewer-back,
body.theme-mixed.cat-categories-page .cat-viewer-back:hover,
body.theme-mixed.cat-categories-page .cat-viewer-back:focus-visible {
    color: #fff !important;
    transform: none !important;
}

body.theme-mixed.cat-categories-page .cat-vp-sibling-btn {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.28);
    color: rgba(255, 255, 255, 0.78);
}
body.theme-mixed.cat-categories-page .cat-vp-sibling-btn:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
body.theme-mixed.cat-categories-page .cat-vp-sibling-pos { color: rgba(255, 255, 255, 0.5); }

body.theme-mixed.cat-categories-page .cat-tree-search__input {
    color: #0b0f19 !important;
}

body.theme-mixed.cat-categories-page .btn,
body.theme-mixed.cat-categories-page .btn:hover,
body.theme-mixed.cat-categories-page .btn:focus-visible {
    text-shadow: none !important;
}

body.theme-mixed.cat-categories-page .cat-tree__name,
body.theme-mixed.cat-categories-page .cat-tree__product-name,
body.theme-mixed.cat-categories-page .cat-viewer-cat__name,
body.theme-mixed.cat-categories-page .cat-viewer-prod__name,
body.theme-mixed.cat-categories-page .cat-detail-prod__name,
body.theme-mixed.cat-categories-page .cat-detail-branch__node.js-cat-branch-node {
    color: #0b0f19 !important;
}

body.theme-mixed.cat-categories-page .cat-page-kicker,
body.theme-mixed.cat-categories-page .cat-page-stat__value,
body.theme-mixed.cat-categories-page .cat-detail-metric strong,
body.theme-mixed.cat-categories-page .cat-viewer-cat__eyebrow,
body.theme-mixed.cat-categories-page .cat-detail-section-title,
body.theme-mixed.cat-categories-page .cat-viewer-prod__price,
body.theme-mixed.cat-categories-page .cat-detail-prod__price,
body.theme-mixed.cat-categories-page .catpage-cart-card__subtotal {
    color: var(--cat-page-accent) !important;
}

body.theme-mixed.cat-categories-page .catpage-cart-card__subtotal {
    color: #0b0f19 !important;
}

body.theme-mixed.cat-categories-page .cat-page-stat,
body.theme-mixed.cat-categories-page .cat-detail-metric,
body.theme-mixed.cat-categories-page .cat-tree-search,
body.theme-mixed.cat-categories-page .cat-tree-empty-search,
body.theme-mixed.cat-categories-page .cat-tree__root,
body.theme-mixed.cat-categories-page .cat-tree__child,
body.theme-mixed.cat-categories-page .cat-viewer-welcome__stats span,
body.theme-mixed.cat-categories-page .cat-viewer-cat__image-wrap,
body.theme-mixed.cat-categories-page .cat-viewer-prod__image-wrap,
body.theme-mixed.cat-categories-page .cat-detail-branch__node,
body.theme-mixed.cat-categories-page .cat-detail-prod,
body.theme-mixed.cat-categories-page .product-quick-view-modal-header,
body.theme-mixed.cat-categories-page .product-quick-view-modal-body,
body.theme-mixed.cat-categories-page .product-quick-view-modal-footer,
body.theme-mixed.cat-categories-page .pcm-panel__header,
body.theme-mixed.cat-categories-page .pcm-panel__body,
body.theme-mixed.cat-categories-page .pcm-panel__footer {
    background: var(--surface-soft) !important;
    border-color: var(--glass-border) !important;
}

body.theme-mixed.cat-categories-page .cat-tree__count,
body.theme-mixed.cat-categories-page .cat-detail-branch__node.is-current,
body.theme-mixed.cat-categories-page .catpage-cart-card__count {
    background: var(--finland-blue-600) !important;
    border-color: var(--finland-blue) !important;
}

body.theme-mixed.cat-categories-page .cat-tree__row:hover,
body.theme-mixed.cat-categories-page .cat-tree__product-row:hover,
body.theme-mixed.cat-categories-page .js-cat-row.is-active,
body.theme-mixed.cat-categories-page .cat-detail-prod:hover,
body.theme-mixed.cat-categories-page button.cat-detail-branch__node:hover {
    background: var(--datatable-row-hover-bg) !important;
}

body.theme-mixed .pp-card-bg {
    background-image:
        linear-gradient(135deg,
            rgba(235, 246, 255, 0.93) 0%,
            rgba(210, 234, 255, 0.87) 45%,
            rgba(192, 224, 255, 0.82) 100%),
        var(--pp-bg-img, none);
}

/* ───────────────── Category Directory (mixed theme) ───────────────── */
body.theme-mixed .cat-simple-view-link {
    border-color: rgba(37, 99, 235, 0.22);
    background: rgba(255, 255, 255, 0.58);
}
body.theme-mixed .cat-simple-view-link:hover,
body.theme-mixed .cat-simple-view-link:focus-visible {
    border-color: rgba(37, 99, 235, 0.42);
    background: rgba(255, 255, 255, 0.82);
}
body.theme-mixed .cat-simple-view-link__preview {
    border-color: rgba(37, 99, 235, 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(219, 234, 254, 0.9));
}
body.theme-mixed .cat-simple-view-link__title {
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__col {
    background: rgba(255, 255, 255, 0.4);
    border-color: rgba(37, 99, 235, 0.18);
}
body.theme-mixed .cat-dir__col:hover {
    background: rgba(255, 255, 255, 0.65);
    border-color: rgba(37, 99, 235, 0.32);
}
body.theme-mixed .cat-dir__col.is-active {
    background: rgba(219, 234, 254, 0.55);
    border-color: rgba(37, 99, 235, 0.55);
    box-shadow: 0 1px 0 rgba(37, 99, 235, 0.08), 0 8px 22px -14px rgba(37, 99, 235, 0.45);
}
body.theme-mixed .cat-dir__thumb {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__rule {
    background: rgba(37, 99, 235, 0.18);
}
body.theme-mixed .cat-dir__sub:hover,
body.theme-mixed .cat-dir__sub:focus-visible {
    background: rgba(37, 99, 235, 0.1);
    border-left-color: rgba(37, 99, 235, 0.45);
}
body.theme-mixed .cat-dir__sub.is-active {
    background: rgba(37, 99, 235, 0.16);
    border-left-color: #1d4ed8;
}
body.theme-mixed .cat-dir__sub-count {
    background: rgba(37, 99, 235, 0.1);
}
body.theme-mixed .cat-dir__sub:hover .cat-dir__sub-count,
body.theme-mixed .cat-dir__sub:focus-visible .cat-dir__sub-count,
body.theme-mixed .cat-dir__sub.is-active .cat-dir__sub-count {
    background: rgba(37, 99, 235, 0.22);
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__see-all,
body.theme-mixed .cat-dir__more:hover,
body.theme-mixed .cat-dir__more:focus-visible {
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__reset {
    border-color: rgba(37, 99, 235, 0.28);
    background: rgba(219, 234, 254, 0.55);
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__reset:hover,
body.theme-mixed .cat-dir__reset:focus-visible {
    background: rgba(191, 219, 254, 0.65);
    border-color: rgba(37, 99, 235, 0.5);
}
body.theme-mixed .cat-dir__search {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(37, 99, 235, 0.22);
}
body.theme-mixed .cat-dir__search:focus-visible {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}
body.theme-mixed .cat-dir__chips-toggle {
    border-color: rgba(37, 99, 235, 0.24);
    background: rgba(255, 255, 255, 0.62);
}
body.theme-mixed .cat-dir__chips-toggle:hover,
body.theme-mixed .cat-dir__chips-toggle:focus-visible,
body.theme-mixed .cat-dir__chips-toggle.is-open {
    border-color: rgba(37, 99, 235, 0.42);
    background: rgba(37, 99, 235, 0.1);
}
body.theme-mixed .cat-dir__chips-toggle svg {
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__indicator {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}
body.theme-mixed .cat-dir__header:hover .cat-dir__indicator,
body.theme-mixed .cat-dir__header:focus-visible .cat-dir__indicator,
body.theme-mixed .cat-dir__col.is-expanded .cat-dir__indicator--toggle {
    background: rgba(37, 99, 235, 0.22);
}
body.theme-mixed .cat-dir__col.is-active--root .cat-dir__indicator,
body.theme-mixed .cat-dir__col.is-active--sub .cat-dir__indicator {
    background: #1d4ed8;
    color: #fff;
}
body.theme-mixed .cat-dir-floating__inner {
    border-color: rgba(37, 99, 235, 0.32);
    background: rgba(219, 234, 254, 0.97);
    box-shadow: 0 24px 48px -22px rgba(29, 78, 216, 0.5),
                0 6px 14px -6px rgba(29, 78, 216, 0.22);
}
body.theme-mixed .cat-dir-floating__icon,
body.theme-mixed .cat-dir-floating__clear {
    color: #1d4ed8;
}
body.theme-mixed .cat-dir-floating__clear {
    background: rgba(37, 99, 235, 0.16);
}
body.theme-mixed .cat-dir-floating__clear:hover,
body.theme-mixed .cat-dir-floating__clear:focus-visible {
    background: rgba(37, 99, 235, 0.28);
}
body.theme-mixed .cat-dir-floating__token {
    border-color: rgba(37, 99, 235, 0.32);
    background: rgba(255, 255, 255, 0.9);
}
body.theme-mixed .cat-dir-floating__token--sub {
    background: rgba(37, 99, 235, 0.14);
}
body.theme-mixed .cat-dir-floating__token-x {
    background: rgba(37, 99, 235, 0.22);
    color: #1d4ed8;
}
body.theme-mixed .cat-dir-floating__token:hover .cat-dir-floating__token-x,
body.theme-mixed .cat-dir-floating__token:focus-visible .cat-dir-floating__token-x {
    background: #1d4ed8;
    color: #fff;
}


/* Journey 2.0 mixed-theme overrides */
body.theme-mixed .jrn-ring-card,
body.theme-mixed .jrn-chart-panel,
body.theme-mixed .jrn-beat-card {
    background: rgba(219, 234, 254, 0.45);
    border-color: rgba(29, 78, 216, 0.2);
}
body.theme-mixed .jrn-narrative {
    background: rgba(219, 234, 254, 0.35);
    border-left-color: #1d4ed8;
}

/* §34 Shop Section Banner — mixed theme */
body.theme-mixed .shop-section-banner {
    border-bottom-color: rgba(29, 78, 216, 0.18);
}
body.theme-mixed .shop-section-banner__title { color: #1e3a5f; }
body.theme-mixed .shop-section-banner__desc  { color: #374151; }
body.theme-mixed .shop-section-banner__link  { color: #1d4ed8; }
body.theme-mixed .shop-section-banner__link:hover,
body.theme-mixed .shop-section-banner__link:focus-visible {
    color: #1e40af;
    border-bottom-color: #1d4ed8;
}

/* §35b POTD Carousel — mixed theme */
body.theme-mixed .shop-potd-card {
    background: rgba(219, 234, 254, 0.5);
    border-color: rgba(29, 78, 216, 0.18);
}
body.theme-mixed .shop-potd-card__badge {
    background: rgba(255, 255, 255, 0.82);
    color: #1d4ed8;
}
body.theme-mixed .shop-potd-card__name { color: #1e3a5f; }
body.theme-mixed .shop-potd-card__price { color: #1d4ed8; }
body.theme-mixed .shop-potd-title { color: #1e3a5f; }
body.theme-mixed .shop-potd-subtitle { color: #374151; }
body.theme-mixed .shop-potd-nav {
    background: rgba(219, 234, 254, 0.6);
    border-color: rgba(29, 78, 216, 0.22);
    color: #1d4ed8;
}
body.theme-mixed .shop-potd-nav:hover,
body.theme-mixed .shop-potd-nav:focus-visible {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
}

/* §51 News / Outlet canvas — mixed theme */
body.theme-mixed .news-outlet-canvas-wrap {
    background: linear-gradient(145deg, rgba(15,31,77,0.09) 0%, rgba(30,64,175,0.06) 42%, rgba(37,99,235,0.04) 72%, rgba(96,165,250,0.02) 100%);
    border-color: rgba(29,78,216,0.12);
}
body.theme-mixed .news-outlet-shimmer {
    background: radial-gradient(ellipse at 38% 32%, rgba(59,130,246,0.09) 0%, rgba(29,78,216,0.04) 48%, transparent 72%);
}