/* =========================================================
   PURE LIVING CO. - DARK MODE
   ========================================================= */

body.dark-mode {
    --white: #0b1b26;
    --off-white: #07151f;
    --soft-white: #102633;
    --text: #eaf7fc;
    --text-light: #bdd3dc;
    --muted: #8faab6;
    --border: rgba(116, 190, 220, 0.18);
    --border-light: rgba(116, 190, 220, 0.12);
    --primary-light: #123b52;

    background: var(--off-white);
    color: var(--text);
}

/* Header */
body.dark-mode .site-header.scrolled {
    background: rgba(12, 23, 28, 0.98);
}

body.dark-mode .navbar {
    background: rgba(16, 28, 34, 0.96);
    border-color: rgba(116, 190, 220, 0.18);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.28);
}

body.dark-mode .brand-logo strong,
body.dark-mode .nav-link,
body.dark-mode .dropdown-menu a {
    color: #eaf7fc;
}

body.dark-mode .brand-logo small {
    color: #35b7e6;
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active,
body.dark-mode .dropdown-menu a:hover {
    color: #35b7e6;
}

body.dark-mode .nav-link.active::after {
    background: #35b7e6;
}

body.dark-mode .dropdown-menu {
    background: #102633;
    border-color: rgba(116, 190, 220, 0.18);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

body.dark-mode .dropdown-menu a:hover {
    background: #17394b;
}

body.dark-mode .nav-icon-btn,
body.dark-mode .menu-toggle {
    color: #eaf7fc;
    background: #132d3b;
}

body.dark-mode .nav-icon-btn:hover,
body.dark-mode .menu-toggle:hover {
    color: #ffffff;
    background: #168dcc;
}

/* Common sections */
body.dark-mode .air-awareness-section,
body.dark-mode .featured-products-section,
body.dark-mode .room-solutions-section,
body.dark-mode .smart-choice-section,
body.dark-mode .maintenance-section {
    background: #07151f;
}

body.dark-mode .air-experience-section {
    background: #0b202e;
}

body.dark-mode .technology-section {
    background: #0b202e;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #eaf7fc;
}

body.dark-mode p,
body.dark-mode .section-intro p,
body.dark-mode .experience-copy > p,
body.dark-mode .awareness-point p,
body.dark-mode .technology-content p,
body.dark-mode .choice-item p {
    color: #bdd3dc;
}

body.dark-mode .section-label {
    color: #35b7e6;
}

/* Awareness */
body.dark-mode .air-status-card,
body.dark-mode .awareness-point {
    background: #112b3a;
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .air-status-card h3,
body.dark-mode .air-status-card strong,
body.dark-mode .awareness-point h3 {
    color: #eaf7fc;
}

/* Floating card */
body.dark-mode .floating-air-card {
    background: #102633;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

body.dark-mode .floating-air-card strong {
    color: #eaf7fc;
}

body.dark-mode .floating-air-card span {
    color: #8faab6;
}

/* Products */
body.dark-mode .product-card {
    background: #102633;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

body.dark-mode .product-info h3,
body.dark-mode .product-info span {
    color: #eaf7fc;
}

body.dark-mode .product-info p {
    color: #8faab6;
}

body.dark-mode .product-arrow {
    background: #174052;
    color: #35b7e6;
}

/* Technology */
body.dark-mode .technology-card {
    background: #112b3a;
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .technology-card:hover {
    background: #153b4c;
}

body.dark-mode .technology-content h3,
body.dark-mode .technology-content span {
    color: #eaf7fc;
}

body.dark-mode .technology-link a {
    color: #ffffff;
}

/* Room cards */
body.dark-mode .room-card {
    background: #102633;
}

body.dark-mode .room-overlay {
    background: linear-gradient(to top, rgba(3, 16, 28, 0.94), rgba(3, 16, 28, 0.06));
}

/* Smart choice */
body.dark-mode .quality-badge {
    background: #112b3a;
    border-color: rgba(116, 190, 220, 0.18);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.30);
}

body.dark-mode .quality-badge strong {
    color: #eaf7fc;
}

body.dark-mode .quality-badge span {
    color: #8faab6;
}

body.dark-mode .choice-item {
    border-bottom-color: rgba(116, 190, 220, 0.18);
}

body.dark-mode .choice-item h3 {
    color: #eaf7fc;
}

/* Maintenance */
body.dark-mode .maintenance-banner {
    background: #112b3a;
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .maintenance-content p {
    color: #bdd3dc;
}

body.dark-mode .maintenance-icon {
    background: #16435a;
    color: #35b7e6;
}

/* Buttons */
body.dark-mode .secondary-btn,
body.dark-mode .outline-btn {
    border-color: rgba(255, 255, 255, 0.18);
    color: #087fca;
    background: white;
}

body.dark-mode .secondary-btn:hover,
body.dark-mode .outline-btn:hover {
    color: #0a2b42;
    background: #ffffff;
}

/* Forms for future pages */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #102633;
    color: #eaf7fc;
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #7695a4;
}

/* Mobile menu */
@media (max-width: 900px) {
    body.dark-mode .nav-wrapper {
        background: rgba(16, 28, 34, 0.99);
        border-color: rgba(116, 190, 220, 0.18);
    }

    body.dark-mode .nav-link {
        color: #eaf7fc;
    }

    body.dark-mode .nav-link:hover,
    body.dark-mode .nav-link.active {
        color: #35b7e6;
        background: #17323a;
    }
}

/* Footer */
body.dark-mode .site-footer {
    background: #050f16;
}

/* Scrollbar */
body.dark-mode::-webkit-scrollbar {
    width: 10px;
}

body.dark-mode::-webkit-scrollbar-track {
    background: #07151f;
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: #1b536e;
    border-radius: 10px;
}



/* =========================================================
   BLUE DARK MODE — PAGE-SPECIFIC OVERRIDES
   Keeps existing layouts unchanged.
========================================================= */

/* Products page */
body.dark-mode .pl-products-page {
    --pl-navy: #eaf7fc;
    --pl-text: #d8eaf1;
    --pl-muted: #8faab6;
    --pl-light: #0b202e;
    --pl-border: rgba(88, 177, 216, 0.20);
    --pl-white: #102633;
    background: #07151f;
    color: #d8eaf1;
}

body.dark-mode .pl-products-hero,
body.dark-mode .pl-needs-section,
body.dark-mode .pl-featured-section,
body.dark-mode .pl-airflow-section,
body.dark-mode .pl-benefits-section {
    background: #07151f;
}

body.dark-mode .pl-technology-section,
body.dark-mode .pl-finder-section,
body.dark-mode .pl-coverage-section,
body.dark-mode .pl-compare-section {
    background: #0b202e;
}

body.dark-mode .pl-need-card,
body.dark-mode .pl-tech-card,
body.dark-mode .pl-product-card,
body.dark-mode .pl-finder-box,
body.dark-mode .pl-benefit-card,
body.dark-mode .pl-compare-table-wrapper,
body.dark-mode .pl-secondary-btn {
    background: #102633;
    border-color: rgba(88, 177, 216, 0.18);
}

body.dark-mode .pl-product-image {
    background: #0a2230;
}

body.dark-mode .pl-finder-result,
body.dark-mode .pl-finder-option.active {
    background: #0d3348;
}

body.dark-mode .pl-compare-head {
    background: #0d2d3f;
}

body.dark-mode .pl-compare-row .compare-main {
    background: rgba(70, 170, 220, 0.07);
}

body.dark-mode .pl-products-page h1,
body.dark-mode .pl-products-page h2,
body.dark-mode .pl-products-page h3,
body.dark-mode .pl-products-page h4 {
    color: #eaf7fc;
}

body.dark-mode .pl-products-page p {
    color: #bdd3dc;
}

body.dark-mode .pl-products-page a,
body.dark-mode .pl-section-tag,
body.dark-mode .pl-eyebrow {
    color: #35b7e6;
}

/* Compatibility for page CSS that checks html.dark */
body.dark-mode .pc-page,
body.dark-mode .bt-page,
body.dark-mode .amc-page,
body.dark-mode .contact-page {
    color-scheme: dark;
}

/* Prevent pure white backgrounds from page-specific blocks in dark mode. */
body.dark-mode .pc-page,
body.dark-mode .bt-page,
body.dark-mode .amc-page,
body.dark-mode .contact-page {
    background: #07151f;
}
/* =========================================================
   PURE LIVING CO. — CONTACT PAGE DARK MODE
   BLUE THEME
   ========================================================= */

body.dark-mode {

    --pa-primary: #35b7e6;
    --pa-primary-dark: #168ec0;
    --pa-cyan: #42d5ef;

    --pa-dark: #061722;
    --pa-text: #eaf7fc;
    --pa-muted: #9ab2bf;

    --pa-light: #0a1d29;
    --pa-white: #102a38;

    --pa-border: rgba(53, 183, 230, 0.18);

    --pa-shadow:
        0 25px 70px rgba(0, 0, 0, 0.30);
}


/* =========================================================
   HERO
   ========================================================= */

body.dark-mode .pa-contact-hero {
    background: #061722 !important;
}

body.dark-mode .pa-contact-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(3, 17, 27, 0.94) 0%,
            rgba(4, 29, 43, 0.84) 50%,
            rgba(4, 55, 73, 0.68) 100%
        );
}

body.dark-mode .pa-contact-banner-image {
    filter: brightness(0.62) saturate(1.05);
}

body.dark-mode .pa-contact-hero-content h1 {
    color: #f2f9fc;
}

body.dark-mode .pa-contact-hero-content h1 span {
    color: #35c5ec;
}

body.dark-mode .pa-contact-hero-content > p {
    color: #b6cbd5;
}

body.dark-mode .pa-eyebrow {
    color: #35b7e6;
}

body.dark-mode .pa-trust-row strong {
    color: #f1f8fb;
}

body.dark-mode .pa-trust-row span {
    color: #8faab6;
}


/* =========================================================
   CONTACT OPTIONS
   ========================================================= */

body.dark-mode .pa-contact-options {
    background: #081923 !important;
}

body.dark-mode .pa-section-heading h2,
body.dark-mode .pa-space-content h2,
body.dark-mode .pa-demo-content h2,
body.dark-mode .pa-location-content h2,
body.dark-mode .pa-final-cta h2 {
    color: #eaf7fc;
}

body.dark-mode .pa-section-heading h2 span,
body.dark-mode .pa-space-content h2 span,
body.dark-mode .pa-demo-content h2 span,
body.dark-mode .pa-location-content h2 span,
body.dark-mode .pa-final-cta h2 span {
    color: #35b7e6;
}

body.dark-mode .pa-section-heading p,
body.dark-mode .pa-space-content > p,
body.dark-mode .pa-demo-content > p,
body.dark-mode .pa-location-content > p {
    color: #93aab6;
}


/* =========================================================
   CONTACT CARDS
   ========================================================= */

body.dark-mode .pa-contact-card {
    background: #102936 !important;

    border-color:
        rgba(53, 183, 230, 0.16);

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.20);
}

body.dark-mode .pa-contact-card:hover {
    border-color:
        rgba(53, 183, 230, 0.40);
}

body.dark-mode .pa-card-icon {
    background: #12394b;
    color: #35b7e6;
}

body.dark-mode .pa-card-content h3 {
    color: #eaf7fc;
}

body.dark-mode .pa-card-content p {
    color: #91aab6;
}

body.dark-mode .pa-card-arrow {
    color: #7896a4;
}

body.dark-mode .pa-contact-card:hover .pa-card-arrow {
    color: #35b7e6;
}


/* =========================================================
   SPACE SECTION
   ========================================================= */

body.dark-mode .pa-space-section {
    background: #061722 !important;
}

body.dark-mode .pa-room {
    border-color: #183542;

    background:
        linear-gradient(
            145deg,
            #123746,
            #0b202d
        );

    box-shadow:
        0 35px 80px rgba(0, 0, 0, 0.30);
}

body.dark-mode .pa-room-glow {
    background: rgba(25, 169, 220, 0.15);
}


/* =========================================================
   SPACE OPTIONS
   ========================================================= */

body.dark-mode .pa-space-option {
    background: #102936;
    border-color: #294653;
    color: #d9edf4;
}

body.dark-mode .pa-space-option:hover,
body.dark-mode .pa-space-option.active {
    background: #123d50;
    border-color: #35b7e6;
    color: #eaf7fc;
}

body.dark-mode .pa-space-note {
    background: #0d2735;
    border-color: #244554;
    color: #dceef5;
}


/* =========================================================
   DEMO SECTION
   ========================================================= */

body.dark-mode .pa-demo-section {
    background: #081923 !important;
}

body.dark-mode .pa-demo-box {
    background: #102936;
    border-color: #294653;
    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.25);
}

body.dark-mode .pa-demo-points {
    color: #c4d9e2;
}

body.dark-mode .pa-demo-points i {
    color: #35b7e6;
}


/* =========================================================
   FORM
   ========================================================= */

body.dark-mode .pa-form-group label {
    color: #cfe2e9;
}

body.dark-mode .pa-input {
    background: #0b202c;
    border-color: #294653;
}

body.dark-mode .pa-input:focus-within {
    border-color: #35b7e6;
    box-shadow:
        0 0 0 3px rgba(53, 183, 230, 0.10);
}

body.dark-mode .pa-input i {
    color: #6f95a5;
}

body.dark-mode .pa-input input,
body.dark-mode .pa-input textarea,
body.dark-mode .pa-input select {
    color: #eaf7fc;
    background: transparent;
}

body.dark-mode .pa-input input::placeholder,
body.dark-mode .pa-input textarea::placeholder {
    color: #708b98;
}

body.dark-mode .pa-input select option {
    background: #102936;
    color: #eaf7fc;
}


/* =========================================================
   LOCATION
   ========================================================= */

body.dark-mode .pa-location-section {
    background: #061722 !important;
}

body.dark-mode .pa-address,
body.dark-mode .pa-opening {
    color: #dcecf2;
}

body.dark-mode .pa-address p,
body.dark-mode .pa-opening p {
    color: #91aab6;
}

body.dark-mode .pa-address-icon {
    background: #12394b;
    color: #35b7e6;
}


/* =========================================================
   MAP
   ========================================================= */

body.dark-mode .pa-map {
    background: #0a202d;
    border-color: #294653;
}

body.dark-mode .pa-map-grid {
    opacity: 0.25;
}

body.dark-mode .pa-map-label {
    background: #102936;
    border-color: #294653;
    color: #a9c0ca;
}

body.dark-mode .pa-map-pin span {
    color: #bcd2db;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

body.dark-mode .pa-final-cta {
    background:
        linear-gradient(
            135deg,
            #061722,
            #0b2c3d
        ) !important;
}

body.dark-mode .pa-final-cta p {
    color: #a9c0ca;
}


/* =========================================================
   BUTTONS
   ========================================================= */

body.dark-mode .pa-primary-btn {
    background: #159dcc;
    color: #ffffff;
}

body.dark-mode .pa-primary-btn:hover {
    background: #35b7e6;
    color: #061722;
}

body.dark-mode .pa-outline-btn {
    color: #eaf7fc;
    border-color: rgba(53, 183, 230, 0.45);
}

body.dark-mode .pa-outline-btn:hover {
    background: #12394b;
    border-color: #35b7e6;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    body.dark-mode .pa-contact-banner-image {
        object-position: center;
        filter: brightness(0.55) saturate(1.05);
    }

    body.dark-mode .pa-contact-hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(3, 17, 27, 0.82),
                rgba(3, 24, 36, 0.94)
            );
    }

}
/* =========================================================
   PURE LIVING CO.
   BLUE THEME DARK MODE
   Compare Page + Common Elements
   ========================================================= */

