/* =========================================================
   CLEANORA - COMPLETE DARK MODE
   ========================================================= */


/* =========================================================
   DARK THEME VARIABLES
   ========================================================= */

html.dark-mode {
    --cleanora-sage: #7FA58F;
    --cleanora-cream: #1E2823;
    --cleanora-charcoal: #F7F3EA;
    --cleanora-white: #FFFFFF;
    --cleanora-light-sage: #34453D;
    --cleanora-dark-sage: #668976;

    color-scheme: dark;
}


/* =========================================================
   GLOBAL DARK MODE
   ========================================================= */

html.dark-mode body {
    background-color: #1E2823 !important;
    color: #F7F3EA !important;
}


/* =========================================================
   NAVBAR
   ========================================================= */

html.dark-mode .cleanora-navbar {
    background-color: #1E2823 !important;

    border-bottom-color: rgba(247, 243, 234, 0.14) !important;

    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.18);
}


/* LOGO */

html.dark-mode .cleanora-logo {
    color: #F7F3EA !important;
}

html.dark-mode .cleanora-logo:hover {
    color: #7FA58F !important;
}


/* NAVIGATION */

html.dark-mode .cleanora-navlink {
    color: #F7F3EA !important;
}

html.dark-mode .cleanora-navlink:hover {
    color: #7FA58F !important;
}

html.dark-mode .cleanora-navlink::after {
    background-color: #7FA58F !important;
}

html.dark-mode .cleanora-navlink.active {
    color: #7FA58F !important;
}


/* DROPDOWN */

html.dark-mode .cleanora-dropdownmenu {
    background-color: #1E2823 !important;

    border-top-color: #7FA58F !important;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.45) !important;
}

html.dark-mode .cleanora-dropdownmenu::before {
    background-color: #1E2823 !important;

    border-color: rgba(247, 243, 234, 0.08) !important;
}

html.dark-mode .cleanora-dropdownlink {
    color: #F7F3EA !important;
}

html.dark-mode .cleanora-dropdownlink:hover {
    background-color: #6B8E7B !important;
    color: #FFFFFF !important;
}

html.dark-mode .cleanora-dropdownlink.active {
    background-color: #6B8E7B !important;
    color: #FFFFFF !important;
}


/* NAV ACTION BUTTONS */

html.dark-mode .cleanora-actionbtn {
    background-color: transparent !important;

    color: #F7F3EA !important;

    border-color: rgba(247, 243, 234, 0.20) !important;
}

html.dark-mode .cleanora-actionbtn:hover {
    background-color: #34453D !important;

    color: #A9C7B7 !important;

    border-color: #7FA58F !important;
}


/* HAMBURGER */

html.dark-mode .cleanora-hamburger span {
    background-color: #F7F3EA !important;
}


/* DESKTOP LOGIN */

html.dark-mode .cleanora-loginbtn {
    background-color: #6B8E7B !important;

    color: #FFFFFF !important;

    border-color: #6B8E7B !important;
}

html.dark-mode .cleanora-loginbtn:hover {
    background-color: transparent !important;

    color: #A9C7B7 !important;

    border-color: #7FA58F !important;
}


/* MOBILE LOGIN */

html.dark-mode .cleanora-mobile-login {
    background-color: #6B8E7B !important;

    color: #FFFFFF !important;

    border-color: #6B8E7B !important;
}

html.dark-mode .cleanora-mobile-login:hover {
    background-color: transparent !important;

    color: #A9C7B7 !important;

    border-color: #7FA58F !important;
}


/* MOBILE MENU */

html.dark-mode .cleanora-navmenu {
    background-color: #1E2823 !important;

    border-top-color: rgba(247, 243, 234, 0.12) !important;

    box-shadow:
        0 15px 30px rgba(0, 0, 0, 0.40) !important;
}


/* =========================================================
   HOME 1 - MAIN PAGE
   ========================================================= */

html.dark-mode .home1-page {
    background-color: #1E2823 !important;
    color: #F7F3EA !important;
}


/* =========================================================
   HOME 1 - NORMAL TEXT
   ========================================================= */

html.dark-mode .home1-page h1,
html.dark-mode .home1-page h2,
html.dark-mode .home1-page h3,
html.dark-mode .home1-page h4,
html.dark-mode .home1-page h5,
html.dark-mode .home1-page h6 {
    color: #F7F3EA !important;
}

html.dark-mode .home1-page p {
    color: #D8E1DC !important;
}

html.dark-mode .home1-page li {
    color: #D8E1DC !important;
}


/* =========================================================
   HOME 1 - HERO
   ========================================================= */

html.dark-mode .home1-hero {
    background: #18211D !important;
}


/* Hero text is already light, reinforce it */

html.dark-mode .home1-hero-eyebrow {
    color: #DCE8E1 !important;
}

html.dark-mode .home1-eyebrow-line {
    background-color: #DCE8E1 !important;
}

html.dark-mode .home1-hero-title {
    color: #FFFFFF !important;
}

html.dark-mode .home1-hero-title span {
    color: #BFD4C7 !important;
}

html.dark-mode .home1-hero-text {
    color: rgba(255, 255, 255, 0.88) !important;
}

html.dark-mode .home1-hero-trust {
    color: #FFFFFF !important;
}

html.dark-mode .home1-trust-item {
    color: rgba(255, 255, 255, 0.86) !important;
}

html.dark-mode .home1-trust-item i {
    color: #BFD4C7 !important;
}


/* Hero buttons */

html.dark-mode .home1-primary-btn {
    background-color: #6B8E7B !important;
    color: #FFFFFF !important;
}

html.dark-mode .home1-primary-btn:hover {
    background-color: #527262 !important;
    color: #FFFFFF !important;
}

html.dark-mode .home1-secondary-btn {
    background-color: rgba(255, 255, 255, 0.08) !important;

    color: #FFFFFF !important;

    border-color: rgba(255, 255, 255, 0.50) !important;
}

html.dark-mode .home1-secondary-btn:hover {
    background-color: rgba(255, 255, 255, 0.18) !important;

    color: #FFFFFF !important;
}


/* Hero image */

html.dark-mode .home1-hero-image {
    border-color: rgba(255, 255, 255, 0.16) !important;
}


/* Floating statistic */

html.dark-mode .home1-floating-stat {
    background-color: #F7F3EA !important;

    color: #26332D !important;
}

html.dark-mode .home1-floating-stat .home1-stat-number {
    color: #26332D !important;
}

html.dark-mode .home1-floating-stat small {
    color: #26332D !important;
}

html.dark-mode .home1-stars {
    color: #527262 !important;
}


/* Scroll indicator */

html.dark-mode .home1-scroll-indicator {
    color: rgba(255, 255, 255, 0.82) !important;
}


/* =========================================================
   HOME 1 - TRUST STRIP
   ========================================================= */

html.dark-mode .home1-trust-strip {
    background-color: #34453D !important;

    border-bottom-color: rgba(247, 243, 234, 0.10) !important;
}

html.dark-mode .home1-trust-block {
    border-right-color: rgba(247, 243, 234, 0.14) !important;
}

html.dark-mode .home1-trust-block strong {
    color: #A9C7B7 !important;
}

html.dark-mode .home1-trust-block span {
    color: #E0E8E3 !important;
}


/* =========================================================
   HOME 1 - SECTION HEADINGS
   ========================================================= */

html.dark-mode .home1-section-heading {
    color: #F7F3EA !important;
}

html.dark-mode .home1-section-kicker {
    color: #8FB5A1 !important;
}

html.dark-mode .home1-section-heading h2 {
    color: #F7F3EA !important;
}

html.dark-mode .home1-section-heading h2 span {
    color: #8FB5A1 !important;
}

html.dark-mode .home1-section-heading p {
    color: rgba(247, 243, 234, 0.72) !important;
}


/* =========================================================
   HOME 1 - SERVICES
   ========================================================= */

html.dark-mode .home1-services {
    background-color: #1E2823 !important;
}

html.dark-mode .home1-service-item {
    background-color: #18211D !important;
}

html.dark-mode .home1-service-content {
    color: #FFFFFF !important;
}

html.dark-mode .home1-service-content > span {
    color: #BFD4C7 !important;
}

html.dark-mode .home1-service-content h3 {
    color: #FFFFFF !important;
}

html.dark-mode .home1-service-content p {
    color: rgba(255, 255, 255, 0.82) !important;
}

html.dark-mode .home1-service-content a {
    color: #FFFFFF !important;
}

html.dark-mode .home1-service-content a:hover {
    color: #BFD4C7 !important;
}


/* =========================================================
   HOME 1 - WHY CLEANORA
   ========================================================= */

html.dark-mode .home1-why {
    background-color: #1E2823 !important;
}

html.dark-mode .home1-why-content {
    color: #F7F3EA !important;
}

html.dark-mode .home1-why-content h2 {
    color: #F7F3EA !important;
}

html.dark-mode .home1-why-content h2 span {
    color: #8FB5A1 !important;
}

html.dark-mode .home1-why-content > p {
    color: rgba(247, 243, 234, 0.74) !important;
}


/* Why list */

html.dark-mode .home1-why-list strong {
    color: #F7F3EA !important;
}

html.dark-mode .home1-why-list span {
    color: rgba(247, 243, 234, 0.68) !important;
}

html.dark-mode .home1-why-list i {
    background-color: #34453D !important;

    color: #A9C7B7 !important;
}

html.dark-mode .home1-text-link {
    color: #A9C7B7 !important;
}

html.dark-mode .home1-text-link:hover {
    color: #C0D8CB !important;
}


/* Stamp */

html.dark-mode .home1-image-stamp {
    background-color: #6B8E7B !important;

    color: #FFFFFF !important;
}

html.dark-mode .home1-image-stamp span {
    color: #FFFFFF !important;
}


/* =========================================================
   HOME 1 - PROCESS
   ========================================================= */

html.dark-mode .home1-process {
    background-color: #34453D !important;
}

html.dark-mode .home1-process-line {
    background-color: rgba(169, 199, 183, 0.35) !important;
}

html.dark-mode .home1-process-item {
    color: #F7F3EA !important;
}

html.dark-mode .home1-process-number {
    color: #9CBDAB !important;
}

html.dark-mode .home1-process-item > i {
    color: #A9C7B7 !important;
}

html.dark-mode .home1-process-item h3 {
    color: #F7F3EA !important;
}

html.dark-mode .home1-process-item p {
    color: rgba(247, 243, 234, 0.72) !important;
}


/* =========================================================
   HOME 1 - TRANSFORMATION
   ========================================================= */

html.dark-mode .home1-transformation {
    background-color: #18211D !important;
}

html.dark-mode .home1-transformation-content {
    color: #FFFFFF !important;
}

html.dark-mode .home1-transformation-content h2 {
    color: #FFFFFF !important;
}

html.dark-mode .home1-transformation-content p {
    color: rgba(255, 255, 255, 0.84) !important;
}

html.dark-mode .home1-transformation-detail {
    color: #FFFFFF !important;
}

html.dark-mode .home1-transformation-detail span {
    color: #BFD4C7 !important;
}

html.dark-mode .home1-transformation-detail strong {
    color: #FFFFFF !important;
}

html.dark-mode .home1-transformation-detail small {
    color: rgba(255, 255, 255, 0.82) !important;
}


/* =========================================================
   HOME 1 - COVERAGE
   ========================================================= */

html.dark-mode .home1-coverage {
    background-color: #1E2823 !important;

    color: #F7F3EA !important;
}

html.dark-mode .home1-coverage-content h2 {
    color: #F7F3EA !important;
}

html.dark-mode .home1-coverage-content h2 span {
    color: #8FB5A1 !important;
}

html.dark-mode .home1-coverage-content > p {
    color: rgba(247, 243, 234, 0.72) !important;
}


/* Location search */

html.dark-mode .home1-location-search {
    border-bottom-color: rgba(247, 243, 234, 0.28) !important;
}

html.dark-mode .home1-location-search i {
    color: #8FB5A1 !important;
}

html.dark-mode .home1-location-search input {
    background-color: transparent !important;

    color: #F7F3EA !important;

    caret-color: #F7F3EA !important;
}

html.dark-mode .home1-location-search input::placeholder {
    color: rgba(247, 243, 234, 0.55) !important;
}

html.dark-mode .home1-location-search button {
    background-color: #6B8E7B !important;

    color: #FFFFFF !important;
}


/* Coverage visual */

html.dark-mode .home1-coverage-visual {
    background:
        linear-gradient(
            135deg,
            #34453D,
            #1E2823
        ) !important;
}

html.dark-mode .home1-coverage-map {
    border-color: rgba(169, 199, 183, 0.50) !important;
}

html.dark-mode .home1-map-dot {
    background-color: #8FB5A1 !important;

    box-shadow:
        0 0 0 7px rgba(143, 181, 161, 0.16) !important;
}

html.dark-mode .home1-map-ring {
    border-color: #8FB5A1 !important;
}


/* =========================================================
   HOME 1 - TESTIMONIALS
   ========================================================= */

html.dark-mode .home1-testimonials {
    background-color: #1E2823 !important;
}

html.dark-mode .home1-testimonial {
    background-color: #34453D !important;

    color: #F7F3EA !important;
}

html.dark-mode .home1-testimonial p {
    color: #E1E8E4 !important;
}

html.dark-mode .home1-testimonial-featured {
    background-color: #18211D !important;

    color: #FFFFFF !important;
}

html.dark-mode .home1-testimonial-featured p {
    color: rgba(255, 255, 255, 0.86) !important;
}

html.dark-mode .home1-quote-mark {
    color: #8FB5A1 !important;
}

html.dark-mode .home1-testimonial-author strong {
    color: #F7F3EA !important;
}

html.dark-mode .home1-testimonial-author span {
    color: #D3DDD7 !important;
}

html.dark-mode .home1-author-avatar {
    background-color: #6B8E7B !important;

    color: #FFFFFF !important;
}


/* =========================================================
   HOME 1 - FINAL CTA
   ========================================================= */

html.dark-mode .home1-final-cta {
    background-color: #18211D !important;
}

html.dark-mode .home1-final-cta-content {
    color: #FFFFFF !important;
}

html.dark-mode .home1-final-cta-content h2 {
    color: #FFFFFF !important;
}

html.dark-mode .home1-final-cta-content h2 span {
    color: #BFD4C7 !important;
}

html.dark-mode .home1-final-cta-content p {
    color: rgba(255, 255, 255, 0.84) !important;
}


/* =========================================================
   HOME 1 - LINKS
   ========================================================= */

html.dark-mode .home1-page a {
    color: inherit;
}


/* =========================================================
   HOME 1 - FORM PLACEHOLDERS
   ========================================================= */

html.dark-mode .home1-page input::placeholder,
html.dark-mode .home1-page textarea::placeholder {
    color: rgba(247, 243, 234, 0.55) !important;
}


/* =========================================================
   ACCESSIBILITY / FOCUS
   ========================================================= */

html.dark-mode .cleanora-navlink:focus-visible,
html.dark-mode .cleanora-actionbtn:focus-visible,
html.dark-mode .cleanora-loginbtn:focus-visible,
html.dark-mode .cleanora-hamburger:focus-visible,
html.dark-mode .cleanora-dropdownlink:focus-visible {
    outline-color: #A9C7B7 !important;
}
/* =========================================================
   HOME 1 - COVERAGE TEXT VISIBILITY FIX
   ========================================================= */

.home1-coverage-content p {
    color: #26332D;
}

.home1-location-search input {
    color: #26332D;
    background: transparent;
}

.home1-location-search input::placeholder {
    color: #52665D;
    opacity: 1;
}

