/*
 * Light colour scheme and the header scheme toggle.
 *
 * Light is the default scheme (data-theme="light" on <html>, see functions.php); the dark scheme
 * is defined by design-system.css and the plugin stylesheets. This file loads after all of them
 * and only acts under html[data-theme="light"], so the dark pages are unchanged. The shared tokens are redefined first; the
 * rules after them replace dark colours that the other stylesheets write directly instead of
 * through a token. The light scheme has its own white header and light footer.
 */

/* Header toggle (both schemes). */
.nc-theme-toggle {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-inline-start: 6px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nc-theme-toggle:hover {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
}

.nc-theme-toggle:focus-visible {
    outline: 3px solid #72b7ff;
    outline-offset: 2px;
}

#header [data-device="mobile"] .nc-theme-toggle {
    margin-inline: 0 10px;
}

/* The icon shows the scheme a click switches to. */
.nc-theme-toggle__moon {
    display: none;
}

html[data-theme="light"] .nc-theme-toggle__sun {
    display: none;
}

html[data-theme="light"] .nc-theme-toggle__moon {
    display: block;
}

/* ------------------------------------------------------------------
   Light tokens
   ------------------------------------------------------------------ */

html[data-theme="light"] {
    color-scheme: light;
    --nc-bg: #f4f6f9;
    --nc-bg-elevated: #ffffff;
    --nc-surface-1: #ffffff;
    --nc-surface-2: #f2f5f9;
    --nc-surface-3: #e7ecf3;
    --nc-surface-inset: #eef2f7;
    --nc-border: #d3dbe6;
    --nc-border-strong: #b4c1d3;
    --nc-border-soft: rgba(15, 30, 55, 0.09);
    --nc-text: #1b2432;
    --nc-text-strong: #0b1220;
    --nc-text-secondary: #3b495c;
    --nc-text-muted: #5a687b;
    --nc-link: #0b63c9;
    --nc-link-hover: #084b9a;
    --nc-accent: #1666d1;
    --nc-nvidia: #4d7c0f;
    --nc-amd: #c42f27;
    --nc-ati: #b0263d;
    --nc-ati-text: #b0263d;
    --nc-intel: #0a6aa6;
    --nc-other: #6a4bd1;
    --nc-market-up: #a35a00;
    --nc-market-down: #0b7a80;
    --nc-market-flat: #6a4bd1;
    --nc-success: #1d7f42;
    --nc-warning: #8f5d00;
    --nc-danger: #c22d38;
    --nc-info: #0a679d;
    --nc-focus: #1666d1;
    --nc-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06), 0 2px 8px rgba(16, 24, 40, 0.05);
    --nc-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08), 0 12px 32px rgba(16, 24, 40, 0.08);
    /* Blocksy's own colour variables. Blocksy writes them as fixed values into its generated
       uploads/blocksy/css/global.css from the palette saved in the database, and regenerates
       that file on updates. Restating them here (html[data-theme] outranks :root) keeps the
       light scheme independent of that file, the Customizer and Blocksy updates. */
    --theme-palette-color-1: #1666d1;
    --theme-palette-color-2: #084b9a;
    --theme-palette-color-3: #3b495c;
    --theme-palette-color-4: #1b2432;
    --theme-palette-color-5: #d3dbe6;
    --theme-palette-color-6: #f2f5f9;
    --theme-palette-color-7: #f4f6f9;
    --theme-palette-color-8: #ffffff;
    --theme-text-color: #1b2432;
    --theme-headings-color: #0b1220;
    --theme-border-color: #d3dbe6;
    --theme-link-initial-color: #0b63c9;
    --theme-link-hover-color: #084b9a;
}

html[data-theme="light"] body.nc-site select,
html[data-theme="light"] .ncmw-range-custom__form input[type="date"] {
    color-scheme: light;
}

/* ------------------------------------------------------------------
   Mastheads: a pale band with the page's accent at the left edge.
   ------------------------------------------------------------------ */