body.dark-mode {

    --primary: #4cc9e8;
    --primary-dark: #1598bd;
    --primary-light: #123b4b;

    --navy: #071923;
    --navy-light: #102d3a;

    --white: #0a1c26;
    --off-white: #071820;
    --soft-white: #102a35;

    --text: #eefaff;
    --text-light: #b8d0da;
    --muted: #7f9ca8;

    --border: #1d4657;
    --border-light: #163746;

    background: #071820 !important;
    color: #eefaff !important;
}


/* =========================================================
   COMMON PAGE BACKGROUND
   ========================================================= */

body.dark-mode,
body.dark-mode main,
body.dark-mode .pc-page {
    background: #071820 !important;
    color: #eefaff;
}


/* =========================================================
   HEADER
   ========================================================= */

body.dark-mode .site-header {
    background: rgba(7, 25, 35, 0.96) !important;
    border-color: #1d4657 !important;
}

body.dark-mode .navbar {
    background: rgba(7, 25, 35, 0.96) !important;
}

body.dark-mode .brand-logo strong,
body.dark-mode .nav-link,
body.dark-mode .header-login {
    color: #eefaff !important;
}

body.dark-mode .brand-logo small {
    color: #4cc9e8 !important;
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active {
    color: #087fca !important;
}

body.dark-mode .nav-link.active::after {
    background: #4cc9e8 !important;
}

body.dark-mode .nav-icon-btn {
    background: #102d3a !important;
    color: #dff7ff !important;
    border-color: #1d4657 !important;
}

body.dark-mode .nav-icon-btn:hover {
    background: #174355 !important;
    color: #4cc9e8 !important;
}

body.dark-mode .header-login {
    background: #102d3a !important;
    border-color: #1d4657 !important;
}

body.dark-mode .header-login:hover {
    background: #174355 !important;
}

body.dark-mode .header-cta {
    background: #087fca !important;
    color: #061821 !important;
}

body.dark-mode .header-cta:hover {
    background: #73daf1 !important;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

body.dark-mode .dropdown-menu {
    background: #0d2531 !important;
    border-color: #1d4657 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode .dropdown-menu a {
    color: #dceff5 !important;
}

body.dark-mode .dropdown-menu a:hover {
    background: #123b4b !important;
    color: #4cc9e8 !important;
}


/* =========================================================
   COMPARE — BANNER
   ========================================================= */

body.dark-mode .pc-banner {
    background: #061923 !important;
}

body.dark-mode .pc-banner-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(3, 20, 29, 0.88),
            rgba(5, 28, 40, 0.55),
            rgba(3, 20, 29, 0.45)
        ) !important;
}