.home1-location-search i {
    color: #6B8E7B;
}

.home1-text-link {
    color: #527262;
}


/* =========================================================
   DARK MODE - COVERAGE TEXT VISIBILITY
   ========================================================= */

html.dark-mode .home1-coverage-content p {
    color: #E4ECE7;
}

html.dark-mode .home1-location-search input {
    color: #F7F3EA;
}

html.dark-mode .home1-location-search input::placeholder {
    color: #B8C9C0;
    opacity: 1;
}

html.dark-mode .home1-location-search i {
    color: #8FB9A5;
}

html.dark-mode .home1-text-link {
    color: #9BC4AE;
}
/* =====================================================
   HOME 1 — COVERAGE DARK MODE
   ===================================================== */

html.dark-mode .home1-location-search {
    border-bottom: 1px solid rgba(247, 243, 234, 0.45) !important;
}

html.dark-mode .home1-location-search input {
    color: #F7F3EA;
}

html.dark-mode .home1-location-search input::placeholder {
    color: rgba(247, 243, 234, 0.75);
    opacity: 1;
}

/* =====================================================
   HOME 1 — COVERAGE IMAGE INFO — DARK MODE
   ===================================================== */

.home1-coverage-image-info {
    background: #F7F3EA;
    color: #26332D;
}

.home1-coverage-image-info strong {
    color: #26332D;
}

.home1-coverage-image-info small {
    color: #527262;
}

.home1-coverage-info-icon {
    background: #6B8E7B;
    color: #FFFFFF;
}

.home1-coverage-info-icon i {
    color: #FFFFFF;
}


/* =====================================================
   CLEANORA FOOTER — DARK MODE
   ===================================================== */

html.dark-mode .cleanora-footer {
    background-color: #18231E !important;
    color: #FFFFFF !important;
}

html.dark-mode .cleanora-footer-newsletter {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

html.dark-mode .cleanora-footer-logo,
html.dark-mode .cleanora-footer-heading,
html.dark-mode .cleanora-footer-contact-item strong,
html.dark-mode .cleanora-footer-newsletter-content h2,
html.dark-mode .cleanora-footer-newsletter-label {
    color: #FFFFFF !important;
}

html.dark-mode .cleanora-footer-description,
html.dark-mode .cleanora-footer-trust-item,
html.dark-mode .cleanora-footer-links a,
html.dark-mode .cleanora-footer-contact-item span,
html.dark-mode .cleanora-footer-contact-item a,
html.dark-mode .cleanora-footer-newsletter-content p,
html.dark-mode .cleanora-footer-bottom p,
html.dark-mode .cleanora-footer-bottom-links a {
    color: rgba(255, 255, 255, 0.78) !important;
}

html.dark-mode .cleanora-footer-newsletter-content h2 span,
html.dark-mode .cleanora-footer-newsletter-kicker,
html.dark-mode .cleanora-footer-trust-item i,
html.dark-mode .cleanora-footer-newsletter-input > i {
    color: #BFD8CB !important;
}

html.dark-mode .cleanora-footer-links a:hover,
html.dark-mode .cleanora-footer-bottom-links a:hover {
    color: #BFD8CB !important;
}

html.dark-mode .cleanora-footer-newsletter-input input {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

html.dark-mode .cleanora-footer-newsletter-input input::placeholder {
    color: rgba(255, 255, 255, 0.58) !important;
}

html.dark-mode .cleanora-footer-newsletter-input {
    border-bottom-color: rgba(255, 255, 255, 0.4) !important;
}

html.dark-mode .cleanora-footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.14) !important;
}

html.dark-mode .cleanora-footer-social-link {
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

html.dark-mode .cleanora-footer-social-link:hover {
    color: #FFFFFF !important;
    background-color: #6B8E7B !important;
    border-color: #6B8E7B !important;
}

html.dark-mode .cleanora-footer-contact-icon {
    color: #FFFFFF !important;
    background-color: #34453D !important;
}

html.dark-mode .cleanora-footer-top {
    color: #FFFFFF !important;
}

html.dark-mode .cleanora-footer-top:hover {
    color: #BFD8CB !important;
}



/* =================================================
   HOME 1 — FINAL CTA DARK MODE TEXT
   ================================================= */

html.dark-mode .home1-final-cta-content .home1-section-kicker {
    color: #FFFFFF !important;
}

html.dark-mode .home1-final-cta-content h2 {
    color: #FFFFFF !important;
}

html.dark-mode .home1-final-cta-content h2 span {
    color: #D9F0E3 !important;
}

html.dark-mode .home1-final-cta-content p {
    color: #FFFFFF !important;
}



/* =========================================================
   CLEANORA HOME 2 — COMPLETE DARK MODE
   ========================================================= */

html.dark-mode .home2-page {

    --home2-sage: #7FA58F;
    --home2-cream: #18231E;
    --home2-charcoal: #F7F3EA;
    --home2-white: #FFFFFF;
    --home2-light-sage: #263B32;
    --home2-dark-sage: #668976;

    background-color: #18231E;
    color: #F7F3EA;
}


/* =========================================================
   COMMON TEXT
   ========================================================= */

html.dark-mode .home2-page h1,
html.dark-mode .home2-page h2,
html.dark-mode .home2-page h3 {
    color: #F7F3EA;
}

html.dark-mode .home2-page p {
    color: rgba(247,243,234,.76);
}

html.dark-mode .home2-section-kicker {
    color: #8FB5A1;
}

html.dark-mode .home2-page h2 span {
    color: #8FB5A1;
}


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

html.dark-mode .home2-hero {
    background: #101713;
}

html.dark-mode .home2-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(24,35,30,.96),
            rgba(24,35,30,.84),
            rgba(24,35,30,.38),
            rgba(24,35,30,.12)
        );
}

html.dark-mode .home2-label {
    color: #DCE8E1;
}

html.dark-mode .home2-label-line {
    background: #DCE8E1;
}

html.dark-mode .home2-hero-content h1 {
    color: #FFFFFF;
}

html.dark-mode .home2-hero-content h1 span {
    color: #BFD8CB;
}

html.dark-mode .home2-hero-text {
    color: rgba(255,255,255,.86);
}

html.dark-mode .home2-hero-link,
html.dark-mode .home2-cta-link {
    color: #FFFFFF;
}

html.dark-mode .home2-hero-link:hover,
html.dark-mode .home2-cta-link:hover {
    color: #BFD8CB;
}

html.dark-mode .home2-hero-side-note {
    color: #FFFFFF;
    border-left-color: #7FA58F;
}

html.dark-mode .home2-hero-side-note span {
    color: #BFD8CB;
}

html.dark-mode .home2-hero-side-note p {
    color: rgba(255,255,255,.78);
}

html.dark-mode .home2-scroll-button {
    color: rgba(255,255,255,.82);
}


/* =========================================================
   INTRO
   ========================================================= */

html.dark-mode .home2-intro {
    background: #18231E;
}

html.dark-mode .home2-intro-number {
    color: #8FB5A1;
}

html.dark-mode .home2-intro-description {
    color: rgba(247,243,234,.76);
}

html.dark-mode .home2-intro-detail strong {
    color: #F7F3EA;
}

html.dark-mode .home2-intro-detail p {
    color: rgba(247,243,234,.65);
}

html.dark-mode .home2-intro-detail > i {
    color: #BFD8CB;
}

html.dark-mode .home2-arrow-link {
    color: #BFD8CB;
}

html.dark-mode .home2-arrow-link:hover {
    color: #D9F0E3;
}


/* =========================================================
   SERVICES
   ========================================================= */

html.dark-mode .home2-services {
    background: #263B32;
}

html.dark-mode .home2-services-heading-text {
    color: rgba(255,255,255,.72);
}

html.dark-mode .home2-service-row {
    border-color: rgba(255,255,255,.16);
}

html.dark-mode .home2-service-number {
    color: #BFD8CB;
}

html.dark-mode .home2-service-content h3 {
    color: #FFFFFF;
}

html.dark-mode .home2-service-content p {
    color: rgba(255,255,255,.70);
}

html.dark-mode .home2-service-link {
    color: #FFFFFF;
}

html.dark-mode .home2-service-link i {
    color: #BFD8CB;
}


/* =========================================================
   STORY
   ========================================================= */

html.dark-mode .home2-story-content {
    background: #18231E;
}

html.dark-mode .home2-story-content p {
    color: rgba(247,243,234,.72);
}

html.dark-mode .home2-story-caption {
    color: #FFFFFF;
}


/* =========================================================
   STATS
   ========================================================= */

html.dark-mode .home2-stats {
    background: #101713;
}

html.dark-mode .home2-stats-heading h2 {
    color: #FFFFFF;
}

html.dark-mode .home2-stat-item {
    border-color: rgba(255,255,255,.16);
}

html.dark-mode .home2-stat-number {
    color: #BFD8CB;
}

html.dark-mode .home2-stat-item span {
    color: rgba(255,255,255,.70);
}


/* =========================================================
   PROCESS
   ========================================================= */

html.dark-mode .home2-process {
    background: #18231E;
}

html.dark-mode .home2-process-step {
    border-color: rgba(247,243,234,.16);
}

html.dark-mode .home2-process-number {
    color: #BFD8CB;
}

html.dark-mode .home2-process-step h3 {
    color: #FFFFFF;
}

html.dark-mode .home2-process-step p {
    color: rgba(247,243,234,.70);
}


/* =========================================================
   TESTIMONIAL
   ========================================================= */

html.dark-mode .home2-testimonial {
    background: #263B32;
}

html.dark-mode .home2-testimonial-content blockquote {
    color: #FFFFFF;
}

html.dark-mode .home2-testimonial-person strong {
    color: #FFFFFF;
}

html.dark-mode .home2-testimonial-person span {
    color: rgba(255,255,255,.65);
}

html.dark-mode .home2-testimonial-mark {
    color: rgba(191,216,203,.12);
}


/* =========================================================
   COVERAGE
   ========================================================= */

html.dark-mode .home2-area {
    background: #18231E;
}

html.dark-mode .home2-area-content > p {
    color: rgba(247,243,234,.72);
}

html.dark-mode .home2-area-search {
    border-bottom-color: rgba(247,243,234,.40);
}

html.dark-mode .home2-area-search > i {
    color: #BFD8CB;
}

html.dark-mode .home2-area-search input {
    color: #FFFFFF;
    caret-color: #FFFFFF;
}

html.dark-mode .home2-area-search input::placeholder {
    color: rgba(255,255,255,.55);
}

html.dark-mode .home2-area-search button {
    background: #6B8E7B;
    color: #FFFFFF;
}

html.dark-mode .home2-area-pin {
    background: #F7F3EA;
    color: #26332D;
    border-color: #FFFFFF;
}

html.dark-mode .home2-area-label {
    background: rgba(247,243,234,.96);
    color: #26332D;
}

html.dark-mode .home2-area-message {
    color: #BFD8CB;
}


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

html.dark-mode .home2-cta {
    background: #101713;
}

html.dark-mode .home2-cta-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(12,18,15,.96),
            rgba(12,18,15,.74),
            rgba(12,18,15,.22)
        );
}

html.dark-mode .home2-cta-content h2 {
    color: #FFFFFF;
}

html.dark-mode .home2-cta-content h2 span {
    color: #D9F0E3;
}

html.dark-mode .home2-cta-content p {
    color: rgba(255,255,255,.84);
}


/* =========================================================
   RTL DARK MODE
   ========================================================= */

html.dark-mode[dir="rtl"] .home2-hero-overlay {
    background:
        linear-gradient(
            -90deg,
            rgba(24,35,30,.96),
            rgba(24,35,30,.84),
            rgba(24,35,30,.38),
            rgba(24,35,30,.12)
        );
}

html.dark-mode[dir="rtl"] .home2-cta-overlay {
    background:
        linear-gradient(
            -90deg,
            rgba(12,18,15,.96),
            rgba(12,18,15,.74),
            rgba(12,18,15,.22)
        );
}


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

@media (max-width: 767px) {

    html.dark-mode .home2-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(24,35,30,.95),
                rgba(24,35,30,.72)
            );
    }

    html.dark-mode .home2-cta-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(12,18,15,.94),
                rgba(12,18,15,.70)
            );
    }

}

/* =================================================
   HOME 2 — CLEANORA PROMISE DARK MODE
   ================================================= */

html.dark-mode .home2-promise {
    background: #18231E;
    color: #F7F3EA;
}


html.dark-mode .home2-promise-heading h2 {
    color: #F7F3EA;
}


html.dark-mode .home2-promise-heading h2 span {
    color: #BFD8CB;
}


html.dark-mode .home2-promise-heading p {
    color: rgba(247, 243, 234, 0.72);
}


html.dark-mode .home2-promise-item {
    border-bottom-color: rgba(247, 243, 234, 0.16);
}


html.dark-mode .home2-promise-item h3 {
    color: #F7F3EA;
}


html.dark-mode .home2-promise-item p {
    color: rgba(247, 243, 234, 0.68);
}


html.dark-mode .home2-promise-item i {
    color: #BFD8CB;
}


html.dark-mode .home2-promise-number {
    color: #BFD8CB;
}


html.dark-mode .home2-promise-link {
    color: #BFD8CB;
}


html.dark-mode .home2-promise-link:hover {
    color: #FFFFFF;
}


html.dark-mode .home2-promise-result {
    background: #F7F3EA;
    color: #26332D;
}


html.dark-mode .home2-promise-result strong {
    color: #26332D;
}


html.dark-mode .home2-promise-result span {
    color: #527262;
}


html.dark-mode .home2-promise-drag {
    background: #6B8E7B;
    color: #FFFFFF;
}


html.dark-mode .home2-promise-image-label {
    background: rgba(24, 35, 30, 0.9);
    color: #FFFFFF;
}



/* =========================================================
   CLEANORA ABOUT US - DARK MODE
   ========================================================= */

html.dark-mode .aboutus-page {
    background: #18221E;
    color: #F7F3EA;
}


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

html.dark-mode .aboutus-hero {
    background: #18221E;
}

html.dark-mode .aboutus-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(24, 34, 30, 0.96),
            rgba(24, 34, 30, 0.72),
            rgba(24, 34, 30, 0.18)
        );
}

html.dark-mode .aboutus-hero-title {
    color: #FFFFFF;
}

html.dark-mode .aboutus-hero-title span {
    color: #BFD8CB;
}

html.dark-mode .aboutus-hero-description {
    color: rgba(247, 243, 234, 0.76);
}

html.dark-mode .aboutus-text-link {
    color: #FFFFFF;
}

