/* ============================================ Light theme overrides Applied when All dark-mode defaults live in common-dark.css ============================================ */ /* ---- Base ---- */ [data-theme="light"] body { background: #f0f2f5; } [data-theme="light"] a { color: #111; } [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4 { color: #111; } [data-theme="light"] p { color: #333; } /* ---- Loading screen ---- */ [data-theme="light"] .loading { background-color: #f0f2f5; } [data-theme="light"] .loading p { color: #111; } /* ---- Nav ---- */ [data-theme="light"] .nav-span { background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 1px 12px rgba(0,0,0,0.08); } [data-theme="light"] nav ul li a, [data-theme="light"] nav ul li { color: #111; } [data-theme="light"] nav ul li a:hover { color: var(--main-c); } [data-theme="light"] nav>ul>li:hover { background-color: rgba(17, 116, 186, 0.08); } [data-theme="light"] .nav-pull-down { background: rgba(255, 255, 255, 0.98); border: 1px solid rgba(0, 0, 0, 0.09); border-top: none; backdrop-filter: blur(8px); } [data-theme="light"] .nav-pull-down li:hover { background-color: rgba(17, 116, 186, 0.08); } [data-theme="light"] .nav-pull-down li ul { background: rgba(255, 255, 255, 0.98); border: 1px solid rgba(0, 0, 0, 0.09); } /* ---- Footer (always dark regardless of theme) ---- */ [data-theme="light"] footer { background: #0d111a; border-top-color: var(--main-c); } [data-theme="light"] footer h4, [data-theme="light"] footer p, [data-theme="light"] footer small, [data-theme="light"] footer a { color: inherit; } /* ---- Theme toggle button ---- */ [data-theme="light"] .theme-toggle-btn { color: #555; } [data-theme="light"] .theme-toggle-btn:hover { color: var(--main-c); } /* ---- Breadcrumbs ---- */ [data-theme="light"] .breadcrumbs { background: #fff; border-bottom-color: rgba(0, 0, 0, 0.1); } [data-theme="light"] .breadcrumbs li > a, [data-theme="light"] .breadcrumbs li > span { color: rgba(0, 0, 0, 0.55); } [data-theme="light"] .breadcrumbs li > a:hover { color: var(--main-c); } [data-theme="light"] .breadcrumbs li::after { color: rgba(0, 0, 0, 0.2); } [data-theme="light"] .bc-filter-category { color: #9a6b00; } [data-theme="light"] .bc-filter-search { color: var(--main-c); } /* ---- Search bar ---- */ [data-theme="light"] .search-bar-container input { background: #fff; border-color: rgba(17, 116, 186, 0.35); color: #111; } [data-theme="light"] .search-bar-container input:focus { background: #fff; border-color: var(--main-c); } [data-theme="light"] .search-bar-container input::placeholder { color: rgba(0, 0, 0, 0.3); } [data-theme="light"] .search-clear-btn { color: rgba(0, 0, 0, 0.4); } [data-theme="light"] .search-clear-btn:hover { color: #111; } /* ---- Category filter pills ---- */ [data-theme="light"] .select-bar-item { background-color: rgba(0, 0, 0, 0.04); border-color: rgba(17, 116, 186, 0.3); color: #333; } [data-theme="light"] .select-bar-item:hover { background-color: rgba(17, 116, 186, 0.09); border-color: rgba(17, 116, 186, 0.5); color: #111; } [data-theme="light"] .select-bar-item.active { background-color: var(--main-c); border-color: var(--main-c); color: #fff; opacity: 1; } /* ---- NSF toggle ---- */ [data-theme="light"] .nsf-toggle-label { color: rgba(0, 0, 0, 0.6); } [data-theme="light"] .nsf-slider { background: rgba(0, 0, 0, 0.18); } /* ---- Product count badge ---- */ [data-theme="light"] .product-count-badge { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.1); color: #666; } /* ---- Section titles ---- */ [data-theme="light"] .top-5-title, [data-theme="light"] .reg-5-title { color: rgba(0, 0, 0, 0.4); } /* ---- Category h3 labels (Other Products sections) ---- */ [data-theme="light"] .all-products h3, [data-theme="light"] #other h3 { color: #111; } /* ---- Product grid containers ---- */ [data-theme="light"] .all-products ul, [data-theme="light"] #search-flat { background: #fff; border-color: rgba(0, 0, 0, 0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.06); } /* ---- Product cards ---- */ [data-theme="light"] .product-box:hover { background: rgba(17, 116, 186, 0.07); border-left-color: var(--main-c); } [data-theme="light"] .prod-name { color: rgba(0, 0, 0, 0.82); } [data-theme="light"] .product-box:hover .prod-name { color: var(--main-c); } [data-theme="light"] .prod-type-badge { color: rgba(17, 116, 186, 0.75); } [data-theme="light"] .no-results-msg { color: rgba(0, 0, 0, 0.35); } /* ---- Footer ---- */ [data-theme="light"] .foot { background: #1a202c; } /* ---- Services / EDFP pages ---- */ [data-theme="light"] .products section { background: transparent; } /* ---- General containers ---- */ [data-theme="light"] .container-space { background: transparent; } /* ---- Home page (index body class) ---- */ [data-theme="light"] .index main { background: #eef1f6; } [data-theme="light"] .index .bg1 { background-image: none; background-color: #ffffff; border-top-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .index .bg2 { background-image: none; background-color: #eef1f6; border-top-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .index .max-h-420 { border-color: rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } [data-theme="light"] .index .btn { background: var(--main-c); box-shadow: 0 2px 10px rgba(17, 116, 186, 0.22); } [data-theme="light"] .index .btn:hover { background: #1585d4; box-shadow: 0 4px 18px rgba(17, 116, 186, 0.35); } [data-theme="light"] .index .btn a { color: #fff; } [data-theme="light"] .index .btn2 { background: rgba(17, 116, 186, 0.07); border-color: rgba(17, 116, 186, 0.35); } [data-theme="light"] .index .btn2:hover { background: rgba(17, 116, 186, 0.15); border-color: var(--main-c); } [data-theme="light"] .index .btn2 a { color: #222; } [data-theme="light"] .index h4 { color: rgba(0, 0, 0, 0.38); } [data-theme="light"] .index .browse-by-label { color: rgba(0, 0, 0, 0.38); } [data-theme="light"] .index .swiper-slide figcaption { color: rgba(0, 0, 0, 0.5); } /* ---- .page class light theme (services, about, contact, etc.) ---- */ [data-theme="light"] .page main { background: #eef1f6; } [data-theme="light"] .page .bg1 { background-image: none; background-color: #ffffff; border-top-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .page .bg2 { background-image: none; background-color: #eef1f6; border-top-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .page .max-h-420 { border-color: rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } [data-theme="light"] .page .btn { background: var(--main-c); box-shadow: 0 2px 10px rgba(17, 116, 186, 0.22); } [data-theme="light"] .page .btn:hover { background: #1585d4; } [data-theme="light"] .page .btn a { color: #fff; } [data-theme="light"] .page .btn2 { background: rgba(17, 116, 186, 0.07); border-color: rgba(17, 116, 186, 0.35); } [data-theme="light"] .page .btn2:hover { background: rgba(17, 116, 186, 0.15); border-color: var(--main-c); } [data-theme="light"] .page .btn2 a { color: #222; } [data-theme="light"] .page .swiper-slide figcaption { color: rgba(0, 0, 0, 0.5); } /* Achievements cards in light mode */ [data-theme="light"] .page .achievements-section { background: #ffffff; border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .page .achievements-section ul li { background: rgba(0, 0, 0, 0.02); } [data-theme="light"] .page .achievements-section h3 { color: #111; } [data-theme="light"] .page .achievements-section p { color: rgba(0, 0, 0, 0.55); } [data-theme="light"] .page .box-100 { border-bottom-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .page .box-100 p:first-child { color: #111; } [data-theme="light"] .page .box-100 p:not(:first-child) { color: rgba(0, 0, 0, 0.45); } /* ---- Product data sheet (pds-page) light mode ---- */ [data-theme="light"] .pds-page main.background-image { background: transparent; } [data-theme="light"] .pds-page .print-block { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08); } [data-theme="light"] .pds-page .print-block p, [data-theme="light"] .pds-page .right-text p, [data-theme="light"] .pds-page .description-text { color: rgba(0, 0, 0, 0.65); } [data-theme="light"] .pds-page h1 { color: #111; } [data-theme="light"] .pds-page .bulletin-header { border-bottom-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .pds-page .two-column { border-bottom-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .pds-page .flex { border-top-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .pds-page main li { color: rgba(0, 0, 0, 0.65); } [data-theme="light"] .pds-page tr:nth-child(odd) { background: rgba(0, 0, 0, 0.03); } [data-theme="light"] .pds-page tr:nth-child(even) { background: transparent; } [data-theme="light"] .pds-page tr:first-child { background: rgba(17, 116, 186, 0.1); } [data-theme="light"] .pds-page tr:first-child th { color: #111; } [data-theme="light"] .pds-page th { color: rgba(0, 0, 0, 0.65); } [data-theme="light"] .pds-page tr { border-bottom-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .pds-page .fancy-table { border-color: rgba(0, 0, 0, 0.1); }