body.dark-mode .pc-banner-content {
    color: #ffffff !important;
}

body.dark-mode .pc-banner-tag {
    color: #62d8f1 !important;
}

body.dark-mode .pc-banner-content h1 {
    color: #ffffff !important;
}

body.dark-mode .pc-banner-content h1 span {
    color: #4cc9e8 !important;
}

body.dark-mode .pc-banner-content p {
    color: #d1e4ea !important;
}

body.dark-mode .pc-breadcrumb {
    color: #b5cdd6 !important;
}

body.dark-mode .pc-breadcrumb a {
    color: #62d8f1 !important;
}

body.dark-mode .pc-banner-stat {
    background: rgba(7, 28, 39, 0.82) !important;
    border-color: rgba(76, 201, 232, 0.25) !important;
    color: #ffffff !important;
}

body.dark-mode .pc-banner-stat span {
    color: #4cc9e8 !important;
}

body.dark-mode .pc-banner-stat strong {
    color: #ffffff !important;
}

body.dark-mode .pc-banner-stat small {
    color: #a9c1ca !important;
}


/* =========================================================
   COMPARE — COMMON HEADINGS
   ========================================================= */

body.dark-mode .pc-heading h2,
body.dark-mode .pc-performance-intro h2,
body.dark-mode .pc-filtration-copy h2,
body.dark-mode .pc-final-content h2 {
    color: #f3fbff !important;
}

body.dark-mode .pc-heading h2 span,
body.dark-mode .pc-performance-intro h2 span,
body.dark-mode .pc-filtration-copy h2 span,
body.dark-mode .pc-final-content h2 span {
    color: #4cc9e8 !important;
}

body.dark-mode .pc-heading p,
body.dark-mode .pc-performance-intro p,
body.dark-mode .pc-filtration-copy p,
body.dark-mode .pc-final-content p {
    color: #a9c1ca !important;
}

body.dark-mode .pc-section-tag {
    color: #4cc9e8 !important;
}


/* =========================================================
   QUICK COMPARISON CARDS
   ========================================================= */

body.dark-mode .pc-model-card {
    background: #0d2531 !important;
    border-color: #1c4658 !important;
    color: #eefaff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
}