html.dark-mode .aboutus-hero-float {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .aboutus-hero-float i {
    color: #6B8E7B;
}

html.dark-mode .aboutus-hero-stat {
    background: rgba(247, 243, 234, 0.95);
    color: #26332D;
}

html.dark-mode .aboutus-hero-stat strong {
    color: #26332D;
}

html.dark-mode .aboutus-hero-stat span {
    color: #527262;
}
/* =========================================================
   HERO FLOATING TAGS — DARK MODE VISIBILITY
========================================================= */

html.dark-mode .aboutus-hero-float,
html.dark-mode .aboutus-hero-float-two {
    z-index: 10;
    background: #F7F3EA;
    color: #26332D;
    opacity: 1;
}

html.dark-mode .aboutus-hero-float span,
html.dark-mode .aboutus-hero-float-two span {
    color: #26332D;
}

html.dark-mode .aboutus-hero-float strong,
html.dark-mode .aboutus-hero-float-two strong {
    color: #26332D;
}

html.dark-mode .aboutus-hero-float i {
    color: #6B8E7B;
}

/* =========================================================
   MISSION / VISION
   ========================================================= */

html.dark-mode .aboutus-missionvision {
    background: #18221E;
    color: #F7F3EA;
}

html.dark-mode .aboutus-section-kicker {
    color: #8FB5A2;
}

html.dark-mode .aboutus-mission-content h2,
html.dark-mode .aboutus-vision-content h2 {
    color: #FFFFFF;
}

html.dark-mode .aboutus-mission-content h2 span,
html.dark-mode .aboutus-vision-content h2 span {
    color: #8FB5A2;
}

html.dark-mode .aboutus-mission-content p,
html.dark-mode .aboutus-vision-content p {
    color: rgba(247, 243, 234, 0.70);
}

html.dark-mode .aboutus-mission-sign,
html.dark-mode .aboutus-vision-sign {
    color: #DCEBE3;
}

html.dark-mode .aboutus-mission-sign i,
html.dark-mode .aboutus-vision-sign i {
    color: #8FB5A2;
}

html.dark-mode .aboutus-missionvision-collision {
    background: #6B8E7B;
}

html.dark-mode .aboutus-missionvision-result {
    color: #FFFFFF;
}
/* =========================================================
   MISSION / VISION CARDS — DARK MODE TEXT FIX
========================================================= */

/* Card text base */

html.dark-mode .aboutus-purpose-card {
    color: #FFFFFF;
}


/* Mission card */

html.dark-mode .aboutus-mission-card {
    background: #E4ECE7;
    color: #26332D;
}


/* Mission label */

html.dark-mode .aboutus-mission-card .aboutus-purpose-label {
    color: #527262;
}


/* Mission heading */

html.dark-mode .aboutus-mission-card .aboutus-purpose-content h3 {
    color: #26332D;
}


/* Mission heading accent */

html.dark-mode .aboutus-mission-card .aboutus-purpose-content h3 span {
    color: #527262;
}


/* Mission paragraph */

html.dark-mode .aboutus-mission-card .aboutus-purpose-content p {
    color: rgba(38, 51, 45, 0.72);
}


/* Mission bottom text */

html.dark-mode .aboutus-mission-card .aboutus-purpose-bottom span {
    color: #527262;
}


/* Mission bottom arrow */

html.dark-mode .aboutus-mission-card .aboutus-purpose-bottom > i {
    color: #527262;
}


/* Mission icon */

html.dark-mode .aboutus-mission-card .aboutus-purpose-icon {
    color: #26332D;
}


/* Vision card */

html.dark-mode .aboutus-vision-card {
    background: #202D27;
    color: #FFFFFF;
}


/* Vision label */

html.dark-mode .aboutus-vision-card .aboutus-purpose-label {
    color: #BFD8CB;
}


/* Vision heading */

html.dark-mode .aboutus-vision-card .aboutus-purpose-content h3 {
    color: #FFFFFF;
}


/* Vision heading accent */

html.dark-mode .aboutus-vision-card .aboutus-purpose-content h3 span {
    color: #BFD8CB;
}


/* Vision paragraph */

html.dark-mode .aboutus-vision-card .aboutus-purpose-content p {
    color: rgba(247, 243, 234, 0.78);
}


/* Vision bottom text */

html.dark-mode .aboutus-vision-card .aboutus-purpose-bottom span {
    color: #BFD8CB;
}


/* Vision bottom arrow */

html.dark-mode .aboutus-vision-card .aboutus-purpose-bottom > i {
    color: #BFD8CB;
}


/* Vision icon */

html.dark-mode .aboutus-vision-card .aboutus-purpose-icon {
    color: #FFFFFF;
}

/* =========================================================
   HISTORY
   ========================================================= */

html.dark-mode .aboutus-history {
    background: #202B26;
    color: #F7F3EA;
}

html.dark-mode .aboutus-history-heading h2 {
    color: #FFFFFF;
}

html.dark-mode .aboutus-history-heading h2 span {
    color: #8FB5A2;
}

html.dark-mode .aboutus-history-heading p {
    color: rgba(247, 243, 234, 0.68);
}

html.dark-mode .aboutus-timeline-track {
    background: rgba(247, 243, 234, 0.16);
}

html.dark-mode .aboutus-timeline-progress {
    background: #8FB5A2;
}

html.dark-mode .aboutus-timeline-marker {
    background: #6B8E7B;
    color: #FFFFFF;
}

html.dark-mode .aboutus-timeline-content h3 {
    color: #FFFFFF;
}

html.dark-mode .aboutus-timeline-content p {
    color: rgba(247, 243, 234, 0.68);
}

html.dark-mode .aboutus-timeline-year {
    color: #8FB5A2;
}


/* =========================================================
   SECTION 4 — DARK MODE
========================================================= */

html.dark-mode .aboutus-difference {
    background: #17211C;

    color: #FFFFFF;
}


/* =========================================================
   DARK MODE FLOOD
========================================================= */

html.dark-mode .aboutus-color-flood {
    background: #6B8E7B;

    box-shadow:
        0 0 100px rgba(107, 142, 123, 0.28);
}


html.dark-mode
.aboutus-color-flood.aboutus-flood-color-1 {
    background: #6B8E7B;
}


html.dark-mode
.aboutus-color-flood.aboutus-flood-color-2 {
    background: #527262;
}


html.dark-mode
.aboutus-color-flood.aboutus-flood-color-3 {
    background: #789989;
}


/* =========================================================
   DARK MODE TEXT
========================================================= */

html.dark-mode .aboutus-difference-statement h2 {
    color: #FFFFFF !important;
}


html.dark-mode .aboutus-difference-statement h2 span {
    color: #BFD8CB !important;
}


html.dark-mode .aboutus-difference-statement p {
    color:
        rgba(247, 243, 234, 0.86) !important;
}


/* =========================================================
   DARK MODE FEATURES
========================================================= */

html.dark-mode .aboutus-difference-feature {
    color: #FFFFFF !important;

    border-color:
        rgba(247, 243, 234, 0.20) !important;
}


html.dark-mode
.aboutus-difference-feature:first-child {
    border-top-color:
        rgba(247, 243, 234, 0.20) !important;
}


html.dark-mode .aboutus-difference-feature h3 {
    color: #FFFFFF !important;
}


html.dark-mode .aboutus-difference-feature p {
    color:
        rgba(247, 243, 234, 0.78) !important;
}


html.dark-mode .aboutus-difference-feature-number {
    color: #BFD8CB !important;
}


html.dark-mode .aboutus-difference-feature i {
    color: #BFD8CB !important;
}


/* =========================================================
   DARK MODE KINETIC TEXT
========================================================= */

html.dark-mode .aboutus-difference-kinetic {
    color:
        rgba(247, 243, 234, 0.055);
}


/* =========================================================
   DARK MODE HOVER
========================================================= */

@media (hover: hover) {

    html.dark-mode
    .aboutus-difference-feature:hover
    i,

    html.dark-mode
    .aboutus-difference-feature:hover
    .aboutus-difference-feature-number {
        color: #FFFFFF !important;
    }

}
/* =========================================================
   TEAM
   ========================================================= */

html.dark-mode .aboutus-team {
    background: #202B26;
    color: #F7F3EA;
}

html.dark-mode .aboutus-team-heading h2 {
    color: #FFFFFF;
}

html.dark-mode .aboutus-team-heading h2 span {
    color: #8FB5A2;
}

html.dark-mode .aboutus-team-heading p {
    color: rgba(247, 243, 234, 0.68);
}

html.dark-mode .aboutus-team-main-caption {
    background: rgba(24, 34, 30, 0.92);
    color: #FFFFFF;
}

html.dark-mode .aboutus-team-main-caption span {
    color: #8FB5A2;
}

html.dark-mode .aboutus-team-member-info span {
    color: #8FB5A2;
}

html.dark-mode .aboutus-team-member-info h3 {
    color: #FFFFFF;
}

html.dark-mode .aboutus-team-training {
    border-top-color: rgba(247, 243, 234, 0.20);
}

html.dark-mode .aboutus-team-training-icon {
    color: #FFFFFF;
    background: #6B8E7B;
}

html.dark-mode .aboutus-team-training strong {
    color: #FFFFFF;
}

html.dark-mode .aboutus-team-training p {
    color: rgba(247, 243, 234, 0.66);
}


/* =========================================================
   ABOUT US - SECTION 6 DARK MODE
========================================================= */

html.dark-mode .aboutus-beliefs {
    background: #17211C;
    color: #ffffff;
}

html.dark-mode .aboutus-beliefs-intro h2 {
    color: #ffffff;
}

html.dark-mode .aboutus-beliefs-intro h2 span {
    color: #bfd8cb;
}

html.dark-mode .aboutus-beliefs-intro p {
    color: rgba(247,243,234,.76);
}


/* Belief cards */

html.dark-mode .aboutus-belief-card-one {
    background: #26372F;
    color: #ffffff;
}

html.dark-mode .aboutus-belief-card-two {
    background: #30443A;
    color: #ffffff;
}

html.dark-mode .aboutus-belief-card-three {
    background: #3C5448;
    color: #ffffff;
}

html.dark-mode .aboutus-belief-card-four {
    background: #527262;
    color: #ffffff;
}

html.dark-mode .aboutus-belief-card-content p {
    color: rgba(255,255,255,.82);
}


/* Mission */

html.dark-mode .aboutus-mission-mask {
    background: #101813;
    color: #ffffff;
}

html.dark-mode .aboutus-mission-small {
    color: #bfd8cb;
}

html.dark-mode .aboutus-mission-description {
    color: rgba(247,243,234,.78);
}


/* =========================================================
   ABOUT US - SECTION 7 DARK MODE
========================================================= */

html.dark-mode .aboutus-inside {
    background: #17211C;
    color: #ffffff;
}

html.dark-mode .aboutus-inside-manifesto {
    background: #101813;
    color: #ffffff;
}

html.dark-mode .aboutus-inside-manifesto h2 {
    color: #ffffff;
}

html.dark-mode .aboutus-inside-manifesto h2 span {
    color: #bfd8cb;
}

html.dark-mode .aboutus-inside-manifesto p {
    color: rgba(247,243,234,.78);
}

html.dark-mode .aboutus-inside-progress-line {
    background: rgba(247,243,234,.2);
}

html.dark-mode .aboutus-inside-progress-line span {
    background: #bfd8cb;
}

html.dark-mode .aboutus-inside-slideshow {
    background: #26372F;
}

html.dark-mode .aboutus-inside-slide-content {
    background: #17211C;
}

html.dark-mode .aboutus-inside-slide-content h3 {
    color: #ffffff;
}

html.dark-mode .aboutus-inside-slide-content p {
    color: rgba(247,243,234,.72);
}

html.dark-mode .aboutus-inside-slide-content span {
    color: #bfd8cb;
}
/* =========================================================
   ABOUT US - MISSION/VISION HEADING DARK MODE FIX
========================================================= */

/* Description below "What drives Cleanora." */

html.dark-mode .aboutus-missionvision-heading p {
    color: rgba(247, 243, 234, 0.78) !important;
}


/* Heading itself */

html.dark-mode .aboutus-missionvision-heading h2 {
    color: #FFFFFF !important;
}


/* Green accent */

html.dark-mode .aboutus-missionvision-heading h2 span {
    color: #BFD8CB !important;
}


/* Kicker */

html.dark-mode .aboutus-missionvision-heading
.aboutus-section-kicker {
    color: #8FB5A2 !important;
}


/* =========================================================
   CLEANORA SERVICES — DARK MODE
========================================================= */


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

html.dark-mode .services-hero {
    background: #101813;
    color: #ffffff;
}

html.dark-mode .services-hero-kicker {
    color: #bfd8cb;
}

html.dark-mode .services-hero-mask h1 {
    color: #ffffff;
}

html.dark-mode .services-hero-mask h1 span {
    color: #bfd8cb;
}

html.dark-mode .services-hero-content > p {
    color: rgba(247,243,234,.78);
}

html.dark-mode .services-hero-button {
    background: #527262;
    color: #ffffff;
}

html.dark-mode .services-hero-button:hover {
    background: #6b8e7b;
}

html.dark-mode .services-hero-label {
    background: #26372f;
    color: #ffffff;
}

html.dark-mode .services-hero-label i {
    color: #bfd8cb;
}

html.dark-mode .services-hero-background-word {
    color: rgba(191,216,203,.045);
}


/* =========================================================
   SELECTOR
========================================================= */

html.dark-mode .services-selector {
    background: #17211c;
    color: #ffffff;
}

html.dark-mode .services-selector-heading h2 {
    color: #ffffff;
}

html.dark-mode .services-selector-heading h2 span {
    color: #bfd8cb;
}

html.dark-mode .services-selector-heading p {
    color: rgba(247,243,234,.76);
}

html.dark-mode .services-selector-runway {
    border-color: rgba(247,243,234,.2);
}

html.dark-mode .services-selector-item {
    border-color: rgba(247,243,234,.14);
    color: #ffffff;
}

html.dark-mode .services-selector-item:hover {
    background: #26372f;
}

html.dark-mode .services-selector-active {
    background: #527262;
    color: #ffffff;
}

html.dark-mode .services-selector-number {
    color: #bfd8cb;
}

html.dark-mode .services-selector-showcase {
    background: #26372f;
}

html.dark-mode .services-selector-info {
    color: #ffffff;
}

html.dark-mode .services-selector-info > span {
    color: #bfd8cb;
}

html.dark-mode .services-selector-info h3 {
    color: #ffffff;
}

html.dark-mode .services-selector-info > p {
    color: rgba(247,243,234,.76);
}

html.dark-mode .services-selector-features span {
    color: #ffffff;
}

html.dark-mode .services-selector-features i {
    color: #bfd8cb;
}


/* =========================================================
   STANDARD
========================================================= */

html.dark-mode .services-standard {
    background: #101813;
    color: #ffffff;
}

html.dark-mode .services-standard-number {
    color: rgba(191,216,203,.055);
}

html.dark-mode .services-standard-content h2 {
    color: #ffffff;
}

html.dark-mode .services-standard-content h2 span {
    color: #bfd8cb;
}

html.dark-mode .services-standard-content > p {
    color: rgba(247,243,234,.76);
}

html.dark-mode .services-standard-list-item {
    border-color: rgba(247,243,234,.18);
}

html.dark-mode .services-standard-list-item span {
    color: #bfd8cb;
}

html.dark-mode .services-standard-list-item p {
    color: #ffffff;
}

html.dark-mode .services-standard-line {
    background: #bfd8cb;
}


/* =========================================================
   DEEP
========================================================= */

html.dark-mode .services-deep {
    background: #0d1410;
    color: #ffffff;
}

html.dark-mode .services-deep-heading h2 {
    color: #ffffff;
}

html.dark-mode .services-deep-heading h2 span {
    color: #bfd8cb;
}

html.dark-mode .services-deep-heading p {
    color: rgba(247,243,234,.76);
}

html.dark-mode .services-deep-panel-front {
    background: #26372f;
    color: #ffffff;
}

html.dark-mode .services-deep-panel:nth-child(2) .services-deep-panel-front {
    background: #30443a;
}

html.dark-mode .services-deep-panel:nth-child(3) .services-deep-panel-front {
    background: #527262;
}

html.dark-mode .services-deep-panel-front > span {
    color: #bfd8cb;
}

html.dark-mode .services-deep-panel-front i {
    color: #bfd8cb;
}

html.dark-mode .services-deep-panel-front h3 {
    color: #ffffff;
}

html.dark-mode .services-deep-panel-front p {
    color: rgba(255,255,255,.7);
}

html.dark-mode .services-deep-panel-back {
    background: #f7f3ea;
    color: #26332d;
}

html.dark-mode .services-deep-panel-back > span {
    color: #527262;
}

html.dark-mode .services-deep-panel-back h3 {
    color: #26332d;
}

html.dark-mode .services-deep-panel-back p {
    color: #bfd8cd;
}

html.dark-mode .services-deep-panel-back i {
    color: #527262;
}

html.dark-mode .services-deep-background {
    color: rgba(191,216,203,.035);
}


/* =========================================================
   KITCHEN
========================================================= */

html.dark-mode .services-kitchen {
    background: #17211c;
    color: #ffffff;
}

html.dark-mode .services-kitchen-heading h2 {
    color: #ffffff;
}

html.dark-mode .services-kitchen-heading h2 span {
    color: #bfd8cb;
}

html.dark-mode .services-kitchen-info {
    background: #f7f3ea;
    color: #26332d;
}

html.dark-mode .services-kitchen-info-label {
    color: #527262;
}

html.dark-mode .services-kitchen-info h3 {
    color: #26332d;
}

html.dark-mode .services-kitchen-info p {
    color: #526058;
}


/* =========================================================
   MOVE-IN
========================================================= */

html.dark-mode .services-movein {
    background: #101813;
    color: #ffffff;
}

html.dark-mode .services-movein-kinetic {
    color: rgba(191,216,203,.045);
}

html.dark-mode .services-movein-content {
    background: #26372f;
    color: #ffffff;
}

html.dark-mode .services-movein-content h2 {
    color: #ffffff;
}

html.dark-mode .services-movein-content h2 span {
    color: #bfd8cb;
}

html.dark-mode .services-movein-content > p {
    color: rgba(247,243,234,.76);
}

html.dark-mode .services-movein-step {
    border-color: rgba(247,243,234,.18);
}

html.dark-mode .services-movein-step > span {
    color: #bfd8cb;
}

html.dark-mode .services-movein-step strong {
    color: #ffffff;
}

html.dark-mode .services-movein-step p {
    color: rgba(247,243,234,.68);
}

html.dark-mode .services-movein-complete {
    color: #bfd8cb;
}

html.dark-mode .services-movein-check {
    border-color: #bfd8cb;
}


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

html.dark-mode .services-final {
    background: #0d1410;
    color: #ffffff;
}

html.dark-mode .services-final-content h2 {
    color: #ffffff;
}

html.dark-mode .services-final-content h2 span {
    color: #bfd8cb;
}

html.dark-mode .services-final-content p {
    color: rgba(247,243,234,.74);
}

html.dark-mode .services-final-option {
    color: #ffffff;
    border-color: rgba(247,243,234,.16);
}

html.dark-mode .services-final-option:hover {
    background: rgba(107,142,123,.16);
}

html.dark-mode .services-final-option span {
    color: #bfd8cb;
}

html.dark-mode .services-final-option strong {
    color: #ffffff;
}

html.dark-mode .services-final-cta h3 {
    color: #ffffff;
}

html.dark-mode .services-final-button {
    color: #ffffff;
}

html.dark-mode .services-final-button::after {
    background: #bfd8cb;
}

html.dark-mode .services-final-pricing-link {
    color: #bfd8cb;
}

html.dark-mode .services-final-kinetic {
    color: rgba(191,216,203,.035);
}


/* =========================================================
   DARK MODE — MOBILE
========================================================= */

@media (max-width: 767px) {

    html.dark-mode .services-selector-runway {
        border-color: rgba(247,243,234,.18);
    }

    html.dark-mode .services-selector-item {
        border-color: rgba(247,243,234,.14);
    }

    html.dark-mode .services-final-option {
        border-left: 0;
        border-bottom-color: rgba(247,243,234,.16);
    }

}

/* =========================================================
   CLEANORA PRICING — DARK MODE
========================================================= */


/* Hero */

html.dark-mode .pricing-hero {

    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(107,142,123,.20),
            transparent 34%
        ),
        #17211C;

    color: #FFFFFF;

}