html[data-theme="light"] :is(.nc-page-hero, .nc-archive-header, .nc-compare-header) {
    --nc-hero-accent: rgba(22, 102, 209, 0.07);
}

html[data-theme="light"] .nc-page-hero--retro { --nc-hero-accent: rgba(176, 120, 40, 0.1); }
html[data-theme="light"] .nc-page-hero--commentary { --nc-hero-accent: rgba(194, 70, 50, 0.08); }
html[data-theme="light"] .nc-page-hero--guides { --nc-hero-accent: rgba(10, 106, 166, 0.08); }

html[data-theme="light"] :is(.nc-page-hero, .nc-archive-header, .nc-compare-header, .nc-gpu-wiki-hero, .nc-page-hero--retro, .nc-page-hero--commentary, .nc-page-hero--guides) {
    background:
        linear-gradient(90deg, var(--nc-hero-accent), transparent 45%),
        linear-gradient(180deg, #ffffff, #edf2f8);
}

html[data-theme="light"] :is(.nc-home-identity, .nc-home-hero, .ncmw-hero, .nc-author-profile__masthead, .nc-saeid-profile__hero) {
    background:
        radial-gradient(circle at 86% 14%, rgba(22, 102, 209, 0.08), transparent 38%),
        linear-gradient(180deg, #ffffff, #edf2f8);
}

html[data-theme="light"] :is(.nc-page-hero, .nc-archive-header, .nc-compare-header)::after,
html[data-theme="light"] .nc-page-hero--guides::after {
    background-image:
        linear-gradient(rgba(15, 30, 55, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 30, 55, 0.035) 1px, transparent 1px);
}

/* ------------------------------------------------------------------
   Controls
   ------------------------------------------------------------------ */

#header .nc-theme-toggle.nc-icon-btn {
    border-color: rgba(255, 255, 255, 0.22);
    background: transparent;
    color: #fff;
}

#header .nc-theme-toggle.nc-icon-btn:hover {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
}

/* Filled accent buttons carry white text; the dark ink they use on the dark site's brighter blue
   fails contrast on the deeper light-scheme blue. */
html[data-theme="light"] .nc-button:not(.secondary):not(.nc-button--secondary),
html[data-theme="light"] body.nc-site .wp-element-button,
html[data-theme="light"] body.nc-site button:not(.ct-toggle):not(.ct-header-trigger):not(.nc-compare-action-btn):not(.nc-combobox__clear):not(.nc-compare-view-btn):not(.nc-sort-grip):not(.nc-icon-btn):not(.pctv-pill-select__button):not(.pctv-toggle__btn),
html[data-theme="light"] .nc-compare-action-primary {
    color: #fff;
}

html[data-theme="light"] .nc-button:not(.secondary):not(.nc-button--secondary):hover,
html[data-theme="light"] body.nc-site .wp-element-button:hover,
html[data-theme="light"] body.nc-site button:not(.ct-toggle):not(.ct-header-trigger):not(.nc-compare-action-btn):not(.nc-combobox__clear):not(.nc-compare-view-btn):not(.nc-sort-grip):not(.nc-icon-btn):not(.pctv-pill-select__button):not(.pctv-toggle__btn):hover,
html[data-theme="light"] .nc-compare-action-primary:hover {
    color: #fff;
}

html[data-theme="light"] :is(.nc-button.secondary, .nc-button--secondary, .nc-compare-action-btn, .nc-compare-order-btn, .nc-compare-view-btn, .nc-compare-row-order__select) {
    border-color: var(--nc-border-strong);
}

html[data-theme="light"] body.nc-site :where(input, textarea, select):focus {
    box-shadow: 0 0 0 3px rgba(22, 102, 209, 0.18);
}

/* ------------------------------------------------------------------
   Status chips: stock, freshness and "hard to find"
   ------------------------------------------------------------------ */