body.dark-mode .pc-model-card:hover {
    border-color: #319fbe !important;
}

body.dark-mode .pc-model-top span,
body.dark-mode .pc-model-label {
    color: #4cc9e8 !important;
}

body.dark-mode .pc-model-top b {
    color: #a8c3cc !important;
}

body.dark-mode .pc-model-card h3 {
    color: #f2fbff !important;
}

body.dark-mode .pc-model-card p {
    color: #9eb8c2 !important;
}

body.dark-mode .pc-model-data {
    border-color: #1d4657 !important;
}

body.dark-mode .pc-model-data strong {
    color: #eefaff !important;
}

body.dark-mode .pc-model-data span {
    color: #819faa !important;
}

body.dark-mode .pc-model-btn {
    background: #123747 !important;
    color: #62d8f1 !important;
    border-color: #20586d !important;
}

body.dark-mode .pc-model-btn:hover {
    background: #4cc9e8 !important;
    color: #061821 !important;
}

body.dark-mode .pc-featured-model {
    border-color: #319fbe !important;
}

body.dark-mode .pc-popular {
    background: #4cc9e8 !important;
    color: #061821 !important;
}


/* =========================================================
   PRODUCT VISUALS
   ========================================================= */

body.dark-mode .pc-model-visual {
    background: #0a202b !important;
}

body.dark-mode .pc-model-glow {
    background: radial-gradient(
        circle,
        rgba(76, 201, 232, 0.18),
        transparent 68%
    ) !important;
}

body.dark-mode .pc-device {
    background: linear-gradient(
        145deg,
        #dcecf1,
        #a9c4ce
    ) !important;
    box-shadow:
        0 25px 45px rgba(0, 0, 0, 0.4),
        0 0 35px rgba(76, 201, 232, 0.10) !important;
}

body.dark-mode .pc-device-screen {
    background: #edfaff !important;
    color: #1589ad !important;
}


/* =========================================================
   DETAILED COMPARISON TABLE
   ========================================================= */

body.dark-mode .pc-table-wrap {
    background: #0b202b !important;
    border-color: #1c4658 !important;
}

body.dark-mode .pc-table {
    color: #dceff5 !important;
}

body.dark-mode .pc-table-row {
    border-color: #1b3d4d !important;
}

body.dark-mode .pc-table-head {
    background: #102f3d !important;
    color: #dff7ff !important;
}

body.dark-mode .pc-table-row > div:first-child {
    color: #eaf8fc !important;
}

body.dark-mode .pc-highlight-column {
    background: rgba(76, 201, 232, 0.08) !important;
    color: #69d9ef !important;
}

body.dark-mode .pc-table .fa-check {
    color: #4cc9e8 !important;
}


/* =========================================================
   FILTRATION
   ========================================================= */

body.dark-mode .pc-filter-legend strong {
    color: #dceef4 !important;
}

body.dark-mode .pc-filter-model {
    color: #68d9ef !important;
}

body.dark-mode .pc-filter-column {
    background: #0d2531 !important;
    border-color: #1d4657 !important;
}

body.dark-mode .pc-filter-column.active {
    border-color: #319fbe !important;
    box-shadow: 0 20px 45px rgba(76, 201, 232, 0.12) !important;
}

body.dark-mode .pc-filter-block {
    color: #eaf9fd !important;
}


/* =========================================================
   ROOM CARDS
   ========================================================= */

body.dark-mode .pc-room-card {
    background: #0d2531 !important;
    border-color: #1d4657 !important;
}

body.dark-mode .pc-room-card:hover,
body.dark-mode .pc-room-card.active {
    border-color: #319fbe !important;
    background: #102f3d !important;
}

body.dark-mode .pc-room-icon {
    background: #123747 !important;
    color: #4cc9e8 !important;
}

body.dark-mode .pc-room-card > span {
    color: #4cc9e8 !important;
}

body.dark-mode .pc-room-card h3 {
    color: #f0faff !important;
}

body.dark-mode .pc-room-card strong {
    color: #dff7fc !important;
}

body.dark-mode .pc-room-card p {
    color: #91aeb8 !important;
}

body.dark-mode .pc-room-line {
    background: #1d4657 !important;
}


/* =========================================================
   PERFORMANCE CARDS
   ========================================================= */

body.dark-mode .pc-metric-card {
    background: #0d2531 !important;
    border-color: #1d4657 !important;
}

body.dark-mode .pc-metric-icon {
    background: #123747 !important;
    color: #4cc9e8 !important;
}

body.dark-mode .pc-metric-card > span {
    color: #8eabb5 !important;
}

body.dark-mode .pc-metric-card strong {
    color: #f2fbff !important;
}

body.dark-mode .pc-metric-card small {
    color: #8eaab5 !important;
}

body.dark-mode .pc-metric-card p {
    color: #a7c0c9 !important;
}

body.dark-mode .pc-meter {
    background: #183845 !important;
}

body.dark-mode .pc-meter i {
    background: #4cc9e8 !important;
}


/* =========================================================
   OUTLINE BUTTON
   ========================================================= */

body.dark-mode .pc-outline-btn {
    border-color: #2c7188 !important;
    color: #62d8f1 !important;
}

body.dark-mode .pc-outline-btn:hover {
    background: #4cc9e8 !important;
    color: #061821 !important;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

body.dark-mode .pc-final-section {
    background: #061923 !important;
}

body.dark-mode .pc-final-glow {
    background: radial-gradient(
        circle,
        rgba(76, 201, 232, 0.16),
        transparent 65%
    ) !important;
}

body.dark-mode .pc-final-content h2 {
    color: #f4fbff !important;
}

body.dark-mode .pc-final-content h2 span {
    color: #4cc9e8 !important;
}

body.dark-mode .pc-final-content p {
    color: #a8c1cb !important;
}

body.dark-mode .pc-white-btn {
    background: #4cc9e8 !important;
    color: #061821 !important;
}

body.dark-mode .pc-white-btn:hover {
    background: #76dff3 !important;
}


/* =========================================================
   FINAL PURIFIER
   ========================================================= */

body.dark-mode .pc-final-purifier {
    background: linear-gradient(
        145deg,
        #dceef3,
        #a5c2cc
    ) !important;

    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.45),
        0 0 40px rgba(76, 201, 232, 0.12) !important;
}