html.dark-mode .pricing-hero-pattern {

    opacity: .38;

    background-image:
        linear-gradient(
            rgba(191,216,203,.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(191,216,203,.08) 1px,
            transparent 1px
        );

}


html.dark-mode .pricing-hero-content h1 {

    color: #FFFFFF;

}


html.dark-mode .pricing-hero-content h1 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-hero-content p {

    color: rgba(247,243,234,.78);

}


html.dark-mode .pricing-orbit-label {

    color: #FFFFFF;

}


html.dark-mode .pricing-hero-numbers {

    color:
        rgba(255,255,255,.035);

}


html.dark-mode .pricing-primary-btn {

    background: #BFD8CB;

    color: #26332D;

}


html.dark-mode .pricing-primary-btn:hover {

    background: #FFFFFF;

}


/* Builder */

html.dark-mode .pricing-builder {

    background: #101813;

}


html.dark-mode .pricing-builder-heading h2 {

    color: #FFFFFF;

}


html.dark-mode .pricing-builder-heading h2 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-builder-heading p {

    color: rgba(247,243,234,.74);

}


html.dark-mode .pricing-estimate {

    background: #1B2721;

}


html.dark-mode .pricing-estimate-price strong {

    color: #FFFFFF;

}


/* Size */

html.dark-mode .pricing-size {

    background: #17211C;

    color: #FFFFFF;

}


html.dark-mode .pricing-size-heading h2 {

    color: #FFFFFF;

}


html.dark-mode .pricing-size-heading h2 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-size-heading p {

    color: rgba(247,243,234,.75);

}


html.dark-mode .pricing-room-line {

    background:
        rgba(247,243,234,.18);

}


html.dark-mode .pricing-room-point {

    background: #17211C;

    border-color:
        rgba(247,243,234,.22);

    color: #FFFFFF;

}


html.dark-mode .pricing-room-point-active {

    background: #6B8E7B;

    color: #FFFFFF;

}


html.dark-mode .pricing-size-result {

    border-color:
        rgba(247,243,234,.18);

}


html.dark-mode .pricing-size-result div {

    border-color:
        rgba(247,243,234,.18);

}


html.dark-mode .pricing-size-result span {

    color: rgba(247,243,234,.6);

}


html.dark-mode .pricing-size-result strong {

    color: #FFFFFF;

}


/* Frequency */

html.dark-mode .pricing-frequency {

    background: #101813;

    color: #FFFFFF;

}


html.dark-mode .pricing-frequency-heading h2 {

    color: #FFFFFF;

}


html.dark-mode .pricing-frequency-heading h2 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-frequency-copy p {

    color: rgba(247,243,234,.74);

}


html.dark-mode .pricing-frequency-large-option {

    color: #FFFFFF;

    border-color:
        rgba(247,243,234,.18);

}


html.dark-mode .pricing-frequency-large-active {

    background: #BFD8CB;

    color: #26332D;

}


/* Included */

html.dark-mode .pricing-included {

    background: #101813;

}


html.dark-mode .pricing-included-heading h2 {

    color: #FFFFFF;

}


html.dark-mode .pricing-included-heading h2 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-included-heading p {

    color: rgba(247,243,234,.72);

}


/* Breakdown */

html.dark-mode .pricing-breakdown {

    background: #17211C;

    color: #FFFFFF;

}


html.dark-mode .pricing-breakdown-heading h2 {

    color: #FFFFFF;

}


html.dark-mode .pricing-breakdown-heading h2 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-breakdown-heading p {

    color: rgba(247,243,234,.74);

}


html.dark-mode .pricing-receipt {

    background: #26332D;

    color: #FFFFFF;

    box-shadow:
        0 25px 70px rgba(0,0,0,.28);

}


html.dark-mode .pricing-receipt-top {

    border-color:
        rgba(247,243,234,.16);

}


html.dark-mode .pricing-receipt-line {

    border-color:
        rgba(247,243,234,.10);

}


html.dark-mode .pricing-receipt-line span {

    color: rgba(247,243,234,.62);

}


html.dark-mode .pricing-receipt-total strong {

    color: #BFD8CB;

}


/* Final */

html.dark-mode .pricing-final {

    background: #101813;

}


html.dark-mode .pricing-final-content h2 {

    color: #FFFFFF;

}


html.dark-mode .pricing-final-content h2 span {

    color: #BFD8CB;

}


html.dark-mode .pricing-final-content p {

    color: rgba(247,243,234,.74);

}


html.dark-mode .pricing-final-secondary {

    color: #FFFFFF;

}


html.dark-mode .pricing-final-secondary:hover {

    color: #BFD8CB;

}

/* =========================================================
   HOW IT WORKS — DARK MODE
   ========================================================= */

html.dark-mode .howworks-page {
    background: #1D2722;
    color: #F7F3EA;
}


/* HERO */

html.dark-mode .howworks-hero {
    background:
        radial-gradient(
            circle at 72% 45%,
            rgba(107,142,123,0.18),
            transparent 32%
        ),
        #1D2722;
}


html.dark-mode .howworks-hero h1 {
    color: #F7F3EA;
}


html.dark-mode .howworks-hero h1 span {
    color: #91B19F;
}


html.dark-mode .howworks-hero-content > p {
    color: #C2CDC7;
}


html.dark-mode .howworks-hero-scroll {
    color: #F7F3EA;
}


html.dark-mode .howworks-hero-bottom {
    color: rgba(247,243,234,0.55);
}


html.dark-mode .howworks-hero-bottom div {
    background: rgba(247,243,234,0.2);
}


/* HERO BUBBLES */

html.dark-mode .howworks-bubble {
    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(255,255,255,0.08),
            rgba(107,142,123,0.08) 55%,
            transparent 72%
        );

    border-color: rgba(145,177,159,0.35);
}


/* HERO ORBIT */

html.dark-mode .howworks-orbit {
    border-color: rgba(145,177,159,0.28);
}


html.dark-mode .howworks-orbit-center {
    background: #111915;
    color: #F7F3EA;
}


html.dark-mode .howworks-primary-btn {
    background: #111915;
    color: #F7F3EA;
}


html.dark-mode .howworks-orbit-node {
    background: #25312B;
    border-color: rgba(145,177,159,0.4);
}


html.dark-mode .howworks-orbit-node small {
    color: #F7F3EA;
}


/* SECTION 2 */

html.dark-mode .howworks-booking {
    background: #202B26;
}


html.dark-mode .howworks-section-intro h2,
html.dark-mode .howworks-section-intro h2 span {
    color: #F7F3EA;
}


html.dark-mode .howworks-section-intro h2 span {
    color: #91B19F;
}


html.dark-mode .howworks-section-intro p {
    color: #BAC6C0;
}


html.dark-mode .howworks-booking-item {
    border-color: rgba(247,243,234,0.1);
}


html.dark-mode .howworks-booking-number {
    background: #202B26;
    color: #91B19F;
}


html.dark-mode .howworks-booking-content h3 {
    color: #F7F3EA;
}


html.dark-mode .howworks-booking-content p {
    color: #B8C4BE;
}


/* SECTION 3 */

html.dark-mode .howworks-match {
    background: #111915;
}


html.dark-mode .howworks-match-heading h2 {
    color: #F7F3EA;
}


html.dark-mode .howworks-match-heading h2 span {
    color: #91B19F;
}


html.dark-mode .howworks-match-center {
    background: #1D2722;
}


html.dark-mode .howworks-match-center strong {
    color: #F7F3EA;
}


html.dark-mode .howworks-match-path strong {
    color: #F7F3EA;
}


html.dark-mode .howworks-match-path p {
    color: #B9C4BE;
}


/* SECTION 4 */

html.dark-mode .howworks-prep {
    background: #1D2722;
}


html.dark-mode .howworks-prep-title h2 {
    color: #F7F3EA;
}


html.dark-mode .howworks-prep-title h2 strong {
    color: #91B19F;
}


html.dark-mode .howworks-prep-title p {
    color: #BAC6C0;
}


html.dark-mode .howworks-prep-item {
    border-color: rgba(247,243,234,0.1);
}


html.dark-mode .howworks-prep-check {
    background: #1D2722;
}


html.dark-mode .howworks-prep-item h3 {
    color: #F7F3EA;
}


/* SECTION 5 */

html.dark-mode .howworks-visit {
    background: #202B26;
}


html.dark-mode .howworks-visit-heading h2 {
    color: #F7F3EA;
}


html.dark-mode .howworks-visit-heading h2 span {
    color: #91B19F;
}


html.dark-mode .howworks-visit-heading p {
    color: #BAC6C0;
}


html.dark-mode .howworks-status-interface {
    background: #1D2722;
    border-color: rgba(247,243,234,0.1);
}


html.dark-mode .howworks-status-top {
    border-color: rgba(247,243,234,0.1);
}


html.dark-mode .howworks-status-top div strong {
    color: #F7F3EA;
}


html.dark-mode .howworks-status-step > span {
    background: #1D2722;
    color: rgba(247,243,234,0.4);
}


html.dark-mode .howworks-status-step small {
    color: #F7F3EA;
}


html.dark-mode .howworks-status-details {
    border-color: rgba(247,243,234,0.1);
}


html.dark-mode .howworks-status-details span {
    color: #AEBBB4;
}


html.dark-mode .howworks-status-details strong {
    color: #F7F3EA;
}


/* SECTION 6 */

html.dark-mode .howworks-after {
    background: #1D2722;
}


html.dark-mode .howworks-after-heading h2 {
    color: #F7F3EA;
}


html.dark-mode .howworks-after-heading h2 span {
    color: #91B19F;
}


html.dark-mode .howworks-after-node {
    background: #1D2722;
}


html.dark-mode .howworks-after-center {
    background: #111915;
    color: #F7F3EA;
}


html.dark-mode .howworks-after-node small {
    color: #F7F3EA;
}


html.dark-mode .howworks-after-point {
    border-color: rgba(247,243,234,0.1);
}


html.dark-mode .howworks-after-point h3 {
    color: #F7F3EA;
}


html.dark-mode .howworks-after-point p {
    color: #B9C4BE;
}


/* SECTION 7 */

html.dark-mode .howworks-cta {
    background: #0F1512;
}


html.dark-mode .howworks-cta h2 {
    color: #F7F3EA;
}


html.dark-mode .howworks-cta h2 strong {
    color: #91B19F;
}


html.dark-mode .howworks-cta p {
    color: #B9C4BE;
}


html.dark-mode .howworks-cta-route {
    color: rgba(247,243,234,0.45);
}


/* Mobile dark mode */

@media (max-width: 767px) {

    html.dark-mode .howworks-match-path {
        background: rgba(255,255,255,0.025);
    }

}


/* =========================================================
   CLEANORA COVERAGE — DARK MODE
   ========================================================= */

html.dark-mode .coverage-page {
    background: #18211D;
    color: #F7F3EA;
}


/* =========================================================
   SHARED TEXT
   ========================================================= */

html.dark-mode .coverage-section-heading h2,
html.dark-mode .coverage-finder-content h2,
html.dark-mode .coverage-boundary-content h2 {
    color: #F7F3EA;
}

html.dark-mode .coverage-section-heading p,
html.dark-mode .coverage-finder-content > p,
html.dark-mode .coverage-boundary-content > p {
    color: #F7F3EA;
    opacity: 0.78;
}


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

/* =========================================================
   COVERAGE HERO — DARK MODE
   Keep the same honeycomb background as light mode
   ========================================================= */

