@charset "UTF-8"; /* ============================================================ PHARMALAB — HOMEPAGE DARK SCOPE (0.26.1) Everything here is scoped to .plab-home-dark, which Setup::bodyClasses() adds to on the front page only. No other template can inherit it. Two jobs: 1. Hold the page shell (html/body/header) to the prototype's teal palette, beating the light theme sheets that load after the design system. 2. Map the prototype's header/nav visual language onto the real WordPress header markup, without touching the global header for other pages. Colour values are taken verbatim from the prototype's HEADER / NAV block. ============================================================ */ html:has(body.plab-home-dark) { background: var(--pharma-900); } body.plab-home-dark { background: var(--dark-950); color: var(--on-dark); } body.plab-home-dark .plab-site-main { background: var(--dark-950); } body.plab-home-dark .plab-site-header { background: rgba(0, 27, 25, .82); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); border-bottom: 1px solid rgba(255, 255, 255, .07); color: var(--on-dark); } body.plab-home-dark .plab-site-header.is-stuck, body.plab-home-dark .plab-site-header[data-plab-header].is-stuck { background: rgba(0, 21, 20, .96); box-shadow: 0 12px 34px -22px #000000; } body.plab-home-dark .plab-site-header__inner { gap: 28px; background: transparent; border: 0; box-shadow: none; } body.plab-home-dark .plab-site-branding__link { color: var(--accent); } body.plab-home-dark .plab-wordmark__name { color: var(--white); } body.plab-home-dark .plab-wordmark__tagline { color: var(--accent); opacity: .92; } body.plab-home-dark .plab-desktop-nav { margin-inline: auto; } body.plab-home-dark .plab-desktop-nav .plab-nav { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; } body.plab-home-dark .plab-desktop-nav .plab-nav > li { position: relative; } body.plab-home-dark .plab-desktop-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border-radius: 9px; color: var(--on-dark); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; transition: color .2s var(--ease), background-color .2s var(--ease); } body.plab-home-dark .plab-desktop-nav a:hover, body.plab-home-dark .plab-desktop-nav a:focus-visible, body.plab-home-dark .plab-desktop-nav .current-menu-item > a, body.plab-home-dark .plab-desktop-nav .current_page_item > a { color: var(--accent-bright); background: rgba(255, 255, 255, .05); } body.plab-home-dark .plab-desktop-nav .sub-menu { position: absolute; top: 100%; left: 0; z-index: 70; display: none; min-width: 232px; margin: 0; padding: 8px; list-style: none; border-radius: var(--r-md); border: 1px solid var(--accent-line); background: var(--dark-900); box-shadow: 0 26px 54px -30px #000000; } body.plab-home-dark .plab-desktop-nav li:hover > .sub-menu, body.plab-home-dark .plab-desktop-nav li:focus-within > .sub-menu { display: grid; } body.plab-home-dark .plab-desktop-nav > .plab-nav > li:nth-last-child(-n+3) > .sub-menu { left: auto; right: 0; } body.plab-home-dark .plab-desktop-nav .sub-menu a { padding: 9px 10px; font-size: 13.4px; } body.plab-home-dark .plab-site-header__actions { gap: 12px; } body.plab-home-dark .plab-header-cta { color: var(--dark-1000) !important; background: linear-gradient(135deg, var(--accent-bright), var(--accent-deep)) !important; border: 1px solid var(--accent-line-2) !important; box-shadow: 0 14px 30px -18px rgba(50, 172, 145, .9); } body.plab-home-dark .plab-header-cta:hover, body.plab-home-dark .plab-header-cta:focus-visible { color: var(--dark-1000) !important; background: linear-gradient(135deg, var(--mint-300), var(--accent)) !important; } body.plab-home-dark .plab-menu-toggle { border: 1px solid rgba(255, 255, 255, .14); background: transparent; } body.plab-home-dark .plab-menu-icon span { background: var(--on-dark); } body.plab-home-dark .plab-mobile-navigation__drawer { background: var(--dark-950); border-left: 1px solid var(--accent-line); color: var(--on-dark); } body.plab-home-dark .plab-mobile-navigation__header, body.plab-home-dark .plab-mobile-navigation__title { color: var(--white); } body.plab-home-dark .plab-mobile-navigation a { color: var(--on-dark); } body.plab-home-dark .plab-mobile-navigation a:hover, body.plab-home-dark .plab-mobile-navigation a:focus-visible { color: var(--accent-bright); } body.plab-home-dark .plab-mobile-menu, body.plab-home-dark .plab-mobile-menu .sub-menu { margin: 0; padding: 0; list-style: none; } body.plab-home-dark .plab-mobile-menu a { display: block; padding: 13px 4px; font-size: 15.5px; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .06); } body.plab-home-dark .plab-mobile-menu .sub-menu a { padding-left: 16px; font-size: 14px; font-weight: 500; color: var(--on-dark-soft); } body.plab-home-dark .plab-mobile-navigation__scrim { background: rgba(0, 21, 20, .68); } body.plab-home-dark a:focus-visible, body.plab-home-dark button:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; } body.plab-home-dark .plab-skip-link:focus { color: var(--dark-1000); background: var(--accent); } @media (max-width: 1160px) { body.plab-home-dark .plab-desktop-nav { display: none; } } .plab-home-dark .plab-value .plab-sec-head__lead, .plab-home-dark .plab-journey .plab-sec-head__lead, .plab-home-dark .plab-products .plab-sec-head__lead, .plab-home-dark .plab-inds .plab-sec-head__lead, .plab-home-dark .plab-duo .plab-sec-head__lead { color: var(--on-dark); }