body.dark-mode .pc-final-display {
    background: #effbff !important;
    color: #148aaa !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

body.dark-mode .site-footer {
    background: #04131b !important;
    color: #dceef4 !important;
}

body.dark-mode .site-footer h3 {
    color: #ffffff !important;
}

body.dark-mode .site-footer p,
body.dark-mode .site-footer a {
    color: #91adb7 !important;
}

body.dark-mode .site-footer a:hover {
    color: #4cc9e8 !important;
}

body.dark-mode .footer-bottom {
    border-color: #173846 !important;
}
/* =========================================================
   COMPARE PAGE — SECTION BACKGROUNDS
========================================================= */

body.dark-mode .pc-page {
    background: #071820 !important;
}

body.dark-mode .pc-quick-section {
    background: #071820 !important;
}

body.dark-mode .pc-details-section {
    background: #0b202b !important;
}

body.dark-mode .pc-filtration-section {
    background: #071820 !important;
}

body.dark-mode .pc-room-section {
    background: #0b202b !important;
}

body.dark-mode .pc-performance-section {
    background: #071820 !important;
}

body.dark-mode .pc-final-section {
    background: #061923 !important;
}
/* =========================================================
   BREATHE TECHNOLOGY — DARK MODE FIX
========================================================= */

body.dark-mode .bt-page {
    --bt-blue: #4cc9e8;
    --bt-cyan: #43d5f2;
    --bt-navy: #e5f5fa;
    --bt-text: #d9edf4;
    --bt-muted: #9db7c2;
    --bt-light: #071f2d;
    --bt-border: #1d4657;
    --bt-white: #0b2735;

    color: var(--bt-text);
    background: #071820;
}


/* Main sections */

body.dark-mode .bt-air-section,
body.dark-mode .bt-hepa-section,
body.dark-mode .bt-smart-section {
    background: #061923 !important;
}

body.dark-mode .bt-purification-section,
body.dark-mode .bt-carbon-section,
body.dark-mode .bt-airflow-section {
    background: #071f2d !important;
}


/* Headings */

body.dark-mode .bt-page h1,
body.dark-mode .bt-page h2,
body.dark-mode .bt-page h3,
body.dark-mode .bt-page h4 {
    color: #eaf7fc !important;
}

body.dark-mode .bt-page p {
    color: #b8d0da;
}

body.dark-mode .bt-page .bt-section-tag {
    color: #4cc9e8;
}


/* Stage cards */

body.dark-mode .bt-stage-card,
body.dark-mode .bt-carbon-side,
body.dark-mode .bt-airflow-metric {
    background: #0b2735 !important;
    border-color: #1d4657 !important;
    color: #eaf7fc;
}

body.dark-mode .bt-stage-card h3,
body.dark-mode .bt-carbon-side strong,
body.dark-mode .bt-airflow-metric strong {
    color: #eaf7fc !important;
}

body.dark-mode .bt-stage-card p,
body.dark-mode .bt-carbon-side small,
body.dark-mode .bt-airflow-metric small {
    color: #9db7c2 !important;
}


/* Air visual areas */

body.dark-mode .bt-particle-scene,
body.dark-mode .bt-hepa-visual,
body.dark-mode .bt-airflow-visual {
    background:
        radial-gradient(
            circle,
            rgba(67, 201, 237, 0.14),
            transparent 58%
        ),
        #0a2634 !important;
}


/* White floating cards */

body.dark-mode .bt-air-center,
body.dark-mode .bt-air-label,
body.dark-mode .bt-hepa-badge {
    background: #0d2b3a !important;
    color: #e5f5fa !important;
    border-color: #1d4657 !important;
}

body.dark-mode .bt-air-center strong,
body.dark-mode .bt-air-label,
body.dark-mode .bt-hepa-badge strong {
    color: #e5f5fa !important;
}


/* Dashboard */

body.dark-mode .bt-dashboard {
    background: #0b2735 !important;
    border-color: #1d4657 !important;
}

body.dark-mode .bt-dashboard-bottom div {
    background: #102f3d !important;
    border-color: #1d4657 !important;
}

body.dark-mode .bt-aqi-circle {
    background: #0b2735 !important;
}

body.dark-mode .bt-aqi-circle strong,
body.dark-mode .bt-aqi-info strong {
    color: #e5f5fa !important;
}

body.dark-mode .bt-aqi-info span {
    color: #8faab6 !important;
}


/* HEPA */

body.dark-mode .bt-hepa-points > div {
    border-color: #1d4657;
}

body.dark-mode .bt-hepa-points strong {
    color: #e5f5fa;
}

body.dark-mode .bt-hepa-points p {
    color: #9db7c2;
}


/* Final CTA */

body.dark-mode .bt-final-section {
    background:
        linear-gradient(
            135deg,
            #061722,
            #0b2c3d
        ) !important;
}

body.dark-mode .bt-final-content h2 {
    color: #f1faff !important;
}

body.dark-mode .bt-final-content p {
    color: #b8d0da !important;
}


/* Hero image darkening */

body.dark-mode .bt-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(2, 20, 30, 0.96),
            rgba(3, 30, 44, 0.82) 48%,
            rgba(3, 35, 50, 0.42)
        ) !important;
}


/* Buttons */

body.dark-mode .bt-primary-btn {
    background: #4cc9e8 !important;
    color: #061923 !important;
}

body.dark-mode .bt-primary-btn:hover {
    background: #73daf1 !important;
}

body.dark-mode .bt-hero-link {
    color: #e5f5fa !important;
}

body.dark-mode .bt-white-btn {
    background: #4cc9e8 !important;
    color: #061923 !important;
}

body.dark-mode .bt-final-link {
    color: #8cebed !important;
}
/* =================================================
   SERVICE HERO - EXPLORE SERVICE DARK MODE FIX
================================================= */

body.dark-mode .plc-service-btn-outline {
    background: #ffffff;
    color: #111111;
    border: 1px solid #ffffff;
    opacity: 1;
    visibility: visible;
}

body.dark-mode .plc-service-btn-outline:hover {
    background: #f1f1f1;
    color: #111111;
    border-color: #f1f1f1;
    opacity: 1;
    visibility: visible;
}

body.dark-mode .plc-service-btn-outline i {
    color: #111111;
}
/* =====================================================
   PRODUCTS HERO — EXPLORE PRODUCTS DARK MODE FIX
===================================================== */

body.dark-mode .pl-products-hero .pl-primary-btn,
body.dark-mode .pl-products-hero .pl-primary-btn:hover,
body.dark-mode .pl-products-hero .pl-primary-btn:focus {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #ffffff !important;
    color: #111111 !important;

    border: 1px solid #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-shadow: none !important;
    box-shadow: none;
}

body.dark-mode .pl-products-hero .pl-primary-btn i {
    color: #111111 !important;
}

body.dark-mode .pl-products-hero .pl-primary-btn:hover {
    background: #f1f1f1 !important;
    color: #111111 !important;
    border-color: #f1f1f1 !important;
}

body.dark-mode .pl-products-hero .pl-primary-btn:hover i {
    color: #111111 !important;
}
/* =====================================================
   ROOM COVERAGE — NEED HELP CHOOSING DARK MODE FIX
===================================================== */

body.dark-mode .pl-coverage-section .pl-primary-btn,
body.dark-mode .pl-coverage-section .pl-primary-btn:hover,
body.dark-mode .pl-coverage-section .pl-primary-btn:focus {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #ffffff !important;
    color: #111111 !important;

    border: 1px solid #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-shadow: none !important;
}