html.dark-mode .coverage-hero {
    background-color: #26332D !important;
    background-image:
        linear-gradient(
            rgba(107, 142, 123, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            30deg,
            rgba(107, 142, 123, 0.08) 12%,
            transparent 12.5%,
            transparent 87%,
            rgba(107, 142, 123, 0.08) 87.5%
        ),
        linear-gradient(
            150deg,
            rgba(107, 142, 123, 0.08) 12%,
            transparent 12.5%,
            transparent 87%,
            rgba(107, 142, 123, 0.08) 87.5%
        );

    background-size:
        70px 120px,
        70px 120px,
        70px 120px;

    background-position:
        0 0,
        0 0,
        35px 60px;
}
html.dark-mode .coverage-hero::before {
    background: none !important;
}

html.dark-mode .coverage-hero-content h1,
html.dark-mode .coverage-hero-content p {
    color: #FFFFFF;
}

html.dark-mode .coverage-secondary-btn {
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.28);
}

html.dark-mode .coverage-radius-core {
    background: #6B8E7B;
    color: #FFFFFF;
}

html.dark-mode .coverage-marker {
    background: #18211D;
    color: #E4ECE7;
}


/* =========================================================
   REACH
   ========================================================= */

html.dark-mode .coverage-reach {
    background: #18211D;
}

html.dark-mode .coverage-reach-item {
    border-color: rgba(228, 236, 231, 0.12);
}

html.dark-mode .coverage-reach-item:first-child {
    border-color: rgba(228, 236, 231, 0.12);
}

html.dark-mode .coverage-reach-item h3 {
    color: #F7F3EA;
}

html.dark-mode .coverage-reach-item p {
    color: #F7F3EA;
    opacity: 0.7;
}