html[data-theme="light"] :is(.nc-stock-pill, .ncmw-stock-pill).is-in {
    border-color: rgba(29, 127, 66, 0.35);
    background: #e7f5ec;
    color: #146534;
}

html[data-theme="light"] .ncmw-stock-pill.is-aging {
    border-color: rgba(143, 93, 0, 0.35);
    background: #fdf3dc;
    color: #744b00;
}

html[data-theme="light"] :is(.nc-stock-pill, .ncmw-stock-pill).is-out {
    border-color: rgba(194, 45, 56, 0.32);
    background: #fdecee;
    color: #a1212c;
}

html[data-theme="light"] .ncmw-hard-to-find-badge {
    border-color: rgba(163, 90, 0, 0.35);
    background: #fdf1dc;
    color: #744b00;
}

html[data-theme="light"] .ncmw-price-row__change.is-hard-to-find {
    color: #8a5300;
}

/* Market Watch disclosures (methodology, recent observations). */
html[data-theme="light"] .ncmw-market-details {
    border-color: var(--nc-border);
    background: var(--nc-surface-1);
}

/* ------------------------------------------------------------------
   Vendor and accent tokens. Brand green (#76b900) is too light for text on white, so the light
   scheme uses a deeper green that still reads as NVIDIA; fills with it carry white text.
   ------------------------------------------------------------------ */

html[data-theme="light"] {
    --vendor-nvidia: #457a00;
    --nc-brand-nvidia: #457a00;
    --nc-green: #3f7a12;
    --nc-green-dark: #2d6814;
    --nc-muted: #5a687b;
    --nc-text-dark: #0b1220;
    --gpu-vendor-contrast: #fff;
    --nc-chart-bg: var(--nc-surface-inset);
}

html[data-theme="light"] :is(.gpu-card--vendor-nvidia, .gpu-table-row--vendor-nvidia, .nc-badge--vendor-nvidia) {
    --gpu-vendor-contrast: #fff;
}

html[data-theme="light"] .vendor-tab--nvidia {
    --vendor-tab-contrast: #fff;
}