body.dark-mode .pl-coverage-section .pl-primary-btn i {
    color: #111111 !important;
}

body.dark-mode .pl-coverage-section .pl-primary-btn:hover {
    background: #f1f1f1 !important;
    color: #111111 !important;
    border-color: #f1f1f1 !important;
}

body.dark-mode .pl-coverage-section .pl-primary-btn:hover i {
    color: #111111 !important;
}
/* =========================================================
   PURE LIVING CO. — GLOBAL DARK MODE COLOR SYSTEM
   Same Dark Theme For ALL Pages
========================================================= */

html.dark,
body.dark-mode {

    --primary: #087fca !important;
    --primary-dark: #056aa8 !important;
    --secondary: #087fca !important;
    --accent: #087fca !important;

    --light-blue: #e7f5fc !important;
    --soft-blue: #102b3a !important;

    --white: #ffffff !important;
    --black: #111111 !important;

    --dark-bg: #0b1116 !important;
    --dark-bg-2: #101c24 !important;
    --dark-card: #142733 !important;

    --text-light: #ffffff !important;
    --text-muted: #a9bac4 !important;

    --border-dark: rgba(255,255,255,.10) !important;
}
/* =========================================================
   PURE LIVING CO. — COMPARE PAGE
   DARK MODE — UNIFIED BLUE THEME
========================================================= */

body.dark-mode .pc-page {

    background: #0b1116 !important;
    color: #ffffff !important;

    --pc-primary: #087fca !important;
    --pc-accent: #087fca !important;
    --pc-blue: #087fca !important;

    --pc-bg: #0b1116 !important;
    --pc-section: #101c24 !important;
    --pc-card: #142733 !important;

    --pc-text: #ffffff !important;
    --pc-muted: #a9bac4 !important;
    --pc-border: rgba(255,255,255,.10) !important;
}


/* HERO */

body.dark-mode .pc-page .pc-banner {
    background: #0b1116 !important;
}

body.dark-mode .pc-page .pc-banner-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(11,17,22,.95),
            rgba(11,17,22,.75),
            rgba(8,127,202,.20)
        ) !important;
}

body.dark-mode .pc-page .pc-banner-content h1 {
    color: #ffffff !important;
}

body.dark-mode .pc-page .pc-banner-content h1 span {
    color: #087fca !important;
}

body.dark-mode .pc-page .pc-banner-content p {
    color: #a9bac4 !important;
}

body.dark-mode .pc-page .pc-breadcrumb a {
    color: #087fca !important;
}


/* ALL SECTIONS */

body.dark-mode .pc-page .pc-quick-section,
body.dark-mode .pc-page .pc-details-section,
body.dark-mode .pc-page .pc-filtration-section,
body.dark-mode .pc-page .pc-final-section {
    background: #0b1116 !important;
}


/* SECTION ALTERNATE BACKGROUND */

body.dark-mode .pc-page .pc-models-section,
body.dark-mode .pc-page .pc-table-section {
    background: #101c24 !important;
}


/* SECTION LABEL */

body.dark-mode .pc-page .pc-section-tag {
    color: #087fca !important;
}

body.dark-mode .pc-page .pc-section-tag::before {
    background: #087fca !important;
}


/* HEADINGS */

body.dark-mode .pc-page h2,
body.dark-mode .pc-page h3 {
    color: #ffffff !important;
}

body.dark-mode .pc-page h2 span,
body.dark-mode .pc-page h3 span {
    color: #087fca !important;
}

body.dark-mode .pc-page p {
    color: #a9bac4 !important;
}


/* MODEL CARDS */

body.dark-mode .pc-page .pc-model-card {
    background: #142733 !important;
    border-color: rgba(255,255,255,.10) !important;
}

body.dark-mode .pc-page .pc-model-card:hover {
    border-color: #087fca !important;
    box-shadow: 0 25px 60px rgba(8,127,202,.18) !important;
}


/* MODEL TOP */

body.dark-mode .pc-page .pc-model-top span {
    color: #087fca !important;
}

body.dark-mode .pc-page .pc-model-top b {
    color: #a9bac4 !important;
}


/* MODEL IMAGE AREA */

body.dark-mode .pc-page .pc-model-visual {
    background: #101c24 !important;
}

body.dark-mode .pc-page .pc-model-glow {
    background: rgba(8,127,202,.18) !important;
}


/* MODEL TEXT */

body.dark-mode .pc-page .pc-model-label {
    color: #087fca !important;
}

body.dark-mode .pc-page .pc-model-card h3 {
    color: #ffffff !important;
}

body.dark-mode .pc-page .pc-model-card p {
    color: #a9bac4 !important;
}


/* MODEL DATA */

body.dark-mode .pc-page .pc-model-data {
    border-color: rgba(255,255,255,.10) !important;
}

body.dark-mode .pc-page .pc-model-data strong {
    color: #087fca !important;
}

body.dark-mode .pc-page .pc-model-data span {
    color: #a9bac4 !important;
}


/* MODEL BUTTON */

body.dark-mode .pc-page .pc-model-btn {
    background: #087fca !important;
    color: #ffffff !important;
    border-color: #087fca !important;
}

body.dark-mode .pc-page .pc-model-btn:hover {
    background: #056aa8 !important;
    border-color: #056aa8 !important;
}


/* COMPARISON TABLE */

body.dark-mode .pc-page .pc-table-wrap {
    background: #142733 !important;
    border-color: rgba(255,255,255,.10) !important;
}

body.dark-mode .pc-page .pc-table {
    background: #142733 !important;
}


/* TABLE HEADER */

body.dark-mode .pc-page .pc-table-head {
    background: #087fca !important;
    color: #ffffff !important;
}


/* TABLE ROWS */

body.dark-mode .pc-page .pc-table-row {
    border-color: rgba(255,255,255,.10) !important;
}

body.dark-mode .pc-page .pc-table-row > div {
    color: #ffffff !important;
}

body.dark-mode .pc-page .pc-table-row span {
    color: #a9bac4 !important;
}


/* MAIN / FEATURE COLUMN */

body.dark-mode .pc-page .compare-main {
    background: rgba(8,127,202,.10) !important;
}


/* FILTRATION */

body.dark-mode .pc-page .pc-filtration-card {
    background: #142733 !important;
    border-color: rgba(255,255,255,.10) !important;
}

body.dark-mode .pc-page .pc-filtration-card:hover {
    border-color: #087fca !important;
}

body.dark-mode .pc-page .pc-filtration-icon {
    background: rgba(8,127,202,.15) !important;
    color: #087fca !important;
}

body.dark-mode .pc-page .pc-filtration-icon i {
    color: #087fca !important;
}


/* CTA */

body.dark-mode .pc-page .pc-cta,
body.dark-mode .pc-page .pc-final-cta {
    background:
        linear-gradient(
            135deg,
            #0b1116,
            #087fca
        ) !important;
}