html.dark-mode .coverage-zone-center {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .coverage-zone-core,
html.dark-mode .coverage-zone-extended,
html.dark-mode .coverage-zone-check {
    color: #AFC4B7;
}


/* =========================================================
   SIGNAL
   ========================================================= */

html.dark-mode .coverage-signal {
    background: #0F1512;
}

html.dark-mode .coverage-signal .coverage-section-heading h2,
html.dark-mode .coverage-signal .coverage-section-heading p {
    color: #FFFFFF;
}

html.dark-mode .coverage-signal-point {
    background: rgba(24, 33, 29, 0.85);
    color: #FFFFFF;
}


/* =========================================================
   FINDER
   ========================================================= */

html.dark-mode .coverage-finder {
    background: #223029;
}

html.dark-mode .coverage-finder-content h2 {
    color: #FFFFFF;
}

html.dark-mode .coverage-finder-content > p,
html.dark-mode .coverage-finder-form label {
    color: #FFFFFF;
}

html.dark-mode .coverage-input-wrap {
    background: #18211D;
    border-color: rgba(228, 236, 231, 0.2);
}

html.dark-mode .coverage-input-wrap input {
    color: #FFFFFF;
}

html.dark-mode .coverage-input-wrap input::placeholder {
    color: #FFFFFF;
    opacity: 0.5;
}

html.dark-mode .coverage-input-wrap button {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .coverage-finder-result {
    color: #D5E5DC;
}


/* IMAGE CAPTION */

html.dark-mode .coverage-image-caption {
    background: rgba(15, 21, 18, 0.88);
    color: #FFFFFF;
}


/* =========================================================
   SERVICE
   ========================================================= */

html.dark-mode .coverage-service {
    background: #18211D;
}

html.dark-mode .coverage-service-tab {
    color: #F7F3EA;
    border-color: rgba(228, 236, 231, 0.18);
}

html.dark-mode .coverage-service-tab-active {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .coverage-service-display {
    border-color: rgba(228, 236, 231, 0.13);
}

html.dark-mode .coverage-service-info h3 {
    color: #FFFFFF;
}

html.dark-mode .coverage-service-info p {
    color: #F7F3EA;
}

html.dark-mode .coverage-status-row {
    border-color: rgba(228, 236, 231, 0.12);
}

html.dark-mode .coverage-status-row span {
    color: #F7F3EA;
}


/* =========================================================
   BOUNDARY
   ========================================================= */

html.dark-mode .coverage-boundary {
    background: #223029;
}

html.dark-mode .coverage-boundary-content h2 {
    color: #FFFFFF;
}

html.dark-mode .coverage-boundary-content > p {
    color: #FFFFFF;
}

html.dark-mode .coverage-boundary-steps strong {
    color: #FFFFFF;
}

html.dark-mode .coverage-boundary-gap {
    background: #223029;
}

html.dark-mode .coverage-boundary-home {
    background: #F7F3EA;
    color: #6B8E7B;
}

html.dark-mode .coverage-boundary-inside,
html.dark-mode .coverage-boundary-outside {
    color: #BBD0C3;
}

html.dark-mode .coverage-outline-btn {
    border-color: #F7F3EA;
    color: #F7F3EA;
}

html.dark-mode .coverage-outline-btn:hover {
    background: #F7F3EA;
    color: #26332D;
}


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

html.dark-mode .coverage-final {
    background: #0F1512;
}

html.dark-mode .coverage-final-content h2,
html.dark-mode .coverage-final-content p {
    color: #FFFFFF;
}

html.dark-mode .coverage-final-secondary {
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.25);
}

/* =========================================================
   COVERAGE — SECTION 03 + 06 DARK MODE FIX
   ========================================================= */

html.dark-mode .coverage-signal {
    background: #0F1512;
}

html.dark-mode .coverage-signal-pattern {
    opacity: 0.32;
}

html.dark-mode .coverage-signal-point {
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 255, 255, 0.10);
    color: #FFFFFF;
}

html.dark-mode .coverage-signal-point span,
html.dark-mode .coverage-signal-point small {
    color: #FFFFFF;
}

html.dark-mode .coverage-signal-point:hover {
    background: rgba(107, 142, 123, 0.12);
    border-color: rgba(107, 142, 123, 0.65);
}

html.dark-mode .coverage-boundary {
    background: #18211D;
}

html.dark-mode .coverage-boundary-content h2 {
    color: #FFFFFF;
}

html.dark-mode .coverage-boundary-content > p {
    color: #FFFFFF;
    opacity: 0.70;
}

html.dark-mode .coverage-boundary-circle {
    background:
        linear-gradient(
            135deg,
            rgba(107, 142, 123, 0.16),
            rgba(107, 142, 123, 0.04)
        );
}

html.dark-mode .coverage-boundary-home {
    background: #F7F3EA;
    color: #527262;
}

html.dark-mode .coverage-boundary-inside {
    color: #AFC4B7;
}

html.dark-mode .coverage-boundary-outside {
    color: #AFC4B7;
}

/* =========================================================
   COVERAGE HERO + SECTION 06
   DARK MODE
========================================================= */

html.dark-mode .coverage-hero {
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(107, 142, 123, 0.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(107, 142, 123, 0.12),
            transparent 28%
        ),
        #111814;
}

html.dark-mode .coverage-hero::before,
html.dark-mode .coverage-hero::after {
    border-color: rgba(191, 216, 203, 0.12);
}

html.dark-mode .coverage-hero-content h1 {
    color: #F7F3EA;
}

html.dark-mode .coverage-hero-content h1 span {
    color: #BFD8CB;
}

html.dark-mode .coverage-hero-content p {
    color: rgba(247, 243, 234, 0.72);
}

html.dark-mode .coverage-secondary-btn {
    color: #F7F3EA;
}

html.dark-mode .coverage-radius-shape-outer {
    border-color: rgba(191, 216, 203, 0.25);
}

html.dark-mode .coverage-radius-shape-outer::before {
    border-color: rgba(191, 216, 203, 0.20);
}

html.dark-mode .coverage-radius-shape-outer::after {
    border-color: rgba(247, 243, 234, 0.10);
}

html.dark-mode .coverage-radius-shape-middle {
    border-color: rgba(191, 216, 203, 0.32);
}

html.dark-mode .coverage-radius-shape-inner {
    border-color: rgba(191, 216, 203, 0.38);
}

html.dark-mode .coverage-radius-core {
    background: #18231E;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(191, 216, 203, 0.18);
}

html.dark-mode .coverage-radius-image-label {
    background: rgba(24, 35, 30, 0.94);
    color: #F7F3EA;
}

html.dark-mode .coverage-radius-image-label i {
    color: #BFD8CB;
}

html.dark-mode .coverage-marker {
    background: #18231E;
    color: #BFD8CB;
    border-color: rgba(191, 216, 203, 0.25);
}

html.dark-mode .coverage-radius-data {
    color: #F7F3EA;
}

html.dark-mode .coverage-radius-data b {
    color: #BFD8CB;
}


/* =========================================================
   SECTION 06 DARK MODE
========================================================= */

html.dark-mode .coverage-boundary {
    background: #111814;
}

html.dark-mode .coverage-boundary::before,
html.dark-mode .coverage-boundary::after {
    border-color: rgba(191, 216, 203, 0.11);
}

html.dark-mode .coverage-boundary-content h2 {
    color: #F7F3EA;
}

html.dark-mode .coverage-boundary-content h2 span {
    color: #BFD8CB;
}

html.dark-mode .coverage-boundary-content > p {
    color: rgba(247, 243, 234, 0.70);
}

html.dark-mode .coverage-boundary-orbit-one {
    border-color: rgba(191, 216, 203, 0.23);
}

html.dark-mode .coverage-boundary-orbit-one::before {
    border-color: rgba(191, 216, 203, 0.17);
}

html.dark-mode .coverage-boundary-orbit-two {
    border-color: rgba(247, 243, 234, 0.16);
}

html.dark-mode .coverage-boundary-orbit-three {
    border-color: rgba(191, 216, 203, 0.30);
}

html.dark-mode .coverage-boundary-frame {
    background: #18231E;
    box-shadow:
        0 35px 85px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(191, 216, 203, 0.14);
}

html.dark-mode .coverage-boundary-status {
    background: #18231E;
    color: #F7F3EA;
    border-left-color: #6B8E7B;
}

html.dark-mode .coverage-boundary-location {
    background: #18231E;
    color: #BFD8CB;
    border-color: rgba(191, 216, 203, 0.25);
}

html.dark-mode .coverage-boundary-caption strong {
    color: #F7F3EA;
}

html.dark-mode .coverage-boundary-process::before {
    background: rgba(191, 216, 203, 0.20);
}

html.dark-mode .coverage-boundary-process-item > span {
    background: #111814;
    color: #BFD8CB;
    border-color: rgba(191, 216, 203, 0.30);
}

html.dark-mode .coverage-boundary-process-item strong {
    color: #F7F3EA;
}

html.dark-mode .coverage-boundary-process-item small {
    color: rgba(247, 243, 234, 0.64);
}

html.dark-mode .coverage-outline-btn {
    color: #F7F3EA;
    border-color: #6B8E7B;
}

html.dark-mode .coverage-outline-btn:hover {
    background: #6B8E7B;
    color: #FFFFFF;
}

/* =========================================================
   CLEANORA CONTACT PAGE
   DARK MODE ONLY
   ========================================================= */

html.dark-mode .contact-page {
    background: #1E2823;
    color: #F7F3EA;
}


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

html.dark-mode .contact-hero {
    background: #101814;
    color: #FFFFFF;
}

html.dark-mode .contact-hero h1,
html.dark-mode .contact-hero h2,
html.dark-mode .contact-hero h3,
html.dark-mode .contact-hero p,
html.dark-mode .contact-hero span,
html.dark-mode .contact-hero strong {
    color: #FFFFFF;
}

html.dark-mode .contact-hero h1 span {
    color: #BFD8CB;
}

html.dark-mode .contact-eyebrow {
    color: #BFD8CB;
}

html.dark-mode .contact-hero-label {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .contact-hero-label span {
    color: #26332D;
}

html.dark-mode .contact-hero-label i {
    color: #527262;
}
html.dark-mode .contact-hero-floating {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .contact-hero-floating span {
    color: #26332D;
}

html.dark-mode .contact-hero-floating i {
    color: #527262;
}

/* =========================================================
   CONTACT INFORMATION
   ========================================================= */

html.dark-mode .contact-info-section {
    background: #202A25;
    color: #F7F3EA;
}

html.dark-mode .contact-info-section h2,
html.dark-mode .contact-info-section h3 {
    color: #F7F3EA;
}

html.dark-mode .contact-info-section p {
    color: #D9E2DD;
}

html.dark-mode .contact-info-section strong {
    color: #F7F3EA;
}

html.dark-mode .contact-info-section span {
    color: #D0DAD4;
}

html.dark-mode .contact-info-section a {
    color: #BFD8CB;
}

html.dark-mode .contact-info-section a:hover {
    color: #FFFFFF;
}

html.dark-mode .contact-info-card {
    background: #26332D;
    color: #F7F3EA;
    border-color: rgba(247, 243, 234, 0.10);
}

html.dark-mode .contact-info-card h3,
html.dark-mode .contact-info-card strong {
    color: #F7F3EA;
}

html.dark-mode .contact-info-card p,
html.dark-mode .contact-info-card span {
    color: #D0DAD4;
}

html.dark-mode .contact-info-icon {
    color: #BFD8CB;
}


/* =========================================================
   MESSAGE US
   ========================================================= */

html.dark-mode .contact-message-section {
    background: #18211D;
    color: #F7F3EA;
}

html.dark-mode .contact-message-section h2,
html.dark-mode .contact-message-section h3 {
    color: #F7F3EA;
}

html.dark-mode .contact-message-section p {
    color: #D9E2DD;
}

html.dark-mode .contact-message-section label {
    color: #F7F3EA;
}

html.dark-mode .contact-message-section input,
html.dark-mode .contact-message-section textarea,
html.dark-mode .contact-message-section select {
    background: #202A25;
    color: #F7F3EA;
    border-color: rgba(247, 243, 234, 0.16);
}

html.dark-mode .contact-message-section input::placeholder,
html.dark-mode .contact-message-section textarea::placeholder {
    color: #AAB8B0;
    opacity: 1;
}

html.dark-mode .contact-message-section input:focus,
html.dark-mode .contact-message-section textarea:focus,
html.dark-mode .contact-message-section select:focus {
    background: #26332D;
    color: #FFFFFF;
    border-color: #7FA58F;
    box-shadow: 0 0 0 3px rgba(127, 165, 143, 0.15);
}
html.dark-mode .contact-message-quote {
    background: #26332D;
    color: #FFFFFF;
}

html.dark-mode .contact-message-quote p {
    color: #FFFFFF;
}

html.dark-mode .contact-message-quote span {
    color: rgba(255, 255, 255, 0.65);
}

html.dark-mode .contact-message-quote i {
    color: #BFD8CB;
}
html.dark-mode .contact-input-icon {
    color: #BFD8CB;
}

html.dark-mode .contact-form-status {
    color: #F7F3EA;
}

html.dark-mode .contact-form-success {
    color: #BFD8CB;
}


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

html.dark-mode .contact-map-section {
    background: #26332D;
    color: #F7F3EA;
}

html.dark-mode .contact-map-section h2,
html.dark-mode .contact-map-section h3 {
    color: #F7F3EA;
}

html.dark-mode .contact-map-section p {
    color: #D9E2DD;
}

html.dark-mode .contact-map-details {
    color: #F7F3EA;
}

html.dark-mode .contact-map-details strong {
    color: #F7F3EA;
}

html.dark-mode .contact-map-details span {
    color: #D0DAD4;
}

html.dark-mode .contact-map-frame {
    background: #18211D;
    border-color: rgba(247, 243, 234, 0.14);
}

html.dark-mode .contact-map-btn {
    background: #7FA58F;
    color: #172019;
}

html.dark-mode .contact-map-btn:hover {
    background: #BFD8CB;
    color: #172019;
}

html.dark-mode .contact-map-pin {
    color: #172019;
    background: #BFD8CB;
}


/* =========================================================
   FAQ
   ========================================================= */

html.dark-mode .contact-faq-section {
    background: #202A25;
    color: #F7F3EA;
}

html.dark-mode .contact-faq-section h2,
html.dark-mode .contact-faq-section h3 {
    color: #F7F3EA;
}

html.dark-mode .contact-faq-section p {
    color: #D9E2DD;
}

html.dark-mode .contact-faq-item {
    background: transparent;
    border-bottom-color: rgba(247, 243, 234, 0.14);
}

html.dark-mode .contact-faq-question {
    color: #F7F3EA;
}

html.dark-mode .contact-faq-question span {
    color: #F7F3EA;
}

html.dark-mode .contact-faq-question i {
    color: #BFD8CB;
}

html.dark-mode .contact-faq-answer,
html.dark-mode .contact-faq-answer p {
    color: #D0DAD4;
}

html.dark-mode .contact-faq-open .contact-faq-question,
html.dark-mode .contact-faq-open .contact-faq-question span {
    color: #BFD8CB;
}


/* =========================================================
   PROCESS
   ========================================================= */

html.dark-mode .contact-process-section {
    background: #18211D;
    color: #F7F3EA;
}

html.dark-mode .contact-process-section h2,
html.dark-mode .contact-process-section h3 {
    color: #F7F3EA;
}

html.dark-mode .contact-process-section p {
    color: #D9E2DD;
}

html.dark-mode .contact-process-step h3,
html.dark-mode .contact-process-step strong {
    color: #F7F3EA;
}

html.dark-mode .contact-process-step p,
html.dark-mode .contact-process-step span {
    color: #D0DAD4;
}

html.dark-mode .contact-process-icon {
    color: #172019;
    background: #7FA58F;
}

html.dark-mode .contact-process-number {
    color: #BFD8CB;
}


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

html.dark-mode .contact-final-cta {
    background: #101814;
    color: #FFFFFF;
}

html.dark-mode .contact-final-cta h2,
html.dark-mode .contact-final-cta h3,
html.dark-mode .contact-final-cta p,
html.dark-mode .contact-final-cta span,
html.dark-mode .contact-final-cta strong {
    color: #FFFFFF;
}

html.dark-mode .contact-final-cta h2 span {
    color: #BFD8CB;
}

html.dark-mode .contact-cta-primary {
    background: #7FA58F;
    color: #172019;
}

html.dark-mode .contact-cta-primary:hover {
    background: #BFD8CB;
    color: #172019;
}

html.dark-mode .contact-cta-secondary {
    border-color: rgba(247, 243, 234, 0.45);
    color: #F7F3EA;
}

html.dark-mode .contact-cta-secondary:hover {
    background: #F7F3EA;
    color: #26332D;
}

html.dark-mode .contact-cta-section {
    background: #101814;
    color: #FFFFFF;
}

html.dark-mode .contact-cta-content h2,
html.dark-mode .contact-cta-content h3,
html.dark-mode .contact-cta-content > p {
    color: #FFFFFF;
}

html.dark-mode .contact-cta-content h2 span {
    color: #BFD8CB;
}
/* =========================================================
   CONTACT BUTTONS
   ========================================================= */

html.dark-mode .contact-primary-btn {
    background: #7FA58F;
    color: #172019;
}

html.dark-mode .contact-primary-btn:hover {
    background: #BFD8CB;
    color: #172019;
}

html.dark-mode .contact-secondary-btn {
    border-color: #7FA58F;
    color: #BFD8CB;
}

html.dark-mode .contact-secondary-btn:hover {
    background: #7FA58F;
    color: #172019;
}

html.dark-mode .contact-submit-btn {
    background: #7FA58F;
    color: #172019;
}

html.dark-mode .contact-submit-btn:hover {
    background: #BFD8CB;
    color: #172019;
}
@media (max-width: 767px) {

    html.dark-mode .contact-process-step {
        background: transparent;
    }

}


 /* =========================================================
   CLEANORA USER DASHBOARD - DARK MODE ONLY
   ========================================================= */

html.dark-mode .userdash-body,
html.dark-mode .userdash-app {
    --userdash-bg: #1C2621;
    --userdash-panel-bg: #26332D;
    --userdash-panel-soft: #34443C;
    --userdash-line: rgba(247,243,234,.13);
    --userdash-muted: #C3CEC8;
    --userdash-heading: #F7F3EA;
    --userdash-shadow: 0 18px 55px rgba(0,0,0,.20);

    background: #1C2621 !important;
    color: #F7F3EA !important;
}

html.dark-mode .userdash-navbar {
    background: rgba(28,38,33,.94);
    border-color: var(--userdash-line);
}

/* =========================================================
   USER DASHBOARD SIDEBAR — DARK MODE
   ========================================================= */

html.dark-mode .userdash-sidebar {
    background: #26332D !important;
    color: #F7F3EA !important;
    border-color: rgba(247,243,234,.13) !important;
}

html.dark-mode .userdash-sidebar-header {
    border-color: rgba(247,243,234,.13) !important;
}

html.dark-mode .userdash-sidebar-header h2,
html.dark-mode .userdash-sidebar-header p,
html.dark-mode .userdash-profile-info h3,
html.dark-mode .userdash-profile-info p,
html.dark-mode .userdash-sidebar-title,
html.dark-mode .userdash-side-link strong,
html.dark-mode .userdash-side-link small {
    color: #F7F3EA !important;
}

html.dark-mode .userdash-profile-info p,
html.dark-mode .userdash-side-link small {
    color: #C3CEC8 !important;
}

html.dark-mode .userdash-sidebar-close {
    background: #34443C !important;
    color: #F7F3EA !important;
    border-color: rgba(247,243,234,.13) !important;
}

html.dark-mode .userdash-sidebar-close:hover {
    background: #527262 !important;
    color: #FFFFFF !important;
}

html.dark-mode .userdash-side-link {
    background: transparent !important;
    color: #F7F3EA !important;
    border-color: transparent !important;
}

html.dark-mode .userdash-side-link:hover {
    background: #34443C !important;
    color: #FFFFFF !important;
}

html.dark-mode .userdash-side-link.is-active {
    background: #34443C !important;
    color: #F7F3EA !important;
    border-color: rgba(127,162,142,.35) !important;
}

html.dark-mode .userdash-side-link.is-active strong {
    color: #FFFFFF !important;
}

html.dark-mode .userdash-side-icon {
    background: #3B4D43 !important;
    color: #D4E5DB !important;
}

html.dark-mode .userdash-side-link.is-active .userdash-side-icon {
    background: #7FA28E !important;
    color: #17221C !important;
}

html.dark-mode .userdash-sidebar-help {
    background: #34443C !important;
    color: #F7F3EA !important;
    border-color: rgba(247,243,234,.10) !important;
}

html.dark-mode .userdash-sidebar-help h3,
html.dark-mode .userdash-sidebar-help p {
    color: #F7F3EA !important;
}

html.dark-mode .userdash-sidebar-help p {
    color: #C3CEC8 !important;
}

html.dark-mode .userdash-sidebar-logout {
    background: transparent !important;
    color: #F7F3EA !important;
    border-color: rgba(247,243,234,.18) !important;
}

html.dark-mode .userdash-sidebar-logout:hover {
    background: #F7F3EA !important;
    color: #1E2823 !important;
    border-color: #F7F3EA !important;
}

html.dark-mode .userdash-nav-action,
html.dark-mode .userdash-hamburger {
    background: #26332D;
    border-color: var(--userdash-line);
    color: #F7F3EA;
}

html.dark-mode .userdash-main {
    background: #1C2621;
}

html.dark-mode .userdash-heading-status,
html.dark-mode .userdash-stat-card,
html.dark-mode .userdash-large-panel,
html.dark-mode .userdash-form-panel,
html.dark-mode .userdash-status-main,
html.dark-mode .userdash-status-side,
html.dark-mode .userdash-rating-panel,
html.dark-mode .userdash-history-toolbar,
html.dark-mode .userdash-history-item,
html.dark-mode .userdash-live-card {
    background: #26332D;
    color: #F7F3EA;
    border-color: var(--userdash-line);
}

html.dark-mode .userdash-welcome h1,
html.dark-mode .userdash-page-heading h1,
html.dark-mode .userdash-panel-heading h2,
html.dark-mode .userdash-large-panel h2,
html.dark-mode .userdash-stat-card strong,
html.dark-mode .userdash-live-card strong,
html.dark-mode .userdash-form-title h2,
html.dark-mode .userdash-choice-card strong,
html.dark-mode .userdash-room-control strong,
html.dark-mode .userdash-status-main-top h2,
html.dark-mode .userdash-status-side h2,
html.dark-mode .userdash-status-side-detail strong,
html.dark-mode .userdash-rating-service h2,
html.dark-mode .userdash-rating-question h3,
html.dark-mode .userdash-history-toolbar strong,
html.dark-mode .userdash-history-main h2,
html.dark-mode .userdash-history-actions button {
    color: #F7F3EA !important;
}

html.dark-mode .userdash-welcome p,
html.dark-mode .userdash-page-heading p,
html.dark-mode .userdash-quick-panel > p,
html.dark-mode .userdash-insight-panel p,
html.dark-mode .userdash-form-title p,
html.dark-mode .userdash-field-help,
html.dark-mode .userdash-status-main-top p,
html.dark-mode .userdash-track-step p,
html.dark-mode .userdash-status-side > p,
html.dark-mode .userdash-status-side-detail small,
html.dark-mode .userdash-rating-service p,
html.dark-mode .userdash-rating-question p,
html.dark-mode .userdash-history-toolbar span,
html.dark-mode .userdash-history-date span {
    color: #C3CEC8 !important;
}

html.dark-mode .userdash-panel-kicker,
html.dark-mode .userdash-eyebrow {
    color: #AFC7B8;
}

html.dark-mode .userdash-stat-icon,
html.dark-mode .userdash-next-details > div,
html.dark-mode .userdash-next-details > div > span,
html.dark-mode .userdash-heading-icon,
html.dark-mode .userdash-choice-card,
html.dark-mode .userdash-choice-icon,
html.dark-mode .userdash-room-control button,
html.dark-mode .userdash-track-step > span,
html.dark-mode .userdash-status-side-icon,
html.dark-mode .userdash-status-side-detail > span,
html.dark-mode .userdash-history-date {
    background: #34443C;
    color: #CFE0D6;
}

html.dark-mode .userdash-choice-card {
    border-color: var(--userdash-line);
}

html.dark-mode .userdash-choice-card:hover,
html.dark-mode .userdash-choice-card.is-selected,
html.dark-mode .userdash-track-step.is-current {
    background: #34443C;
    border-color: #7FA28E;
}

html.dark-mode .userdash-field select,
html.dark-mode .userdash-field input,
html.dark-mode .userdash-recurring-wrap select,
html.dark-mode .userdash-review-field textarea,
html.dark-mode .userdash-history-toolbar select,
html.dark-mode .userdash-room-control,
html.dark-mode .userdash-history-actions button {
    background: #26332D;
    color: #F7F3EA;
    border-color: var(--userdash-line);
}

html.dark-mode .userdash-field select option,
html.dark-mode .userdash-recurring-wrap select option,
html.dark-mode .userdash-history-toolbar select option {
    background: #26332D;
    color: #F7F3EA;
}

html.dark-mode .userdash-outline-button {
    color: #CFE0D6;
    border-color: #7FA28E;
}

html.dark-mode .userdash-outline-button:hover {
    background: #34443C;
}

html.dark-mode .userdash-history-actions button:hover {
    color: #D4E5DB;
    border-color: #7FA28E;
}

html.dark-mode .userdash-status-badge,
html.dark-mode .userdash-heading-status {
    background: #34443C;
    color: #CFE0D6;
}

html.dark-mode .userdash-progress-track {
    background: #34443C;
}

html.dark-mode .userdash-rating-side,
html.dark-mode .userdash-booking-summary,
html.dark-mode .userdash-care-panel {
    background: #16211C;
}

html.dark-mode .userdash-rating-side h2,
html.dark-mode .userdash-booking-summary h2,
html.dark-mode .userdash-care-copy h2 {
    color: #F7F3EA;
}

html.dark-mode .userdash-stars button {
    background: #26332D;
    border-color: var(--userdash-line);
}

html.dark-mode .userdash-stars button:hover,
html.dark-mode .userdash-stars button.is-selected {
    background: #3B4132;
}

html.dark-mode .userdash-toast {
    background: #26332D;
    color: #F7F3EA;
    border-color: var(--userdash-line);
}

@media (max-width: 1023px) {
    html.dark-mode .userdash-sidebar-overlay {
        background: rgba(0,0,0,.62);
    }
}

/* =========================================================
   USER DASHBOARD NAVBAR LOGOUT — DARK MODE
   ========================================================= */

html.dark-mode .userdash-navbar-logout {
    background: #26332D;
    color: #F7F3EA;
    border-color: rgba(247, 243, 234, 0.18);
}

html.dark-mode .userdash-navbar-logout:hover {
    background: #F7F3EA;
    color: #1E2823;
    border-color: #F7F3EA;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

html.dark-mode .userdash-navbar-logout:focus-visible {
    outline-color: rgba(145, 197, 169, 0.45);
}
/* =========================================================
   USER DASHBOARD SIDEBAR — DARK MODE RESPONSIVE
   ========================================================= */

@media (max-width: 1023px) {

    html.dark-mode .userdash-sidebar {
        background: #26332D !important;
        color: #F7F3EA !important;
    }

    html.dark-mode .userdash-sidebar-content {
        background: #26332D !important;
    }

}

/* =========================================================
   CLEANORA ADMIN DASHBOARD
   LIGHT + DARK MODE
   Loaded AFTER styles.css
========================================================= */


/* =========================================================
   LIGHT MODE
========================================================= */

html:not(.dark-mode) body.admindash-body {

    background: #F7F3EA;

    color: #26332D;
}


html:not(.dark-mode) .admindash-navbar {

    background: rgba(255, 255, 255, 0.94);

    color: #26332D;
}


html:not(.dark-mode) .admindash-sidebar {

    background: #26332D;

    color: #F7F3EA;
}


html:not(.dark-mode) .admindash-main {

    color: #26332D;
}


html:not(.dark-mode) .admindash-heading h1,
html:not(.dark-mode) .admindash-page-heading h1,
html:not(.dark-mode) .admindash-card-heading h2,
html:not(.dark-mode) .admindash-service-grid h2 {

    color: #26332D;
}


html:not(.dark-mode) .admindash-heading p,
html:not(.dark-mode) .admindash-page-heading p,
html:not(.dark-mode) .admindash-metric small,
html:not(.dark-mode) .admindash-metric p,
html:not(.dark-mode) .admindash-card-heading span,
html:not(.dark-mode) .admindash-progress-row > span,
html:not(.dark-mode) .admindash-activity-list small,
html:not(.dark-mode) .admindash-service-grid p,
html:not(.dark-mode) .admindash-stats-grid small,
html:not(.dark-mode) .admindash-review-summary small,
html:not(.dark-mode) .admindash-review-list p,
html:not(.dark-mode) .admindash-user-list small,
html:not(.dark-mode) .admindash-booking-list span {

    color: #66746D;
}


html:not(.dark-mode) .admindash-content-card,
html:not(.dark-mode) .admindash-live-box,
html:not(.dark-mode) .admindash-metric,
html:not(.dark-mode) .admindash-user-list article,
html:not(.dark-mode) .admindash-booking-list article,
html:not(.dark-mode) .admindash-service-grid article,
html:not(.dark-mode) .admindash-stats-grid article,
html:not(.dark-mode) .admindash-review-summary,
html:not(.dark-mode) .admindash-review-list article,
html:not(.dark-mode) .admindash-settings-grid label {

    background: #FFFFFF;

    color: #26332D;

    border-color: #DDE5DF;
}


html:not(.dark-mode) .admindash-toolbar input,
html:not(.dark-mode) .admindash-toolbar select,
html:not(.dark-mode) .admindash-settings-grid input,
html:not(.dark-mode) .admindash-settings-grid select {

    background: #FFFFFF;

    color: #26332D;

    border-color: #DDE5DF;
}


html:not(.dark-mode) .admindash-toolbar input::placeholder {

    color: #7B8781;
}


/* =========================================================
   DARK MODE VARIABLES
========================================================= */

html.dark-mode body.admindash-body {

    --admindash-bg: #17211C;

    --admindash-surface: #223029;

    --admindash-surface-soft: #2C3B34;

    --admindash-text: #F7F3EA;

    --admindash-muted: #C0CBC5;

    --admindash-line: rgba(247, 243, 234, 0.13);

    --admindash-sidebar: #111A15;

    --admindash-sidebar-text: #F7F3EA;

    --admindash-sidebar-muted: #B9C6BF;

    --admindash-accent: #86AA96;

    --admindash-accent-dark: #A7C8B5;

    background: #17211C;

    color: #F7F3EA;
}


/* =========================================================
   DARK NAVBAR
========================================================= */

html.dark-mode .admindash-navbar {

    background: rgba(23, 33, 28, 0.96);

    border-color: rgba(247, 243, 234, 0.13);

    color: #F7F3EA;
}


html.dark-mode .admindash-action-btn,
html.dark-mode .admindash-navbar-logout {

    background: #26352D;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.16);
}


html.dark-mode .admindash-action-btn:hover,
html.dark-mode .admindash-navbar-logout:hover {

    background: #F7F3EA;

    color: #1A241F;

    border-color: #F7F3EA;
}


html.dark-mode .admindash-hamburger {

    background: #26352D;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.16);
}


/* =========================================================
   DARK SIDEBAR
========================================================= */

html.dark-mode .admindash-sidebar {

    background: #111A15;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.13);
}


html.dark-mode .admindash-profile-info h2,
html.dark-mode .admindash-side-link strong,
html.dark-mode .admindash-brand-name,
html.dark-mode .admindash-heading h1,
html.dark-mode .admindash-page-heading h1,
html.dark-mode .admindash-card-heading h2,
html.dark-mode .admindash-service-grid h2,
html.dark-mode .admindash-stats-grid strong,
html.dark-mode .admindash-review-summary > strong {

    color: #F7F3EA;
}


html.dark-mode .admindash-profile-info p,
html.dark-mode .admindash-profile-info small,
html.dark-mode .admindash-brand-tagline,
html.dark-mode .admindash-side-link small {

    color: #B9C6BF;
}


/* =========================================================
   DARK SIDEBAR ACTIVE
========================================================= */

html.dark-mode .admindash-side-link:hover {

    background: #26352D;
}


html.dark-mode .admindash-side-link.is-active {

    background: #2D3D35;

    border-color:
        rgba(167, 200, 181, 0.25);
}


html.dark-mode .admindash-side-icon {

    background: #26352D;

    color: #D7E5DD;
}


html.dark-mode
.admindash-side-link.is-active
.admindash-side-icon {

    background: #86AA96;

    color: #17211C;
}


/* =========================================================
   DARK HELP
========================================================= */

html.dark-mode .admindash-help {

    background: #26352D;
}


html.dark-mode .admindash-help > span {

    background: #D7E5DD;

    color: #385345;
}


html.dark-mode .admindash-help strong,
html.dark-mode .admindash-sidebar-logout {

    color: #F7F3EA;
}


html.dark-mode .admindash-help p {

    color: #B9C6BF;
}


html.dark-mode .admindash-sidebar-logout {

    border-color:
        rgba(247, 243, 234, 0.18);
}


html.dark-mode .admindash-sidebar-logout:hover {

    background: #F7F3EA;

    color: #17211C;
}


/* =========================================================
   DARK MAIN TEXT
========================================================= */

html.dark-mode .admindash-eyebrow {

    color: #A7C8B5;
}


html.dark-mode .admindash-heading p,
html.dark-mode .admindash-page-heading p,
html.dark-mode .admindash-metric small,
html.dark-mode .admindash-metric p,
html.dark-mode .admindash-live-box span,
html.dark-mode .admindash-live-box small,
html.dark-mode .admindash-card-heading span,
html.dark-mode .admindash-progress-row > span,
html.dark-mode .admindash-activity-list small,
html.dark-mode .admindash-service-grid p,
html.dark-mode .admindash-stats-grid small,
html.dark-mode .admindash-review-summary small,
html.dark-mode .admindash-review-list p,
html.dark-mode .admindash-user-list small,
html.dark-mode .admindash-booking-list span {

    color: #C0CBC5;
}


/* =========================================================
   DARK CARDS
========================================================= */

html.dark-mode .admindash-live-box,
html.dark-mode .admindash-metric,
html.dark-mode .admindash-content-card,
html.dark-mode .admindash-user-list article,
html.dark-mode .admindash-booking-list article,
html.dark-mode .admindash-service-grid article,
html.dark-mode .admindash-stats-grid article,
html.dark-mode .admindash-review-summary,
html.dark-mode .admindash-review-list article,
html.dark-mode .admindash-settings-grid label {

    background: #223029;

    border-color:
        rgba(247, 243, 234, 0.13);

    color: #F7F3EA;
}


/* =========================================================
   DARK ICONS
========================================================= */

html.dark-mode .admindash-metric-icon,
html.dark-mode .admindash-activity-list > div > span,
html.dark-mode .admindash-service-grid article > span,
html.dark-mode .admindash-user-avatar {

    background: #2C3B34;

    color: #A7C8B5;
}


html.dark-mode .admindash-status {

    background: #2C3B34;

    color: #A7C8B5 !important;
}


/* =========================================================
   DARK PROGRESS
========================================================= */

html.dark-mode .admindash-progress-row > div,
html.dark-mode .admindash-demand > div {

    background: #2C3B34;
}


html.dark-mode .admindash-progress-row i,
html.dark-mode .admindash-demand i,
html.dark-mode .admindash-bars i {

    background: #86AA96;
}


/* =========================================================
   DARK ACTION TEXT
========================================================= */

html.dark-mode .admindash-text-action,
html.dark-mode .admindash-card-heading > b,
html.dark-mode .admindash-service-grid strong,
html.dark-mode .admindash-stats-grid span {

    color: #A7C8B5;
}


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

html.dark-mode .admindash-toolbar input,
html.dark-mode .admindash-toolbar select,
html.dark-mode .admindash-settings-grid input,
html.dark-mode .admindash-settings-grid select {

    background: #223029;

    color: #F7F3EA;

    border-color:
        rgba(247, 243, 234, 0.16);
}


html.dark-mode .admindash-toolbar input::placeholder {

    color: #AAB8B1;
}


/* =========================================================
   DARK STATUS
========================================================= */

html.dark-mode .admindash-booking-status.scheduled,
html.dark-mode .admindash-booking-status.assigned,
html.dark-mode .admindash-booking-status.progress,
html.dark-mode .admindash-booking-status.pending,
html.dark-mode .admindash-user-list em {

    background: #2C3B34;

    color: #CDE0D5;
}


html.dark-mode .admindash-settings-grid label > span {

    color: #F7F3EA;
}


/* =========================================================
   DARK SAVE BUTTON
========================================================= */

html.dark-mode .admindash-save-btn {

    background: #86AA96;

    color: #17211C;
}


html.dark-mode .admindash-save-btn:hover {

    background: #A7C8B5;
}


/* =========================================================
   RTL CHANGE PROTECTION
   Prevents elements flying side-to-side
========================================================= */

html.admindash-direction-changing .admindash-navbar,
html.admindash-direction-changing .admindash-sidebar,
html.admindash-direction-changing .admindash-main,
html.admindash-direction-changing .admindash-side-link,
html.admindash-direction-changing .admindash-panel {

    transition: none !important;
}

/* =========================================================
   CLEANORA 404 THEME
   EXPLICIT LIGHT + DARK MODE
========================================================= */


/* =========================================================
   LIGHT MODE
========================================================= */

html:not(.dark-mode) body.cleanora404-body {

    --cleanora404-bg: #F7F3EA;
    --cleanora404-surface: #FFFFFF;
    --cleanora404-text: #26332D;
    --cleanora404-muted: #68766F;
    --cleanora404-line: #DCE5DF;

    background: #F7F3EA;

    color: #26332D;

}


html:not(.dark-mode) .cleanora404-section {

    background: #FFFFFF;

    color: #26332D;

    border-color: #DCE5DF;

}


html:not(.dark-mode) .cleanora404-content h1 {

    color: #26332D;

}


html:not(.dark-mode) .cleanora404-content p {

    color: #68766F;

}


html:not(.dark-mode) .cleanora404-help {

    background: #E4ECE7;

}


html:not(.dark-mode) .cleanora404-help strong {

    color: #26332D;

}


html:not(.dark-mode) .cleanora404-help span {

    color: #68766F;

}


html:not(.dark-mode) .cleanora404-action-btn {

    background: #FFFFFF;

    color: #26332D;

    border-color: #DCE5DF;

}


html:not(.dark-mode) .cleanora404-secondary-btn {

    color: #26332D;

    border-color: #DCE5DF;

}


html:not(.dark-mode) .cleanora404-footer {

    color: #68766F;

}


html:not(.dark-mode) .cleanora404-footer span:first-child {

    color: #26332D;

}


/* =========================================================
   DARK MODE VARIABLES
========================================================= */

html.dark-mode body.cleanora404-body {

    --cleanora404-bg: #17211C;
    --cleanora404-surface: #223029;
    --cleanora404-text: #F7F3EA;
    --cleanora404-muted: #C1CBC5;
    --cleanora404-line: rgba(247, 243, 234, 0.14);

    background: #17211C;

    color: #F7F3EA;

}


/* =========================================================
   MAIN
========================================================= */

html.dark-mode .cleanora404-main {

    background: #17211C;

}


html.dark-mode .cleanora404-section {

    background: #223029;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.14);

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.28);

}


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

html.dark-mode .cleanora404-action-btn {

    background: #223029;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.16);

}


html.dark-mode .cleanora404-action-btn:hover {

    background: #2C3B34;

    color: #F7F3EA;

    border-color: #86AA96;

}


/* =========================================================
   DECORATIONS
========================================================= */

html.dark-mode .cleanora404-decoration-one,
html.dark-mode .cleanora404-decoration-two,
html.dark-mode .cleanora404-decoration-three {

    background: #2C3B34;

    opacity: 0.7;

}


/* =========================================================
   404 VISUAL
========================================================= */

html.dark-mode .cleanora404-number {

    color: #86AA96;

}


html.dark-mode .cleanora404-cleaning-icon {

    background: #111A15;

    color: #F7F3EA;

}


/* =========================================================
   TEXT
========================================================= */

html.dark-mode .cleanora404-eyebrow {

    color: #A7C8B5;

}


html.dark-mode .cleanora404-content h1 {

    color: #F7F3EA;

}


html.dark-mode .cleanora404-content p {

    color: #C1CBC5;

}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

html.dark-mode .cleanora404-primary-btn {

    background: #86AA96;

    color: #17211C;

    border-color: #86AA96;

}


html.dark-mode .cleanora404-primary-btn:hover {

    background: #A7C8B5;

    border-color: #A7C8B5;

    color: #17211C;

}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

html.dark-mode .cleanora404-secondary-btn {

    background: transparent;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.18);

}


html.dark-mode .cleanora404-secondary-btn:hover {

    background: #2C3B34;

    color: #F7F3EA;

    border-color: #86AA96;

}


/* =========================================================
   HELP BOX
========================================================= */

html.dark-mode .cleanora404-help {

    background: #2C3B34;

    color: #F7F3EA;

}


html.dark-mode .cleanora404-help-icon {

    background: #223029;

    color: #A7C8B5;

}


html.dark-mode .cleanora404-help strong {

    color: #F7F3EA;

}


html.dark-mode .cleanora404-help span {

    color: #C1CBC5;

}


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

html.dark-mode .cleanora404-footer {

    color: #C1CBC5;

}


html.dark-mode .cleanora404-footer span:first-child {

    color: #F7F3EA;

}


html.dark-mode .cleanora404-footer-dot {

    color: #86AA96;

}


/* =========================================================
   DIRECTION CHANGE
========================================================= */

html.cleanora404-direction-changing .cleanora404-action-btn,
html.cleanora404-direction-changing .cleanora404-section,
html.cleanora404-direction-changing .cleanora404-main,
html.cleanora404-direction-changing .cleanora404-footer,
html.cleanora404-direction-changing .cleanora404-help {

    transition: none !important;

}

/* =========================================================
   CLEANORA COMING SOON
   LIGHT + DARK THEME
========================================================= */


/* =========================================================
   EXPLICIT LIGHT MODE
========================================================= */

html:not(.dark-mode) body.cleanora-coming-body {

    --cleanora-coming-bg: #F7F3EA;

    --cleanora-coming-surface: #FFFFFF;

    --cleanora-coming-text: #26332D;

    --cleanora-coming-muted: #68766F;

    --cleanora-coming-line: #DCE5DF;

    background: #F7F3EA;

    color: #26332D;

}


html:not(.dark-mode) .cleanora-coming-section {

    background: #FFFFFF;

    color: #26332D;

    border-color: #DCE5DF;

}


html:not(.dark-mode) .cleanora-coming-content h1 {

    color: #26332D;

}


html:not(.dark-mode) .cleanora-coming-brand > span {

    color: #26332D;

}


html:not(.dark-mode) .cleanora-coming-description {

    color: #68766F;

}


html:not(.dark-mode) .cleanora-coming-action-btn {

    background: #FFFFFF;

    color: #26332D;

    border-color: #DCE5DF;

}


html:not(.dark-mode) .cleanora-coming-time-box {

    background: #E4ECE7;

    border-color: #DCE5DF;

}


html:not(.dark-mode) .cleanora-coming-time-box strong {

    color: #527262;

}


html:not(.dark-mode) .cleanora-coming-time-box span {

    color: #68766F;

}


html:not(.dark-mode) .cleanora-coming-live {

    color: #68766F;

}


html:not(.dark-mode) .cleanora-coming-bottom-item strong {

    color: #26332D;

}


html:not(.dark-mode) .cleanora-coming-bottom-item span {

    color: #68766F;

}


html:not(.dark-mode) .cleanora-coming-footer {

    color: #68766F;

}


html:not(.dark-mode) .cleanora-coming-footer-brand {

    color: #26332D;

}


/* =========================================================
   DARK MODE VARIABLES
========================================================= */

html.dark-mode body.cleanora-coming-body {

    --cleanora-coming-bg: #17211C;

    --cleanora-coming-surface: #223029;

    --cleanora-coming-text: #F7F3EA;

    --cleanora-coming-muted: #C1CBC5;

    --cleanora-coming-line: rgba(247, 243, 234, 0.14);

    background: #17211C;

    color: #F7F3EA;

}


/* =========================================================
   MAIN SECTION
========================================================= */

html.dark-mode .cleanora-coming-section {

    background: #223029;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.14);

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.3);

}


/* =========================================================
   DECORATIONS
========================================================= */

html.dark-mode .cleanora-coming-decoration-one,
html.dark-mode .cleanora-coming-decoration-two,
html.dark-mode .cleanora-coming-decoration-three {

    background: #2C3B34;

    opacity: .7;

}


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

html.dark-mode .cleanora-coming-action-btn {

    background: #223029;

    color: #F7F3EA;

    border-color: rgba(247, 243, 234, 0.16);

}


html.dark-mode .cleanora-coming-action-btn:hover {

    background: #2C3B34;

    color: #F7F3EA;

    border-color: #86AA96;

}


/* =========================================================
   COMING SOON TAG
========================================================= */

html.dark-mode .cleanora-coming-tag {

    background: #2C3B34;

    color: #A7C8B5;

}


html.dark-mode .cleanora-coming-tag-dot {

    background: #86AA96;

}


/* =========================================================
   BRAND
========================================================= */

html.dark-mode .cleanora-coming-brand-icon {

    background: #111A15;

    color: #F7F3EA;

}


html.dark-mode .cleanora-coming-brand > span {

    color: #F7F3EA;

}


/* =========================================================
   HEADING
========================================================= */

html.dark-mode .cleanora-coming-content h1 {

    color: #F7F3EA;

}


/* =========================================================
   DESCRIPTION
========================================================= */

html.dark-mode .cleanora-coming-description {

    color: #C1CBC5;

}


/* =========================================================
   COUNTDOWN
========================================================= */

html.dark-mode .cleanora-coming-time-box {

    background: #2C3B34;

    border-color: rgba(247, 243, 234, 0.12);

}


html.dark-mode .cleanora-coming-time-box strong {

    color: #A7C8B5;

}


html.dark-mode .cleanora-coming-time-box span {

    color: #C1CBC5;

}


/* =========================================================
   LIVE MESSAGE
========================================================= */

html.dark-mode .cleanora-coming-live {

    color: #C1CBC5;

}


html.dark-mode .cleanora-coming-live-dot {

    background: #86AA96;

}


/* =========================================================
   HOME BUTTON
========================================================= */

html.dark-mode .cleanora-coming-home-btn {

    background: #86AA96;

    color: #17211C;

    border-color: #86AA96;

}


html.dark-mode .cleanora-coming-home-btn:hover {

    background: #A7C8B5;

    border-color: #A7C8B5;

    color: #17211C;

}


/* =========================================================
   BOTTOM FEATURES
========================================================= */

html.dark-mode .cleanora-coming-bottom {

    border-color: rgba(247, 243, 234, 0.14);

}


html.dark-mode .cleanora-coming-bottom-icon {

    background: #2C3B34;

    color: #A7C8B5;

}


html.dark-mode .cleanora-coming-bottom-item strong {

    color: #F7F3EA;

}


html.dark-mode .cleanora-coming-bottom-item span {

    color: #C1CBC5;

}


html.dark-mode .cleanora-coming-bottom-line {

    background: rgba(247, 243, 234, 0.14);

}


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

html.dark-mode .cleanora-coming-footer {

    color: #C1CBC5;

}


html.dark-mode .cleanora-coming-footer-brand {

    color: #F7F3EA;

}


html.dark-mode .cleanora-coming-footer-dot {

    color: #86AA96;

}


/* =========================================================
   DIRECTION CHANGE
========================================================= */

html.cleanora-coming-direction-changing
.cleanora-coming-action-btn,
html.cleanora-coming-direction-changing
.cleanora-coming-section,
html.cleanora-coming-direction-changing
.cleanora-coming-main,
html.cleanora-coming-direction-changing
.cleanora-coming-footer,
html.cleanora-coming-direction-changing
.cleanora-coming-bottom {

    transition: none !important;

}

/* =========================================================
   CLEANORA LOGIN DARK MODE
========================================================= */


/* =========================================================
   LIGHT MODE FALLBACK
========================================================= */

html:not(.dark-mode) body {

    background-color: #F7F3EA;
    color: #26332D;

}


html:not(.dark-mode) .cleanora-login-form-side {

    background-color: #FFFFFF;

}


html:not(.dark-mode) .cleanora-login-heading h2,
html:not(.dark-mode) .cleanora-login-field label {

    color: #26332D;

}


/* =========================================================
   DARK MODE VARIABLES
========================================================= */

html.dark-mode {

    --cleanora-cream: #151C18;
    --cleanora-charcoal: #EDF3EF;
    --cleanora-white: #202923;
    --cleanora-light-sage: #304139;
    --cleanora-sage: #88AA98;
    --cleanora-dark-sage: #769B87;

}


/* =========================================================
   BODY
========================================================= */

html.dark-mode body {

    background-color: #151C18;

    color: #EDF3EF;

}


/* =========================================================
   CONTROLS
========================================================= */

html.dark-mode .cleanora-login-control-btn {

    background-color: #202923;

    border-color: #3A4A42;

    color: #EDF3EF;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.30);

}


html.dark-mode .cleanora-login-control-btn:hover {

    background-color: #769B87;

    border-color: #769B87;

    color: #142019;

}


/* =========================================================
   LEFT SECTION
========================================================= */

html.dark-mode .cleanora-login-info {

    background-color: #26382F;

}

html.dark-mode .cleanora-login-small-title,
html.dark-mode .cleanora-login-info-text h1,
html.dark-mode .cleanora-login-info-text h1 span,
html.dark-mode .cleanora-login-info-text p,
html.dark-mode .cleanora-login-benefit h3,
html.dark-mode .cleanora-login-benefit p {

    color: #FFFFFF !important;

}


/* =========================================================
   RIGHT SECTION
========================================================= */

html.dark-mode .cleanora-login-form-side {

    background-color: #18201B;

}


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

html.dark-mode .cleanora-login-form-label {

    color: #9DBCAA;

}


html.dark-mode .cleanora-login-heading h2 {

    color: #EDF3EF;

}


html.dark-mode .cleanora-login-heading p {

    color: #B8C5BE;

}


/* =========================================================
   LABELS
========================================================= */

html.dark-mode .cleanora-login-field label {

    color: #E7EEE9;

}


/* =========================================================
   INPUT
========================================================= */

html.dark-mode .cleanora-login-input-wrapper input {

    background-color: #202923;

    border-color: #3A4A42;

    color: #EDF3EF;

}


html.dark-mode .cleanora-login-input-wrapper input::placeholder {

    color: #87968E;

}


html.dark-mode .cleanora-login-input-wrapper input:focus {

    background-color: #232D26;

    border-color: #88AA98;

    box-shadow: 0 0 0 4px rgba(136, 170, 152, 0.12);

}


html.dark-mode .cleanora-login-input-wrapper > i {

    color: #91A199;

}


html.dark-mode .cleanora-login-input-wrapper:focus-within > i {

    color: #9DBCAA;

}


/* =========================================================
   PASSWORD TOGGLE
========================================================= */

html.dark-mode .cleanora-login-password-toggle {

    color: #9BAAA2;

}


html.dark-mode .cleanora-login-password-toggle:hover {

    background-color: #304139;

    color: #BFD4C7;

}


/* =========================================================
   FORGOT PASSWORD
========================================================= */

html.dark-mode .cleanora-login-forgot {

    color: #A9C5B5;

}


/* =========================================================
   REMEMBER ME
========================================================= */

html.dark-mode .cleanora-login-checkbox {

    color: #B8C5BE;

}


html.dark-mode .cleanora-login-checkmark {

    border-color: #53645B;

}


html.dark-mode .cleanora-login-checkbox input:checked + .cleanora-login-checkmark {

    background-color: #769B87;

    border-color: #769B87;

}


/* =========================================================
   SIGN IN
========================================================= */

html.dark-mode .cleanora-login-submit {

    background-color: #769B87;

    border-color: #769B87;

    color: #152019;

}


html.dark-mode .cleanora-login-submit:hover {

    background-color: #88AA98;

    border-color: #88AA98;

}


/* =========================================================
   DIVIDER
========================================================= */

html.dark-mode .cleanora-login-divider span {

    background-color: #35423B;

}


html.dark-mode .cleanora-login-divider p {

    color: #8F9E96;

}


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

html.dark-mode .cleanora-login-social {

    background-color: #202923;

    border-color: #3A4A42;

    color: #EDF3EF;

}


html.dark-mode .cleanora-login-social:hover {

    background-color: #27322C;

    border-color: #53645B;

}


/* =========================================================
   SIGNUP
========================================================= */

html.dark-mode .cleanora-login-signup p {

    color: #AAB8B0;

}


html.dark-mode .cleanora-login-signup a {

    color: #A9C5B5;

}


html.dark-mode .cleanora-login-signup a:hover {

    color: #C0D8CA;

}


/* =========================================================
   ERROR
========================================================= */

html.dark-mode .cleanora-login-error {

    color: #F0A2A2;

}


/* =========================================================
   SCROLLBAR
========================================================= */

html.dark-mode .cleanora-login-form-side {

    scrollbar-color: #4C6256 #18201B;

}


/* =========================================================
   DARK MODE CONTROL ICON
========================================================= */

html.dark-mode #cleanoraLoginThemeBtn i::before {

    content: "\f185";

}


