/* FindVault contrast and theme compatibility fix — 2026-07-26.
   Light mode is the safe default. Dark mode remains optional and must keep WCAG-style contrast. */
:root{color-scheme:light}
html[data-fv-theme="dark"]{color-scheme:dark}

/* Shared dark header/navigation */
html[data-fv-theme="dark"] .fv-announcement{background:#071923!important;color:#d9f7f2!important;border-color:#24424e!important}
html[data-fv-theme="dark"] .fv-header{background:rgba(7,20,29,.97)!important;border-color:#24424e!important;box-shadow:0 10px 30px rgba(0,0,0,.24)!important}
html[data-fv-theme="dark"] .fv-brand-copy b{color:#f2fbfc!important}
html[data-fv-theme="dark"] .fv-brand-copy span{color:#79e7cc!important}
html[data-fv-theme="dark"] .fv-nav a{color:#c6d8e2!important}
html[data-fv-theme="dark"] .fv-nav a:hover,
html[data-fv-theme="dark"] .fv-nav a.active{color:#8ff3df!important;background:rgba(45,212,191,.13)!important}
html[data-fv-theme="dark"] .fv-menu,
html[data-fv-theme="dark"] .fvu-more-trigger{background:#102630!important;color:#edfafa!important;border-color:#31505d!important}

/* Homepage and commerce surfaces */
html[data-fv-theme="dark"] .fv-page-hero,
html[data-fv-theme="dark"] .fv-section,
html[data-fv-theme="dark"] .fv-section.alt{background:#0b202b!important;color:#eef9fb!important}
html[data-fv-theme="dark"] .fv-page-hero{background:radial-gradient(circle at 82% 10%,rgba(45,212,191,.16),transparent 30%),linear-gradient(145deg,#0b202b,#081821)!important}
html[data-fv-theme="dark"] .fv-page-hero h1,
html[data-fv-theme="dark"] .fv-section-head h2,
html[data-fv-theme="dark"] .fv-section h1,
html[data-fv-theme="dark"] .fv-section h2,
html[data-fv-theme="dark"] .fv-section h3{color:#f4fbfc!important}
html[data-fv-theme="dark"] .fv-page-hero p,
html[data-fv-theme="dark"] .fv-section-head p,
html[data-fv-theme="dark"] .fv-section p{color:#b7cbd5!important}
html[data-fv-theme="dark"] .fv-kicker{color:#83ead5!important}
html[data-fv-theme="dark"] .fv-kicker i{background:#34d399!important}

/* Product/category/design cards */
html[data-fv-theme="dark"] .fv-product,
html[data-fv-theme="dark"] .fv-category,
html[data-fv-theme="dark"] .fv-design-card,
html[data-fv-theme="dark"] .fv-step,
html[data-fv-theme="dark"] .fv-use-card,
html[data-fv-theme="dark"] .fv-story,
html[data-fv-theme="dark"] .fv-faq details,
html[data-fv-theme="dark"] .fv-size-table,
html[data-fv-theme="dark"] .fv-demo,
html[data-fv-theme="dark"] .fv-trustgrid{background:#102630!important;color:#eef9fb!important;border-color:#2b4855!important}
html[data-fv-theme="dark"] .fv-product-media,
html[data-fv-theme="dark"] .fv-design-card figure{background:linear-gradient(145deg,#edf5f4,#dce9e6)!important}
html[data-fv-theme="dark"] .fv-product h3,
html[data-fv-theme="dark"] .fv-category h3,
html[data-fv-theme="dark"] .fv-design-card h3,
html[data-fv-theme="dark"] .fv-size-table td:first-child{color:#f4fbfc!important}
html[data-fv-theme="dark"] .fv-product p,
html[data-fv-theme="dark"] .fv-category p,
html[data-fv-theme="dark"] .fv-design-card p{color:#b7cbd5!important}
html[data-fv-theme="dark"] .fv-specs span,
html[data-fv-theme="dark"] .fv-filter{background:#0a1a23!important;color:#cfe0e7!important;border-color:#2b4855!important}
html[data-fv-theme="dark"] .fv-filter.active,
html[data-fv-theme="dark"] .fv-filter:hover{background:rgba(45,212,191,.14)!important;color:#8ff3df!important;border-color:#3f8f83!important}
html[data-fv-theme="dark"] .fv-size-table th{background:#0a1a23!important;color:#cfe0e7!important}
html[data-fv-theme="dark"] .fv-size-table td{border-color:#29434f!important;color:#dbe9ee!important}

/* Buttons and form controls */
html[data-fv-theme="dark"] .fv-btn:not(.primary):not(.dark){background:#102630!important;color:#effafa!important;border-color:#31505d!important}
html[data-fv-theme="dark"] .fv-btn.dark{background:#e8f7f4!important;color:#073d3a!important;border-color:#e8f7f4!important}
html[data-fv-theme="dark"] option{background:#0a1922;color:#edf8fa}

/* Keep language widget and overlays readable */
html[data-fv-theme="dark"] .fv-language-panel,
html[data-fv-theme="dark"] .fv-language-select{color:#f4fbfc!important}

/* Narrow desktop protection: prevent clipped horizontal navigation. */
@media(max-width:1240px){
  .fv-nav[data-unified-nav="true"]{max-width:min(58vw,720px);overflow-x:auto;scrollbar-width:none}
  .fv-nav[data-unified-nav="true"]::-webkit-scrollbar{display:none}
}