body.dark-mode .pc-page .pc-cta h2,
body.dark-mode .pc-page .pc-final-cta h2 {
    color: #ffffff !important;
}

body.dark-mode .pc-page .pc-cta p,
body.dark-mode .pc-page .pc-final-cta p {
    color: #d7e9f2 !important;
}


/* ALL BLUE ACCENTS */

body.dark-mode .pc-page i {
    color: #087fca;
}

body.dark-mode .pc-page a {
    color: #087fca;
}
/* =========================================================
   PURE LIVING CO. — BREATH TECHNOLOGY
   DARK MODE BLUE THEME
========================================================= */

body.dark-mode .bt-page,
body.dark-mode .breathe-page,
body.dark-mode .pl-breathe-page {

    --primary: #087fca !important;
    --accent: #087fca !important;
    --cyan: #087fca !important;

    background: #0b1116 !important;
    color: #ffffff !important;
}


/* Technology sections */

body.dark-mode .bt-page section,
body.dark-mode .breathe-page section,
body.dark-mode .pl-breathe-page section {
    background: #0b1116 !important;
}

body.dark-mode .bt-page section:nth-child(even),
body.dark-mode .breathe-page section:nth-child(even),
body.dark-mode .pl-breathe-page section:nth-child(even) {
    background: #101c24 !important;
}


/* Headings */

body.dark-mode .bt-page h1,
body.dark-mode .bt-page h2,
body.dark-mode .bt-page h3,
body.dark-mode .breathe-page h1,
body.dark-mode .breathe-page h2,
body.dark-mode .breathe-page h3,
body.dark-mode .pl-breathe-page h1,
body.dark-mode .pl-breathe-page h2,
body.dark-mode .pl-breathe-page h3 {
    color: #ffffff !important;
}

body.dark-mode .bt-page h2 span,
body.dark-mode .bt-page h3 span,
body.dark-mode .breathe-page h2 span,
body.dark-mode .breathe-page h3 span,
body.dark-mode .pl-breathe-page h2 span,
body.dark-mode .pl-breathe-page h3 span {
    color: #087fca !important;
}


/* Labels */

body.dark-mode .bt-page .section-tag,
body.dark-mode .breathe-page .section-tag,
body.dark-mode .pl-breathe-page .section-tag {
    color: #087fca !important;
}


/* Paragraphs */

body.dark-mode .bt-page p,
body.dark-mode .breathe-page p,
body.dark-mode .pl-breathe-page p {
    color: #a9bac4 !important;
}


/* Cards */

body.dark-mode .bt-page [class*="card"],
body.dark-mode .breathe-page [class*="card"],
body.dark-mode .pl-breathe-page [class*="card"] {
    background: #142733 !important;
    border-color: rgba(255,255,255,.10) !important;
}


/* Icons */

body.dark-mode .bt-page i,
body.dark-mode .breathe-page i,
body.dark-mode .pl-breathe-page i {
    color: #087fca !important;
}


/* Buttons */

body.dark-mode .bt-page [class*="btn"],
body.dark-mode .breathe-page [class*="btn"],
body.dark-mode .pl-breathe-page [class*="btn"] {
    border-color: #087fca !important;
}

body.dark-mode .bt-page .primary-btn,
body.dark-mode .breathe-page .primary-btn,
body.dark-mode .pl-breathe-page .primary-btn {
    background: #087fca !important;
    color: #ffffff !important;
}


/* =========================================================
   CONTACT PAGE
========================================================= */

body.dark-mode .contact-page,
body.dark-mode .plc-contact-page,
body.dark-mode .pl-contact-page {

    background: #0b1116 !important;
    color: #ffffff !important;

    --primary: #087fca !important;
    --accent: #087fca !important;
}


/* Contact sections */

body.dark-mode .contact-page section,
body.dark-mode .plc-contact-page section,
body.dark-mode .pl-contact-page section {
    background: #0b1116 !important;
}


/* Alternate contact sections */

body.dark-mode .contact-page .contact-section-alt,
body.dark-mode .plc-contact-page .contact-section-alt,
body.dark-mode .pl-contact-page .contact-section-alt {
    background: #101c24 !important;
}


/* Contact headings */

body.dark-mode .contact-page h1,
body.dark-mode .contact-page h2,
body.dark-mode .contact-page h3,
body.dark-mode .plc-contact-page h1,
body.dark-mode .plc-contact-page h2,
body.dark-mode .plc-contact-page h3,
body.dark-mode .pl-contact-page h1,
body.dark-mode .pl-contact-page h2,
body.dark-mode .pl-contact-page h3 {
    color: #ffffff !important;
}


/* Contact highlight */

body.dark-mode .contact-page h1 span,
body.dark-mode .contact-page h2 span,
body.dark-mode .plc-contact-page h1 span,
body.dark-mode .plc-contact-page h2 span,
body.dark-mode .pl-contact-page h1 span,
body.dark-mode .pl-contact-page h2 span {
    color: #087fca !important;
}


/* Contact labels */

body.dark-mode .contact-page .contact-label,
body.dark-mode .contact-page .section-tag,
body.dark-mode .plc-contact-page .contact-label,
body.dark-mode .plc-contact-page .section-tag,
body.dark-mode .pl-contact-page .contact-label,
body.dark-mode .pl-contact-page .section-tag {
    color: #087fca !important;
}


/* Contact cards */

body.dark-mode .contact-page [class*="card"],
body.dark-mode .plc-contact-page [class*="card"],
body.dark-mode .pl-contact-page [class*="card"] {
    background: #142733 !important;
    border-color: rgba(255,255,255,.10) !important;
}


/* Contact icons */

body.dark-mode .contact-page i,
body.dark-mode .plc-contact-page i,
body.dark-mode .pl-contact-page i {
    color: #087fca !important;
}


/* Contact form */

body.dark-mode .contact-page input,
body.dark-mode .contact-page textarea,
body.dark-mode .contact-page select,
body.dark-mode .plc-contact-page input,
body.dark-mode .plc-contact-page textarea,
body.dark-mode .plc-contact-page select,
body.dark-mode .pl-contact-page input,
body.dark-mode .pl-contact-page textarea,
body.dark-mode .pl-contact-page select {
    background: #101c24 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
}

body.dark-mode .contact-page input:focus,
body.dark-mode .contact-page textarea:focus,
body.dark-mode .plc-contact-page input:focus,
body.dark-mode .plc-contact-page textarea:focus,
body.dark-mode .pl-contact-page input:focus,
body.dark-mode .pl-contact-page textarea:focus {
    border-color: #087fca !important;
    box-shadow: 0 0 0 3px rgba(8,127,202,.12) !important;
}


/* Contact button */

body.dark-mode .contact-page button,
body.dark-mode .contact-page .btn,
body.dark-mode .plc-contact-page button,
body.dark-mode .plc-contact-page .btn,
body.dark-mode .pl-contact-page button,
body.dark-mode .pl-contact-page .btn {
    background: #087fca !important;
    color: #ffffff !important;
    border-color: #087fca !important;
}

