/* Reversible overlay: loaded only on catalogue routes while the switch is on. */
body.inox-quick-dark {
    --global-palette1: #a9d9ed;
    --global-palette2: #d6eff9;
    --global-palette3: #f0f4f7;
    --global-palette4: #d9e2e9;
    --global-palette5: #becbd6;
    --global-palette6: #687d8e;
    --global-palette7: #23323f;
    --global-palette8: #19242e;
    --global-palette9: #111820;
    background: #111820 !important;
    color: #d9e2e9;
    isolation: isolate;
}
body.inox-quick-dark::before {
    content: "";
    position: fixed;
    inset: 5vh 6vw;
    z-index: -1;
    pointer-events: none;
    background: url("inoxokucia.svg") center 42% / contain no-repeat;
    filter: brightness(0) invert(1);
    opacity: .08;
}
.inox-quick-dark #wrapper,
.inox-quick-dark #inner-wrap,
.inox-quick-dark .site-content,
.inox-quick-dark .content-area,
.inox-quick-dark .site-main,
.inox-quick-dark .content-bg,
.inox-quick-dark .entry-content-wrap,
.inox-quick-dark .entry-hero-container-inner {
    background: transparent !important;
}
.inox-quick-dark .site-header,
.inox-quick-dark .site-header-wrap,
.inox-quick-dark .site-header-row-container-inner,
.inox-quick-dark .site-main-header-inner-wrap,
.inox-quick-dark .site-footer,
.inox-quick-dark .site-footer-row-container-inner,
.inox-quick-dark #mobile-drawer .drawer-inner {
    background: #111820 !important;
    color: #d9e2e9;
}
.inox-quick-dark h1,
.inox-quick-dark h2,
.inox-quick-dark h3,
.inox-quick-dark h4,
.inox-quick-dark h5,
.inox-quick-dark h6,
.inox-quick-dark .entry-title,
.inox-quick-dark div.product .product_title,
.inox-quick-dark div.product .price,
.inox-quick-dark .inox-catalog-intro,
.inox-quick-dark .inox-price-note,
.inox-quick-dark .inox-price-net,
.inox-quick-dark .product_meta,
.inox-quick-dark #kadence-breadcrumbs {
    color: #e8eff5 !important;
}
.inox-quick-dark a { color: #addcef; }
.inox-quick-dark a:hover,
.inox-quick-dark a:focus-visible { color: #e2f4fb; }
.inox-quick-dark .main-navigation .primary-menu-container > ul > li.menu-item > a,
.inox-quick-dark .drawer-navigation a,
.inox-quick-dark .site-footer a { color: #d9e8f0 !important; }
.inox-quick-dark .main-navigation a:hover,
.inox-quick-dark .drawer-navigation a:hover { color: #fff !important; }
.inox-quick-dark .inox-client-access,
.inox-quick-dark .inox-product-details {
    background: #19242e;
    border-color: #526778;
    color: #d9e2e9;
}
.inox-quick-dark .inox-client-access span { color: #c3d1dc; }
.inox-quick-dark .inox-access-button,
.inox-quick-dark .inox-product-documents .button,
.inox-quick-dark .inox-catalog-search button {
    background: #244b61;
    color: #fff !important;
    border-color: #7697aa;
}
.inox-quick-dark .inox-access-button:hover,
.inox-quick-dark .inox-product-documents .button:hover,
.inox-quick-dark .inox-catalog-search button:hover { background: #315f77; }
.inox-quick-dark .inox-access-button-secondary {
    color: #d9e8f0 !important;
    background: transparent;
}
.inox-quick-dark input[type="search"],
.inox-quick-dark select {
    background: #fff;
    color: #1f2d37;
    border-color: #a8b8c3;
}
.inox-quick-dark input[type="search"]::placeholder { color: #52606d; opacity: 1; }
/* Light cards retain their photographs, layout and original colour hierarchy. */
.inox-quick-dark .inox-category-card,
.inox-quick-dark ul.products li.product,
.inox-quick-dark .wc-block-grid__product {
    --global-palette1: #0b3446;
    --global-palette2: #062838;
    --global-palette3: #172c3b;
    --global-palette4: #253746;
    --global-palette5: #52606d;
    --global-palette8: #f3f6f7;
    --global-palette9: #fff;
    background: #fff;
    color: #172c3b !important;
}
.inox-quick-dark .inox-category-card h2,
.inox-quick-dark .inox-category-card .inox-category-link,
.inox-quick-dark .inox-category-card:hover h2,
.inox-quick-dark ul.products li.product a,
.inox-quick-dark ul.products li.product h2,
.inox-quick-dark ul.products li.product .price,
.inox-quick-dark ul.products li.product .inox-price-net,
.inox-quick-dark .wc-block-grid__product a { color: #0b3446 !important; }
/* Preserve table header and row styling, while restoring a light table surface. */
.inox-quick-dark .inox-variant-table-wrap,
.inox-quick-dark .inox-wx-table-wrap,
.inox-quick-dark .entry-content table,
.inox-quick-dark table {
    --global-palette1: #0b3446;
    --global-palette2: #062838;
    --global-palette3: #172c3b;
    --global-palette4: #253746;
    --global-palette5: #52606d;
    --global-palette8: #f3f6f7;
    --global-palette9: #fff;
    background: #fff;
    color: #253746;
}
.inox-quick-dark table a,
.inox-quick-dark table h2,
.inox-quick-dark table h3,
.inox-quick-dark table .inox-price-net { color: #0b3446 !important; }
.inox-quick-dark table thead a { color: inherit !important; }
.inox-quick-dark div.product .woocommerce-tabs ul.tabs li {
    background: #19242e;
    border-color: #526778;
}
.inox-quick-dark div.product .woocommerce-tabs ul.tabs li a { color: #d9e8f0; }
.inox-quick-dark div.product .woocommerce-tabs ul.tabs li.active {
    background: #23323f;
    border-bottom-color: #7697aa;
}
.inox-quick-dark a:focus-visible,
.inox-quick-dark button:focus-visible,
.inox-quick-dark input:focus-visible { outline: 2px solid #addcef; outline-offset: 3px; }
.inox-quick-dark .inox-category-card:focus-visible { outline-color: #addcef; }
@media (max-width: 600px) {
    body.inox-quick-dark::before {
        inset: 8vh 4vw;
        background-position: center 35%;
        background-size: contain;
    }
}