/* Compare slots: the four GPU colours, deepened for white. */
html[data-theme="light"] .nc-gpu-slot { --nc-gpu-accent: #1666d1; }
html[data-theme="light"] .nc-gpu-slot--2 { --nc-gpu-accent: #0b7f76; }
html[data-theme="light"] .nc-gpu-slot--3 { --nc-gpu-accent: #a35a00; }
html[data-theme="light"] .nc-gpu-slot--4 { --nc-gpu-accent: #6a4bd1; }

/* ------------------------------------------------------------------
   Text colours written directly for the dark background
   ------------------------------------------------------------------ */

html[data-theme="light"] .nc-retro-page .nc-kicker,
html[data-theme="light"] .nc-start-card--retro .nc-start-card__title { color: #8a5d14; }
html[data-theme="light"] .nc-commentary-page .nc-kicker { color: #b0412c; }
html[data-theme="light"] .nc-guides-page .nc-kicker { color: #0a6aa6; }

html[data-theme="light"] :is(.nc-hub-card .nc-hub-card__status, .nc-confidence-banner, .nc-status-note) { color: #6f5212; }
html[data-theme="light"] .nc-confidence-banner--verified { color: #1d6b3c; }

html[data-theme="light"] :is(.nc-quick-filters h2, .nc-section-heading--dark h2, .nc-start-here h2, .nc-wiki-card, .nc-start-card, .nc-filter-details summary, .nc-popular-filters h2, .nc-filter-select-group label, .nc-filter-select, .ncmw-hero, .ncmw-home-spotlight) {
    color: var(--nc-text-strong);
}

html[data-theme="light"] :is(.nc-hero p, .nc-archive-header p, .nc-home-compare-spotlight p, .nc-quick-filters li, .nc-section-heading--dark p, .nc-wiki-card__text, .nc-start-card small, .nc-filter-chip, .nc-home-hero__sub, .ncmw-hero p, .ncmw-market-details, .ncmw-market-details__body p, .ncmw-home-spotlight p, .ncmw-home-spotlight__cards small) {
    color: var(--nc-text-secondary);
}

html[data-theme="light"] :is(.nc-filter-count, .nc-empty-value, .nc-chip-count, .nc-start-card__desc, .nc-coming-soon-tile__badge, .nc-coming-soon-tile p, .nc-home-search-hints a, .ncmw-hero__trust, .nc-home-hero__search .nc-combobox-list__option small, .nc-home-search .nc-combobox-list__option small) {
    color: var(--nc-text-muted);
}

html[data-theme="light"] .nc-archive-header input[type="search"]::placeholder { color: var(--nc-text-muted); }

html[data-theme="light"] :is(.nc-quick-filters a, body.nc-site .nc-gpu-photo--entry figcaption a, body.nc-site .nc-gpu-gallery__view figcaption a, .nc-gpu-photo__gallery) {
    color: var(--nc-link);
}

html[data-theme="light"] .nc-inline-reset.nc-filter-reset { color: var(--nc-link); }

html[data-theme="light"] .ncmw-home-spotlight__cards strong { color: #3f7a12; }

/* Market direction and tax wording. */
html[data-theme="light"] .ncmw-trend.is-up { color: #985300; }
html[data-theme="light"] .ncmw-trend.is-down { color: #0b7a80; }
html[data-theme="light"] .ncmw-trend.is-near { color: #1d7f42; }
html[data-theme="light"] .ncmw-trend.is-flat { color: #6a4bd1; }
html[data-theme="light"] .ncmw-tax-pill--tax-excluded { color: #855800; }
html[data-theme="light"] :is(.ncmw-tax-pill--vat-included, .ncmw-tax-pill--tax-included) { color: #1d7f42; }
html[data-theme="light"] .ncmw-tax-pill--mixed { color: #6a4bd1; }
html[data-theme="light"] .ncmw-price-direction.is-up { color: #c22d38; }
html[data-theme="light"] .ncmw-price-direction.is-down { color: #1d7f42; }
html[data-theme="light"] :is(.ncmw-price-row__freshness.is-stale, .ncmw-hero-ticker__trend--hard-to-find, .ncmw-hero-trend__pill--stale) { color: #8a5300; }
html[data-theme="light"] .ncmw-stock-line.is-in { color: #146534; }
html[data-theme="light"] .ncmw-stock-line.is-aging { color: #744b00; }
html[data-theme="light"] .ncmw-stock-line.is-out { color: #a1212c; }

/* ------------------------------------------------------------------
   Surfaces written directly in dark colours
   ------------------------------------------------------------------ */

html[data-theme="light"] :is(.nc-hero, .nc-home-hero, .nc-home-section--dark) {
    background: linear-gradient(180deg, #ffffff, #edf2f8);
}

html[data-theme="light"] :is(.nc-home-compare-spotlight, .ncmw-home-spotlight) {
    background:
        linear-gradient(135deg, rgba(74, 128, 0, 0.08), transparent 38%),
        linear-gradient(180deg, #ffffff, #f2f5f9);
}

html[data-theme="light"] :is(.nc-home-hero__search, .nc-home-search-row) {
    background: var(--nc-surface-1);
}

html[data-theme="light"] :is(.nc-archive-header input[type="search"], .nc-filter-select) {
    background-color: var(--nc-surface-1);
    border-color: var(--nc-border-strong);
}

html[data-theme="light"] :is(.nc-home-hero__search .nc-search-suggestions, .nc-home-search .nc-search-suggestions) {
    background: var(--nc-surface-1);
    box-shadow: var(--nc-shadow-md);
}

html[data-theme="light"] .nc-entry-type-badge {
    background: #eaf3df;
    color: #2f5f12;
}

html[data-theme="light"] .nc-home-compare-spotlight .nc-compare-preset-card {
    background:
        linear-gradient(var(--nc-surface-1), var(--nc-surface-1)) padding-box,
        linear-gradient(to right, var(--nc-va-color, var(--nc-border-strong)) 50%, var(--nc-vb-color, var(--nc-border-strong)) 50%) border-box;
}

html[data-theme="light"] :is(.nc-home-compare-spotlight .nc-compare-preset-card:hover, .nc-home-compare-spotlight .nc-compare-preset-card:focus-visible) {
    background:
        linear-gradient(var(--nc-surface-2), var(--nc-surface-2)) padding-box,
        linear-gradient(to right, var(--nc-va-color, var(--nc-border-strong)) 50%, var(--nc-vb-color, var(--nc-border-strong)) 50%) border-box;
}

html[data-theme="light"] .nc-article-related-card__image {
    background: var(--nc-surface-3);
}

html[data-theme="light"] :is(.nc-gpu-chart, .nc-bench-summary) {
    background: var(--nc-surface-inset);
}

html[data-theme="light"] .nc-performance-track__rail {
    background: var(--nc-surface-3);
}

html[data-theme="light"] :is(.ncmw-market-search button, .ncmw-popular-pill span, .ncmw-component-pill) {
    background: var(--nc-surface-3);
    color: var(--nc-text-strong);
}

html[data-theme="light"] .ncmw-msrp-bar__axis {
    background: var(--nc-border-strong);
}

/* Code keeps a dark block in both schemes, the common convention for listings. */
html[data-theme="light"] .nc-article-body pre {
    border-color: #1d2734;
    background: #111823;
    color: #dce6f0;
}

html[data-theme="light"] .nc-article-body :not(pre) > code {
    background: var(--nc-surface-3);
    color: #26364a;
}

/* Active choice pills and forum buttons on the accent fill. The plugin and forum rules use
   !important, so these do too. */
html[data-theme="light"] .ncmw-page .ncmw-choice-group .ncmw-choice-pill.is-active,
html[data-theme="light"] .ncmw-page .ncmw-browse-quick-views .ncmw-quick-view.is-active {
    border-color: var(--nc-accent) !important;
    background: var(--nc-accent) !important;
    color: #fff !important;
}

html[data-theme="light"] body.page-id-5209 #wpforo #wpforo-wrap a.wpf-button,
html[data-theme="light"] body.page-id-5209 #wpforo #wpforo-wrap a.wpf-button:hover,
html[data-theme="light"] body.page-id-5209 #wpforo #wpforo-wrap a.wpf-button:focus,
html[data-theme="light"] body.page-id-5209 #wpforo #wpforo-wrap a.wpf-button :where(span, i) {
    color: #fff !important;
}

html[data-theme="light"] body.page-id-5209 #bywpforo {
    color: var(--nc-text-muted) !important;
}

html[data-theme="light"] .nc-gpu-chart {
    --nc-chart-bg: var(--nc-surface-inset);
}

/* wpForo's divider under a board description is near-white. */
html[data-theme="light"] body.page-id-5209 #wpforo-wrap .wpf-action-link {
    border-top-color: var(--nc-border) !important;
}

/* ------------------------------------------------------------------
   Form fields: white with a clear border, the light-scheme convention, instead of the dark
   scheme's inset grey that disappears against grey panels.
   ------------------------------------------------------------------ */

html[data-theme="light"] body.nc-site :where(input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="date"], input:not([type]), textarea, select),
html[data-theme="light"] body.nc-site .nc-combobox__input {
    border-color: var(--nc-border-strong);
    background-color: #fff;
}

/* Compare picker: the GPU slots sit on the white form with no grey band behind them, and
   the optional slots row reads as a control. */
html[data-theme="light"] .nc-compare-slot {
    background: transparent;
}

html[data-theme="light"] .nc-compare-slot__head label {
    color: var(--nc-text-strong);
}

html[data-theme="light"] .nc-gpu-compare-form details.nc-compare-optional,
html[data-theme="light"] .nc-gpu-compare-form details.nc-compare-optional > summary {
    border-color: var(--nc-border);
    background: #fff;
    color: var(--nc-text-strong);
}

/* Fallback placement when the header has no spot for the toggle (see functions.php). */
.nc-theme-toggle.nc-theme-toggle--floating {
    position: fixed;
    z-index: 9999;
    right: 16px;
    bottom: 16px;
    border-color: rgba(255, 255, 255, 0.3);
    background: #0b2a5c;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

/* ------------------------------------------------------------------
   Header and footer: a white bar and a light grey footer with the on-light logo (owner choice
   2026-10-19, after comparing it with the navy bar).
   ------------------------------------------------------------------ */

html[data-theme="light"] body.nc-site #header {
    border-bottom: 1px solid var(--nc-border);
    background: #fff;
    box-shadow: 0 1px 0 rgba(16, 24, 40, 0.04), 0 6px 18px rgba(16, 24, 40, 0.06);
    --theme-icon-color: var(--nc-text-strong);
    --theme-icon-hover-color: var(--nc-accent);
}

html[data-theme="light"] body.nc-site #header :is(.menu > li > a, .ct-menu-link) {
    color: #273449;
}

html[data-theme="light"] body.nc-site #header :is(.menu > li > a:hover, .menu > li.current-menu-item > a, .menu > li.current-menu-ancestor > a, .menu > li > a[aria-current="page"]) {
    color: var(--nc-text-strong);
    background: var(--nc-surface-2);
}

html[data-theme="light"] body.nc-site #header :is(.ct-header-search, .ct-header-trigger) {
    color: var(--nc-text-strong);
}

html[data-theme="light"] #header .nc-theme-toggle.nc-icon-btn {
    border-color: var(--nc-border-strong);
    color: var(--nc-text-strong);
}

html[data-theme="light"] #header .nc-theme-toggle.nc-icon-btn:hover {
    border-color: var(--nc-accent);
    background: var(--nc-surface-2);
}

/* The uploaded logo is drawn for a dark background; the light bar uses the on-light master. */
html[data-theme="light"] :is(#header .site-logo-container, .nc-site-footer__brand-link--image) {
    background: url("../images/pc-tech-vault-logo-on-light.svg") left center / contain no-repeat;
}

html[data-theme="light"] :is(#header .site-logo-container img, .nc-site-footer__logo) {
    opacity: 0;
}

html[data-theme="light"] .nc-site-footer {
    border-top: 1px solid var(--nc-border);
    background: #e9eef4;
}

html[data-theme="light"] #offcanvas .ct-toggle-close {
    --theme-icon-color: var(--nc-text-strong);
    --theme-icon-hover-color: var(--nc-accent);
    color: var(--nc-text-strong);
}

/* ------------------------------------------------------------------
   Search boxes and suggestion lists
   ------------------------------------------------------------------ */

/* Home search: the icon, field and button share one white box. */
html[data-theme="light"] .nc-home-search__row {
    background: #fff;
}

html[data-theme="light"] body.nc-site .nc-home-search__row input[type="search"] {
    border: 0;
    background: transparent;
}

html[data-theme="light"] .nc-home-search__row:focus-within {
    box-shadow: 0 0 0 3px rgba(22, 102, 209, 0.18);
}

/* Suggestions open as a white panel with a soft shadow; the hovered or keyboard-selected row is
   a pale blue band with a blue edge. */
html[data-theme="light"] :is(.nc-combobox-list, .nc-search-suggestions, .pctv-cpu-suggestions),
html[data-theme="light"] :is(.nc-home-hero__search, .nc-home-search) .nc-search-suggestions {
    border-color: var(--nc-border);
    background: #fff;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.14);
    color: var(--nc-text);
}

html[data-theme="light"] :is(.nc-combobox-list__option, .pctv-cpu-suggestions li),
html[data-theme="light"] :is(.nc-home-hero__search, .nc-home-search) .nc-combobox-list__option {
    box-shadow: inset 3px 0 0 transparent;
    color: var(--nc-text-strong);
}

html[data-theme="light"] .nc-combobox-list__option small {
    color: var(--nc-text-muted);
}

html[data-theme="light"] :is(.nc-combobox-list__option:hover, .nc-combobox-list__option.is-active, .nc-combobox-list__option[aria-selected="true"], .nc-search-suggestions [role="option"]:hover, .nc-search-suggestions [role="option"][aria-selected="true"], .pctv-cpu-suggestions li:hover, .pctv-cpu-suggestions li[aria-selected="true"]) {
    background: #eaf2fd;
    box-shadow: inset 3px 0 0 var(--nc-accent);
    color: var(--nc-text-strong);
}

/* Header search popup: a light backdrop with the same field and button as the dark scheme
   (layout in design-system.css). */
html[data-theme="light"] #search-modal {
    color-scheme: light;
    --theme-icon-color: var(--nc-text-strong);
    --theme-icon-hover-color: var(--nc-accent);
    background-color: rgba(244, 246, 249, 0.97);
    color: var(--nc-text);
}

html[data-theme="light"] #search-modal .ct-toggle-close {
    --theme-icon-color: var(--nc-text-strong);
    --theme-icon-hover-color: var(--nc-accent);
    color: var(--nc-text-strong);
}

html[data-theme="light"] #search-modal .ct-toggle-close svg {
    fill: var(--nc-text-strong);
}

html[data-theme="light"] body.nc-site #search-modal .ct-search-form input.modal-field {
    background: #fff;
    color: var(--nc-text-strong);
}

/* ------------------------------------------------------------------
   Market Watch: watch bookmarks and the watched list
   ------------------------------------------------------------------ */

/* Table bookmark: outline in ink, blue on hover, solid blue once watched (a watched row on
   hover darkens rather than turning pale). The plugin rules use !important. */
html[data-theme="light"] body.nc-site .ncmw-price-table .ncmw-table-watch-toggle[type="button"] {
    color: var(--nc-text-secondary) !important;
}

html[data-theme="light"] body.nc-site .ncmw-price-table .ncmw-table-watch-toggle[type="button"]:hover {
    background: #eaf2fd !important;
    color: var(--nc-accent) !important;
}

html[data-theme="light"] body.nc-site .ncmw-price-table .ncmw-table-watch-toggle[aria-pressed="true"],
html[data-theme="light"] body.nc-site .ncmw-price-table .ncmw-table-watch-toggle[aria-pressed="true"]:hover {
    background: #eaf2fd !important;
    color: var(--nc-accent) !important;
}

html[data-theme="light"] body.nc-site .ncmw-price-table .ncmw-table-watch-toggle[aria-pressed="true"]:hover {
    color: var(--nc-link-hover) !important;
}

/* Watched list: a clear red remove button instead of the dark scheme's pale red. */
html[data-theme="light"] body.nc-site .ncmw-watchlist .ncmw-saved-item__remove {
    border-color: rgba(194, 45, 56, 0.45) !important;
    background: #fff !important;
    color: var(--nc-danger) !important;
}

html[data-theme="light"] body.nc-site .ncmw-watchlist .ncmw-saved-item__remove:hover,
html[data-theme="light"] body.nc-site .ncmw-watchlist .ncmw-saved-item__remove:focus-visible {
    border-color: var(--nc-danger) !important;
    background: #fdecee !important;
    color: var(--nc-danger) !important;
}

/* No change yet since saving reads as neutral, not as the purple "flat" market colour. */
html[data-theme="light"] .ncmw-saved-item__change.is-flat > strong {
    color: var(--nc-text-secondary);
}

/* wpForo's bright green "solved" check is too light on the light forum surface. */
html[data-theme="light"] body.page-id-5209 #wpforo #wpforo-wrap .fa-check-circle {
    color: var(--nc-success) !important;
}