body.dark-mode .contact-page button:hover,
body.dark-mode .contact-page .btn:hover,
body.dark-mode .plc-contact-page button:hover,
body.dark-mode .plc-contact-page .btn:hover,
body.dark-mode .pl-contact-page button:hover,
body.dark-mode .pl-contact-page .btn:hover {
    background: #056aa8 !important;
    border-color: #056aa8 !important;
}
/* =========================================================
   PURE LIVING CO.
   LOGIN + REGISTER — DARK MODE FIX
   Primary Blue: #087fca
========================================================= */


/* =========================================================
   LOGIN PAGE
========================================================= */

body.dark-mode:has(#loginForm) {
    background: #0b1116 !important;
    color: #ffffff !important;
}

body.dark-mode:has(#loginForm) main {
    background: #0b1116 !important;
}


/* Login card */

body.dark-mode:has(#loginForm) .login-card,
body.dark-mode:has(#loginForm) .auth-card,
body.dark-mode:has(#loginForm) .login-box,
body.dark-mode:has(#loginForm) .login-container {
    background: #142733 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.10) !important;
}


/* Login headings */

body.dark-mode:has(#loginForm) h1,
body.dark-mode:has(#loginForm) h2,
body.dark-mode:has(#loginForm) h3 {
    color: #ffffff !important;
}

body.dark-mode:has(#loginForm) h1 span,
body.dark-mode:has(#loginForm) h2 span {
    color: #087fca !important;
}


/* Login small labels */

body.dark-mode:has(#loginForm) label {
    color: #ffffff !important;
}

body.dark-mode:has(#loginForm) .login-subtitle,
body.dark-mode:has(#loginForm) .auth-subtitle,
body.dark-mode:has(#loginForm) small {
    color: #087fca !important;
}


/* Login paragraph */

body.dark-mode:has(#loginForm) p {
    color: #a9bac4 !important;
}


/* Login inputs */

body.dark-mode:has(#loginForm) input {
    background: #101c24 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
}

body.dark-mode:has(#loginForm) input::placeholder {
    color: #78909c !important;
}

body.dark-mode:has(#loginForm) input:focus {
    border-color: #087fca !important;
    box-shadow: 0 0 0 3px rgba(8,127,202,.14) !important;
}


/* Login input icons */

body.dark-mode:has(#loginForm) .login-input i,
body.dark-mode:has(#loginForm) .input-icon,
body.dark-mode:has(#loginForm) .form-icon {
    color: #087fca !important;
}


/* Login links */

body.dark-mode:has(#loginForm) a {
    color: #087fca !important;
}


/* Login button */

body.dark-mode:has(#loginForm) button[type="submit"],
body.dark-mode:has(#loginForm) .login-submit,
body.dark-mode:has(#loginForm) .submit-btn {
    background: #087fca !important;
    color: #ffffff !important;
    border-color: #087fca !important;
}

body.dark-mode:has(#loginForm) button[type="submit"]:hover,
body.dark-mode:has(#loginForm) .login-submit:hover,
body.dark-mode:has(#loginForm) .submit-btn:hover {
    background: #056aa8 !important;
    border-color: #056aa8 !important;
}


/* =========================================================
   REGISTER PAGE
========================================================= */

body.dark-mode:has(#registerForm) {
    background: #0b1116 !important;
    color: #ffffff !important;
}

body.dark-mode:has(#registerForm) main {
    background: #0b1116 !important;
}


/* Register card */

body.dark-mode:has(#registerForm) .auth-card,
body.dark-mode:has(#registerForm) .register-card,
body.dark-mode:has(#registerForm) .register-box {
    background: #142733 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.10) !important;
}


/* Register headings */

body.dark-mode:has(#registerForm) h1,
body.dark-mode:has(#registerForm) h2,
body.dark-mode:has(#registerForm) h3 {
    color: #ffffff !important;
}


/* Register subtitle */

body.dark-mode:has(#registerForm) .auth-subtitle,
body.dark-mode:has(#registerForm) .register-subtitle,
body.dark-mode:has(#registerForm) small {
    color: #087fca !important;
}


/* Register paragraphs */

body.dark-mode:has(#registerForm) p {
    color: #a9bac4 !important;
}


/* Register labels */

body.dark-mode:has(#registerForm) label {
    color: #ffffff !important;
}


/* Register input wrappers */

body.dark-mode:has(#registerForm) .register-input {
    background: #101c24 !important;
    border-color: rgba(255,255,255,.12) !important;
}


/* Register inputs */

body.dark-mode:has(#registerForm) input {
    background: #101c24 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
}

body.dark-mode:has(#registerForm) input::placeholder {
    color: #78909c !important;
}

body.dark-mode:has(#registerForm) input:focus {
    border-color: #087fca !important;
    box-shadow: 0 0 0 3px rgba(8,127,202,.14) !important;
}


/* Register icons */

body.dark-mode:has(#registerForm) i {
    color: #087fca !important;
}


/* Register links */

body.dark-mode:has(#registerForm) a {
    color: #087fca !important;
}


/* Register submit */

body.dark-mode:has(#registerForm) .register-submit,
body.dark-mode:has(#registerForm) button[type="submit"] {
    background: #087fca !important;
    color: #ffffff !important;
    border-color: #087fca !important;
}

body.dark-mode:has(#registerForm) .register-submit:hover,
body.dark-mode:has(#registerForm) button[type="submit"]:hover {
    background: #056aa8 !important;
    border-color: #056aa8 !important;
}


/* =========================================================
   CHECKBOX
========================================================= */

body.dark-mode:has(#loginForm) input[type="checkbox"],
body.dark-mode:has(#registerForm) input[type="checkbox"] {
    accent-color: #087fca;
}


/* =========================================================
   LOGIN / REGISTER TOP CONTROLS
========================================================= */

body.dark-mode:has(#loginForm) .nav-action-btn,
body.dark-mode:has(#registerForm) .nav-action-btn,
body.dark-mode:has(#loginForm) .nav-icon-btn,
body.dark-mode:has(#registerForm) .nav-icon-btn {
    background: #101c24 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.18) !important;
}

body.dark-mode:has(#loginForm) .nav-action-btn i,
body.dark-mode:has(#registerForm) .nav-action-btn i,
body.dark-mode:has(#loginForm) .nav-icon-btn i,
body.dark-mode:has(#registerForm) .nav-icon-btn i {
    color: #ffffff !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    body.dark-mode:has(#loginForm),
    body.dark-mode:has(#registerForm) {
        background: #0b1116 !important;
    }

    body.dark-mode:has(#loginForm) .login-card,
    body.dark-mode:has(#loginForm) .auth-card,
    body.dark-mode:has(#registerForm) .auth-card,
    body.dark-mode:has(#registerForm) .register-card {
        background: #142733 !important;
    }

}