/* =========================================================
   LIGHT MODE CONTROL ICON
========================================================= */

html:not(.dark-mode) #cleanoraLoginThemeBtn i::before {

    content: "\f186";

}

/* =========================================================
   CLEANORA SIGNUP DARK MODE
========================================================= */


/* =========================================================
   LIGHT MODE
========================================================= */

html:not(.dark-mode) body {

    background-color: #F7F3EA;

    color: #26332D;

}


html:not(.dark-mode) .cleanora-signup-form-side {

    background-color: #FFFFFF;

}


html:not(.dark-mode) .cleanora-signup-heading h2,
html:not(.dark-mode) .cleanora-signup-field label {

    color: #26332D;

}


/* =========================================================
   DARK VARIABLES
========================================================= */

html.dark-mode {

    --cleanora-cream: #151C18;
    --cleanora-charcoal: #EDF3EF;
    --cleanora-white: #202923;
    --cleanora-light-sage: #304139;
    --cleanora-sage: #88AA98;
    --cleanora-dark-sage: #769B87;

}


/* =========================================================
   BODY
========================================================= */

html.dark-mode body {

    background-color: #151C18;

    color: #EDF3EF;

}


/* =========================================================
   CONTROLS
========================================================= */

html.dark-mode .cleanora-signup-control-btn {

    background-color: #202923;

    border-color: #3A4A42;

    color: #EDF3EF;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.30);

}


html.dark-mode .cleanora-signup-control-btn:hover {

    background-color: #769B87;

    border-color: #769B87;

    color: #142019;

}


/* =========================================================
   LEFT
========================================================= */

html.dark-mode .cleanora-signup-info {

    background-color: #26382F;

}
/* =========================================================
   SIGNUP LEFT PANEL — DARK MODE TEXT VISIBILITY
========================================================= */

html.dark-mode .cleanora-signup-info,
html.dark-mode .cleanora-signup-info * {
    color: #EDF3EF;
}

html.dark-mode .cleanora-signup-info h1,
html.dark-mode .cleanora-signup-info h2,
html.dark-mode .cleanora-signup-info h3,
html.dark-mode .cleanora-signup-info h4,
html.dark-mode .cleanora-signup-info strong {
    color: #FFFFFF;
}

html.dark-mode .cleanora-signup-info p,
html.dark-mode .cleanora-signup-info small,
html.dark-mode .cleanora-signup-info span {
    color: #D5E0DA;
}

html.dark-mode .cleanora-signup-info i {
    color: #FFFFFF;
}

/* =========================================================
   RIGHT
========================================================= */

html.dark-mode .cleanora-signup-form-side {

    background-color: #18201B;

}


/* =========================================================
   HEADING
========================================================= */

html.dark-mode .cleanora-signup-form-label {

    color: #9DBCAA;

}


html.dark-mode .cleanora-signup-heading h2 {

    color: #EDF3EF;

}


html.dark-mode .cleanora-signup-heading p {

    color: #B8C5BE;

}


/* =========================================================
   LABEL
========================================================= */

html.dark-mode .cleanora-signup-field label {

    color: #E7EEE9;

}


/* =========================================================
   INPUT
========================================================= */

html.dark-mode .cleanora-signup-input-wrapper input {

    background-color: #202923;

    border-color: #3A4A42;

    color: #EDF3EF;

}


html.dark-mode .cleanora-signup-input-wrapper input::placeholder {

    color: #87968E;

}


html.dark-mode .cleanora-signup-input-wrapper input:focus {

    background-color: #232D26;

    border-color: #88AA98;

    box-shadow: 0 0 0 4px rgba(136, 170, 152, 0.12);

}


html.dark-mode .cleanora-signup-input-wrapper > i {

    color: #91A199;

}


html.dark-mode .cleanora-signup-input-wrapper:focus-within > i {

    color: #9DBCAA;

}


/* =========================================================
   PASSWORD
========================================================= */

html.dark-mode .cleanora-signup-password-toggle {

    color: #9BAAA2;

}


html.dark-mode .cleanora-signup-password-toggle:hover {

    background-color: #304139;

    color: #BFD4C7;

}


html.dark-mode .cleanora-signup-password-hint {

    color: #91A098;

}


/* =========================================================
   ERROR
========================================================= */

html.dark-mode .cleanora-signup-error {

    color: #F09A9A;

}


/* =========================================================
   TERMS
========================================================= */

html.dark-mode .cleanora-signup-checkbox {

    color: #B8C5BE;

}


html.dark-mode .cleanora-signup-checkmark {

    border-color: #53645B;

}


html.dark-mode .cleanora-signup-checkbox input:checked + .cleanora-signup-checkmark {

    background-color: #769B87;

    border-color: #769B87;

}


html.dark-mode .cleanora-signup-checkbox a {

    color: #A9C5B5;

}


/* =========================================================
   SUBMIT
========================================================= */

html.dark-mode .cleanora-signup-submit {

    background-color: #769B87;

    border-color: #769B87;

    color: #152019;

}


html.dark-mode .cleanora-signup-submit:hover {

    background-color: #88AA98;

    border-color: #88AA98;

}


/* =========================================================
   DIVIDER
========================================================= */

html.dark-mode .cleanora-signup-divider span {

    background-color: #35423B;

}


html.dark-mode .cleanora-signup-divider p {

    color: #8F9E96;

}


/* =========================================================
   SOCIAL
========================================================= */

html.dark-mode .cleanora-signup-social {

    background-color: #202923;

    border-color: #3A4A42;

    color: #EDF3EF;

}


html.dark-mode .cleanora-signup-social:hover {

    background-color: #27322C;

    border-color: #53645B;

}


html.dark-mode .cleanora-signup-apple i {

    color: #EDF3EF;

}


/* =========================================================
   LOGIN LINK
========================================================= */

html.dark-mode .cleanora-signup-login p {

    color: #AAB8B0;

}


html.dark-mode .cleanora-signup-login a {

    color: #A9C5B5;

}


html.dark-mode .cleanora-signup-login a:hover {

    color: #C0D8CA;

}


/* =========================================================
   SCROLLBAR
========================================================= */

html.dark-mode .cleanora-signup-form-side {

    scrollbar-color: #4C6256 #18201B;

}


/* =========================================================
   THEME ICON
========================================================= */

html.dark-mode #cleanoraSignupThemeBtn i::before {

    content: "\f185";

}


html:not(.dark-mode) #cleanoraSignupThemeBtn i::before {

    content: "\f186";

}

/* =========================================================
   BACK TO TOP BUTTON — DARK MODE
   ========================================================= */

html.dark-mode .cleanora-backtotop {
    background-color: #6B8E7B !important;
    color: #FFFFFF !important;
    border-color: #6B8E7B !important;
}

html.dark-mode .cleanora-backtotop:hover {
    background-color: transparent !important;
    color: #A9C7B7 !important;
    border-color: #7FA58F !important;
}