/* =========================================================
   MEDIVANA THEME
   LIGHT MODE
   ========================================================= */

:root {

    /* Main background */
    --med-bg: #FFF8EC;

    /* Card background */
    --med-card: #FFFDF8;

    /* Main blue */
    --med-primary: #5B8FA8;

    /* Deep blue */
    --med-deep-blue: #31566B;

    /* Powder blue */
    --med-powder-blue: #DCECF2;

    /* Teal */
    --med-teal: #78BDB5;

    /* Peach */
    --med-peach: #F3B6A2;

    /* Main text */
    --med-text: #34444B;

    /* Navbar */
    --med-navbar-bg: rgba(255, 253, 248, 0.96);

    --med-brand-text: #31566B;

    --med-nav-text: #34444B;

    --med-nav-hover: #DCECF2;

    /* Border */
    --med-border: rgba(49, 86, 107, 0.12);

    /* Shadows */
    --med-navbar-shadow: rgba(49, 86, 107, 0.08);

    --med-dropdown-shadow: rgba(49, 86, 107, 0.15);
}


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

html[data-theme="dark"] {

    /* Main background */
    --med-bg: #102A35;

    /* Card */
    --med-card: #1B4654;

    /* Primary blue */
    --med-primary: #78B3CC;

    /* Deep blue becomes pale blue */
    --med-deep-blue: #B9DCE8;

    /* Dark powder blue */
    --med-powder-blue: #31566B;

    /* Teal */
    --med-teal: #72CEC5;

    /* Peach */
    --med-peach: #F2B09C;

    /* Main text */
    --med-text: #F5F8F6;

    /* Navbar */
    --med-navbar-bg: rgba(21, 59, 73, 0.97);

    --med-brand-text: #F5F8F6;

    --med-nav-text: #F5F8F6;

    --med-nav-hover: #31566B;

    /* Border */
    --med-border: rgba(197, 213, 217, 0.14);

    /* Shadows */
    --med-navbar-shadow: rgba(0, 0, 0, 0.22);

    --med-dropdown-shadow: rgba(0, 0, 0, 0.30);
}


/* =========================================================
   GLOBAL DARK/LIGHT TRANSITION
   ========================================================= */

html,
body,
.medivana-navbar,
.med-mobile-menu,
.med-dropdown-menu {

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;

}


/* Page background */

body {

    background: var(--med-bg);

    color: var(--med-text);

}
/* =========================================================
   MEDIVANA DARK MODE
   ========================================================= */

html[data-theme="dark"] {

    --med-bg: #102A35;
    --med-card: #1B4654;

    --med-primary: #78B3CC;
    --med-deep-blue: #B9DCE8;

    --med-powder-blue: #31566B;
    --med-teal: #72CEC5;
    --med-peach: #F2B09C;

    --med-text: #F5F8F6;

    --med-navbar-bg: rgba(21, 59, 73, 0.97);

    --med-brand-text: #F5F8F6;
    --med-nav-text: #F5F8F6;
    --med-nav-hover: #31566B;

    --med-border: rgba(197, 213, 217, 0.14);

    --med-shadow:
        0 20px 60px rgba(0, 0, 0, 0.28);
}


/* =========================================================
   BODY
   ========================================================= */

html[data-theme="dark"] body {
    background: var(--med-bg);
    color: var(--med-text);
}


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

html[data-theme="dark"] .medivana-navbar {
    background: var(--med-navbar-bg);
    border-color: var(--med-border);
}


html[data-theme="dark"] .med-brand-name {
    color: var(--med-brand-text);
}


html[data-theme="dark"] .med-leaf-logo {
    color: var(--med-deep-blue);
}


html[data-theme="dark"] .med-nav-link {
    color: var(--med-nav-text);
}


html[data-theme="dark"] .med-nav-link:hover {
    background: var(--med-nav-hover);
    color: #fff;
}


html[data-theme="dark"] .med-dropdown-menu {
    background: var(--med-card);
    border-color: var(--med-border);
    box-shadow: var(--med-shadow);
}


html[data-theme="dark"] .med-dropdown-menu a {
    color: var(--med-nav-text);
}


html[data-theme="dark"] .med-dropdown-menu a:hover {
    background: var(--med-powder-blue);
    color: #fff;
}


html[data-theme="dark"] .med-action-button {
    color: var(--med-nav-text);
    border-color: var(--med-border);
}


html[data-theme="dark"] .med-action-button:hover {
    background: var(--med-powder-blue);
    color: #fff;
}


html[data-theme="dark"] .med-login-button {
    background: var(--med-deep-blue);
    color: #102A35;
}


/* MOBILE */

html[data-theme="dark"] .med-mobile-menu {
    background: var(--med-card);
    box-shadow: 15px 0 50px rgba(0,0,0,0.4);
}


html[data-theme="dark"] .med-mobile-link {
    color: var(--med-nav-text);
}


html[data-theme="dark"] .med-mobile-submenu a {
    color: var(--med-nav-text);
}


html[data-theme="dark"] .med-hamburger {
    border-color: var(--med-border);
}


html[data-theme="dark"] .med-hamburger span {
    background: var(--med-nav-text);
}


html[data-theme="dark"] .med-mobile-login {
    background: var(--med-deep-blue);
    color: var(--med-bg);
}


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

html[data-theme="dark"] .mv-hero {
    background:
        radial-gradient(
            circle at 85% 25%,
            rgba(114, 206, 197, 0.13),
            transparent 28%
        ),
        var(--med-bg);
}


html[data-theme="dark"] .mv-hero-content h1 {
    color: var(--med-deep-blue);
}


html[data-theme="dark"] .mv-hero-content h1 span {
    color: var(--med-teal);
}


html[data-theme="dark"] .mv-eyebrow {
    color: var(--med-primary);
}


html[data-theme="dark"] .mv-doctor-shape {
    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(255,255,255,0.12),
            transparent 22%
        ),
        linear-gradient(
            145deg,
            #31566B,
            #357B7D
        );

    box-shadow:
        0 30px 70px rgba(0,0,0,0.28);
}


html[data-theme="dark"] .mv-pill,
html[data-theme="dark"] .mv-floating-icon {
    background: var(--med-card);
    color: var(--med-primary);
    box-shadow:
        0 12px 30px rgba(0,0,0,0.28);
}


html[data-theme="dark"] .mv-wave-one {
    background: var(--med-teal);
}


html[data-theme="dark"] .mv-wave-two {
    background: var(--med-primary);
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

html[data-theme="dark"] .mv-section-heading h2,
html[data-theme="dark"] .mv-delivery-content h2,
html[data-theme="dark"] .mv-prescription-content h2,
html[data-theme="dark"] .mv-care-intro h2,
html[data-theme="dark"] .mv-availability-content h2,
html[data-theme="dark"] .mv-final-content h2 {
    color: var(--med-deep-blue);
}


html[data-theme="dark"] .mv-section-heading h2 span,
html[data-theme="dark"] .mv-delivery-content h2 span,
html[data-theme="dark"] .mv-prescription-content h2 span,
html[data-theme="dark"] .mv-care-intro h2 span,
html[data-theme="dark"] .mv-availability-content h2 span,
html[data-theme="dark"] .mv-final-content h2 span {
    color: var(--med-teal);
}


/* =========================================================
   TRUST
   ========================================================= */

html[data-theme="dark"] .mv-trust-section {
    background: var(--med-card);
}


html[data-theme="dark"] .mv-trust-card {
    background: var(--med-bg);
    border-color: var(--med-border);
}


html[data-theme="dark"] .mv-trust-card h3,
html[data-theme="dark"] .mv-category-card h3,
html[data-theme="dark"] .mv-delivery-step h3,
html[data-theme="dark"] .mv-prescription-step h3 {
    color: var(--med-deep-blue);
}


html[data-theme="dark"] .mv-card-icon,
html[data-theme="dark"] .mv-category-icon,
html[data-theme="dark"] .mv-prescription-icon {
    background: var(--med-powder-blue);
    color: var(--med-teal);
}


/* =========================================================
   DELIVERY
   ========================================================= */

html[data-theme="dark"] .mv-delivery-section {
    background:
        linear-gradient(
            110deg,
            rgba(49, 86, 107, 0.45),
            transparent
        ),
        var(--med-bg);
}


html[data-theme="dark"] .mv-delivery-image {
    background: var(--med-powder-blue);
}


html[data-theme="dark"] .mv-route-dot {
    background: var(--med-card);
    color: var(--med-teal);
}


/* =========================================================
   CATEGORIES
   ========================================================= */

html[data-theme="dark"] .mv-category-section {
    background: var(--med-card);
}


html[data-theme="dark"] .mv-category-card {
    background: var(--med-bg);
    border-color: var(--med-border);
}


html[data-theme="dark"] .mv-text-link,
html[data-theme="dark"] .mv-category-card a {
    color: var(--med-primary);
}


/* =========================================================
   BRANDS
   ========================================================= */

html[data-theme="dark"] .mv-brand-section {
    background:
        linear-gradient(
            120deg,
            rgba(114, 206, 197, 0.08),
            transparent 55%
        ),
        var(--med-bg);
}


html[data-theme="dark"] .mv-brand-pill {
    background: var(--med-card);
    color: var(--med-deep-blue);
    border-color: var(--med-border);
}


/* =========================================================
   PRESCRIPTION
   ========================================================= */

html[data-theme="dark"] .mv-prescription-section {
    background: var(--med-card);
}


/* =========================================================
   CARE
   ========================================================= */

html[data-theme="dark"] .mv-care-section {
    background:
        linear-gradient(
            110deg,
            #0C2834,
            #1C5862
        );
}


html[data-theme="dark"] .mv-care-intro h2 {
    color: #F5F8F6;
}


html[data-theme="dark"] .mv-care-intro h2 span {
    color: #72CEC5;
}


/* =========================================================
   AVAILABILITY
   ========================================================= */

html[data-theme="dark"] .mv-availability-section {
    background: var(--med-card);
}


html[data-theme="dark"] .mv-small-btn {
    background: var(--med-bg);
    color: var(--med-deep-blue);
    border-color: var(--med-border);
}


html[data-theme="dark"] .mv-small-btn:hover {
    background: var(--med-powder-blue);
}


html[data-theme="dark"] .mv-map-visual {
    background:
        linear-gradient(
            135deg,
            #31566B,
            #1C5862
        );
}


html[data-theme="dark"] .mv-map-pin {
    background: var(--med-card);
    color: var(--med-teal);
}


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

html[data-theme="dark"] .mv-final-section {
    background:
        linear-gradient(
            115deg,
            #31566B,
            #102A35
        );
}


html[data-theme="dark"] .mv-final-wave {
    background: var(--med-card);
}


html[data-theme="dark"] .mv-final-floating-pill {
    background: var(--med-card);
    color: var(--med-teal);
}


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

html[data-theme="dark"] .mv-btn-primary {
    background: var(--med-deep-blue);
    color: #102A35;
}


html[data-theme="dark"] .mv-btn-outline {
    color: var(--med-deep-blue);
    border-color: var(--med-primary);
}


html[data-theme="dark"] .mv-btn-outline:hover {
    background: var(--med-powder-blue);
}


/* =========================================================
   PRESCRIPTION ARROWS / DECORATIONS
   ========================================================= */

html[data-theme="dark"] .mv-flow-arrow,
html[data-theme="dark"] .mv-prescription-icon {
    color: var(--med-teal);
}


/* =========================================================
   LEAF VISIBILITY
   ========================================================= */

html[data-theme="dark"] .mv-leaf,
html[data-theme="dark"] .mv-card-leaf,
html[data-theme="dark"] .mv-category-leaf,
html[data-theme="dark"] .mv-large-leaf,
html[data-theme="dark"] .mv-brand-leaf,
html[data-theme="dark"] .mv-prescription-leaf,
html[data-theme="dark"] .mv-final-leaf {
    color: var(--med-teal);
}
/* =========================================================
   MEDIVANA FOOTER - DARK MODE
   ========================================================= */

html[data-theme="dark"] .med-footer {

    --footer-bg: #153B49;

    --footer-card:
        rgba(114, 206, 197, 0.09);

    --footer-text:
        #F5F8F6;

    --footer-muted:
        #C5D5D9;
}


/* Leaf decorations */

html[data-theme="dark"] .med-footer-leaf {
    color: var(--med-teal);

    opacity: 0.12;
}


/* Logo */

html[data-theme="dark"] .med-footer-logo {
    color: #F5F8F6;
}

html[data-theme="dark"] .med-footer-logo-icon {
    color: #72CEC5;
}


/* Headings */

html[data-theme="dark"] .med-footer-column h3,
html[data-theme="dark"] .med-newsletter-content h3 {
    color: #F5F8F6;
}


/* Links */

html[data-theme="dark"] .med-footer-column li a {
    color: #C5D5D9;
}

html[data-theme="dark"] .med-footer-column li a:hover {
    color: #F5F8F6;
}


/* Contact */

html[data-theme="dark"] .med-footer-contact-item p,
html[data-theme="dark"] .med-footer-contact-item a {
    color: #C5D5D9;
}

html[data-theme="dark"] .med-footer-contact-item a:hover {
    color: #F5F8F6;
}


/* Newsletter */

html[data-theme="dark"] .med-newsletter-input {
    background:
        rgba(0, 0, 0, 0.14);

    border-color:
        rgba(197, 213, 217, 0.15);
}

html[data-theme="dark"] .med-newsletter-input:focus-within {
    border-color: #72CEC5;

    background:
        rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .med-newsletter-input input {
    color: #F5F8F6;
}

html[data-theme="dark"] .med-newsletter-input input::placeholder {
    color:
        rgba(197, 213, 217, 0.55);
}


/* Newsletter button */

html[data-theme="dark"] .med-newsletter-form button {
    background: #72CEC5;

    color: #102A35;
}

html[data-theme="dark"] .med-newsletter-form button:hover {
    background: #F2B09C;

    color: #102A35;
}


/* Social */

html[data-theme="dark"] .med-footer-social a {
    background:
        rgba(114, 206, 197, 0.09);

    color: #C5D5D9;
}

html[data-theme="dark"] .med-footer-social a:hover {
    background: #72CEC5;

    color: #102A35;
}


/* Borders */

html[data-theme="dark"] .med-footer-top,
html[data-theme="dark"] .med-footer-newsletter {
    border-color:
        rgba(197, 213, 217, 0.13);
}


/* Trust badges */

html[data-theme="dark"] .med-footer-trust span {
    background:
        rgba(114, 206, 197, 0.08);

    color: #C5D5D9;
}

html[data-theme="dark"] .med-footer-trust span:hover {
    background:
        rgba(114, 206, 197, 0.14);
}


/* Open hours */

html[data-theme="dark"] .med-footer-open {
    background:
        rgba(114, 206, 197, 0.08);

    color: #C5D5D9;
}

html[data-theme="dark"] .med-footer-open strong {
    color: #F5F8F6;
}

/* =========================================================
   MEDIVANA HOME 2 - DARK MODE
   ========================================================= */

html[data-theme="dark"] .med-home2 {
    background: var(--med-bg);
    color: var(--med-text);
}

html[data-theme="dark"] .h2-hero-title,
html[data-theme="dark"] .h2-section-heading h2,
html[data-theme="dark"] .h2-finder-content h2,
html[data-theme="dark"] .h2-essentials-content h2,
html[data-theme="dark"] .h2-prescription-content h2,
html[data-theme="dark"] .h2-final-content h2,
html[data-theme="dark"] .h2-product-node,
html[data-theme="dark"] .h2-product-center,
html[data-theme="dark"] .h2-brand-center,
html[data-theme="dark"] .h2-brand-name,
html[data-theme="dark"] .h2-care-piece,
html[data-theme="dark"] .h2-care-piece h3,
html[data-theme="dark"] .h2-delivery-point strong,
html[data-theme="dark"] .h2-finder-result h3,
html[data-theme="dark"] .h2-essential-list strong,
html[data-theme="dark"] .h2-story-bubble {
    color: var(--med-text);
}

html[data-theme="dark"] .h2-section-heading p,
html[data-theme="dark"] .h2-finder-content > p,
html[data-theme="dark"] .h2-essentials-content > p,
html[data-theme="dark"] .h2-prescription-content > p,
html[data-theme="dark"] .h2-product-node small,
html[data-theme="dark"] .h2-essential-list p,
html[data-theme="dark"] .h2-delivery-point small {
    color: var(--med-text);
    opacity: .78;
}

html[data-theme="dark"] .h2-hero,
html[data-theme="dark"] .h2-finder-section,
html[data-theme="dark"] .h2-delivery-section{
    background:
        radial-gradient(
            circle at 70% 45%,
            rgba(114,206,197,.12),
            transparent 30%
        ),
        var(--med-bg);
}

html[data-theme="dark"] .h2-products-section,
html[data-theme="dark"] .h2-brands-section,
html[data-theme="dark"] .h2-essentials-section,
html[data-theme="dark"] .h2-care-section {
    background: var(--med-card);
}

html[data-theme="dark"] .h2-floating-label,
html[data-theme="dark"] .h2-product-node,
html[data-theme="dark"] .h2-brand-name,
html[data-theme="dark"] .h2-care-piece,
html[data-theme="dark"] .h2-prescription-sheet,
html[data-theme="dark"] .h2-product-center {
    background: var(--med-card);
}

html[data-theme="dark"] .h2-outline-btn {
    color: var(--med-text);
}

html[data-theme="dark"] .h2-finder-option {
    color: var(--med-text);
}

html[data-theme="dark"] .h2-finder-option:hover,
html[data-theme="dark"] .h2-finder-option.active {
    background: rgba(114,206,197,.12);
}

html[data-theme="dark"] .h2-hero-wave path {
    fill: var(--med-card);
}

html[data-theme="dark"] .h2-route-base {
    stroke: rgba(185,220,232,.15);
}

html[data-theme="dark"] .h2-prescription-line {
    background: rgba(185,220,232,.18);
}
/* =========================================================
   HOME 2 — SECTION 9
   FINAL CTA — DARK MODE
   ========================================================= */

html[data-theme="dark"] .h2-final-section {

    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(114,206,197,.14),
            transparent 32%
        ),
        radial-gradient(
            circle at 95% 70%,
            rgba(242,176,156,.13),
            transparent 25%
        ),
        var(--med-bg);

}


/* Final CTA heading */

html[data-theme="dark"] .h2-final-content h2 {

    color: #F5F8F6;

}


html[data-theme="dark"] .h2-final-content h2 span {

    color: #72CEC5;

}


/* Final CTA paragraph */

html[data-theme="dark"] .h2-final-content > p {

    color: #C5D5D9;

    opacity: .9;

}


/* Image glow */

html[data-theme="dark"] .h2-final-visual::before {

    background:
        radial-gradient(
            circle,
            rgba(114,206,197,.20),
            rgba(49,86,107,.15) 52%,
            transparent 74%
        );

}


/* Image */

html[data-theme="dark"] .h2-final-image-wrap {

    box-shadow:
        0 30px 75px rgba(0,0,0,.35);

}


/* Floating accents */

html[data-theme="dark"] .h2-final-accent {

    background: #1B4654;

    color: #72CEC5;

    box-shadow:
        0 15px 35px rgba(0,0,0,.30);

}


html[data-theme="dark"] .final-accent-two {

    color: #78B3CC;

}


html[data-theme="dark"] .final-accent-three {

    background: #F2B09C;

    color: #102A35;

}


/* Decorative leaves */

html[data-theme="dark"] .h2-final-leaf {

    color: #72CEC5;

    opacity: .22;

}
/* =========================================================
   MEDIVANA HOME 2
   SECTION 2 — DARK MODE
========================================================= */

html[data-theme="dark"] .mv-trust-section {
    background: var(--med-bg);
}

html[data-theme="dark"] .mv-trust-heading .mv-section-label {
    color: var(--med-primary);
}

html[data-theme="dark"] .mv-trust-heading h2 {
    color: var(--med-deep-blue);
}

html[data-theme="dark"] .mv-trust-heading h2 span {
    color: var(--med-teal);
}

html[data-theme="dark"] .mv-trust-heading-leaf {
    color: var(--med-teal);
}

html[data-theme="dark"] .mv-trust-card {
    background: var(--med-card);

    border-color:
        rgba(197, 213, 217, 0.12);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .20);
}

html[data-theme="dark"] .mv-trust-card::before {
    background:
        radial-gradient(
            circle,
            rgba(120, 179, 204, .15),
            transparent 70%
        );
}

html[data-theme="dark"] .mv-trust-card::after {
    background: var(--med-peach);
    opacity: .14;
}

html[data-theme="dark"] .mv-card-icon {
    background:
        rgba(120, 179, 204, .15);

    color: var(--med-primary);
}

html[data-theme="dark"] .mv-card-number {
    color: var(--med-primary);
}

html[data-theme="dark"] .mv-trust-card h3 {
    color: var(--med-text);
}

html[data-theme="dark"] .mv-trust-card p {
    color: var(--med-secondary-text, #C5D5D9);
}

html[data-theme="dark"] .mv-card-line {
    background: var(--med-teal);
}

html[data-theme="dark"] .mv-card-leaf {
    color: var(--med-teal);
}

html[data-theme="dark"] .mv-trust-card:hover {
    border-color: var(--med-teal);

    box-shadow:
        0 28px 65px rgba(0, 0, 0, .30);
}

html[data-theme="dark"] .mv-trust-card:hover .mv-card-icon {
    background: var(--med-teal);
    color: var(--med-card);
}

html[data-theme="dark"] .mv-trust-card:hover .mv-card-leaf {
    color: var(--med-peach);
}
/* =========================================================
   HOME 2 — TRUSTED BRANDS
   BRIGHTER PEACH BRANDS IN DARK MODE
   ========================================================= */

html[data-theme="dark"] .h2-brand-name.brand-b,
html[data-theme="dark"] .h2-brand-name.brand-e,
html[data-theme="dark"] .h2-brand-name.brand-h {

    background: rgba(242, 176, 156, 0.20);

    border-color: rgba(242, 176, 156, 0.85);

    color: #FFD2C3;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.22),
        0 0 18px rgba(242, 176, 156, 0.08);
}


/* Brighter peach on hover */

html[data-theme="dark"] .h2-brand-name.brand-b:hover,
html[data-theme="dark"] .h2-brand-name.brand-e:hover,
html[data-theme="dark"] .h2-brand-name.brand-h:hover {

    background: rgba(242, 176, 156, 0.28);

    border-color: #F2B09C;

    color: #FFE4DA;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.30),
        0 0 22px rgba(242, 176, 156, 0.16);
}
/* =========================================================
   HOME 2 — SECTION 8
   CARE TIPS — DARK MODE
   ========================================================= */

html[data-theme="dark"] .h2-care-section {
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(114,206,197,.08),
            transparent 35%
        ),
        var(--med-card);
}


html[data-theme="dark"] .h2-care-piece {
    color: var(--med-text);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            transparent 65%
        ),
        #1B4654;

    border-color: rgba(120,179,204,.38);

    box-shadow:
        0 20px 45px rgba(0,0,0,.25);
}


html[data-theme="dark"] .care-piece-one {
    border-color: rgba(120,179,204,.62);

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(120,179,204,.13),
            transparent 32%
        ),
        #1B4654;
}


html[data-theme="dark"] .care-piece-two {
    border-color: rgba(114,206,197,.65);

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(114,206,197,.13),
            transparent 32%
        ),
        #1B4654;
}


html[data-theme="dark"] .care-piece-three {
    border-color: rgba(242,176,156,.78);

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(242,176,156,.15),
            transparent 32%
        ),
        #1B4654;
}


html[data-theme="dark"] .h2-care-piece h3 {
    color: #F5F8F6;
}


html[data-theme="dark"] .h2-care-piece > span,
html[data-theme="dark"] .h2-care-piece small {
    color: #78B3CC;
}


html[data-theme="dark"] .h2-care-piece > i {
    color: #72CEC5;
}


html[data-theme="dark"] .care-piece-three > span,
html[data-theme="dark"] .care-piece-three small {
    color: #F2B09C;
}


html[data-theme="dark"] .care-piece-three > i {
    color: #F2B09C;
}


html[data-theme="dark"] .h2-care-piece a {
    color: #B9DCE8;
}


html[data-theme="dark"] .h2-care-piece a:hover {
    color: #72CEC5;
}

/* =========================================================
   MEDIVANA PRODUCTS — DARK MODE
   ========================================================= */

html[data-theme="dark"] .med-products-page {

    --products-bg: #102A35;
    --products-card: #1B4654;
    --products-primary: #78B3CC;
    --products-deep: #B9DCE8;
    --products-powder: #153B49;
    --products-teal: #72CEC5;
    --products-peach: #F2B09C;
    --products-text: #F5F8F6;

    color: #F5F8F6;

}


/* HERO */

html[data-theme="dark"] .products-hero {

    background:
        radial-gradient(
            circle at 75% 50%,
            #153B49 0,
            transparent 40%
        ),
        #102A35;

}


html[data-theme="dark"] .products-hero::before {

    background:
        #153B49;

    opacity: .7;

}


html[data-theme="dark"] .products-hero h1 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .products-hero h1 span {

    color:
        #72CEC5;

}


html[data-theme="dark"] .products-hero-content > p {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .products-hero-note {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .products-hero-organic-shape {

    background:
        #153B49;

}


html[data-theme="dark"] .hero-main-product img {

    filter:
        drop-shadow(
            0 25px 30px
            rgba(0,0,0,.35)
        );

}


html[data-theme="dark"] .hero-floating-product {

    background:
        #1B4654;

    border-color:
        rgba(185, 220, 232, .16);

    box-shadow:
        0 20px 40px
        rgba(0,0,0,.28);

}


html[data-theme="dark"] .hero-health-badge {

    background:
        #1B4654;

    box-shadow:
        0 20px 40px
        rgba(0,0,0,.3);

}


html[data-theme="dark"] .hero-health-badge span {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .hero-health-badge strong {

    color:
        #F5F8F6;

}


/* BUTTONS */

html[data-theme="dark"] .products-primary-btn {

    background:
        #72CEC5;

    color:
        #102A35;

}


html[data-theme="dark"] .products-secondary-btn {

    background:
        #1B4654;

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.18);

}


/* CATEGORY */

html[data-theme="dark"] .products-category-section {

    background:
        #102A35;

}


html[data-theme="dark"] .products-section-heading h2 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .products-section-heading h2 span {

    color:
        #72CEC5;

}


html[data-theme="dark"] .products-section-heading p {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .product-category-card {

    background:
        #153B49;

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.13);

}


html[data-theme="dark"] .product-category-card.active {

    background:
        #1B4654;

}


html[data-theme="dark"] .product-category-card strong {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .product-category-card small {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .category-icon {

    background:
        #1B4654;

    color:
        #72CEC5;

}


/* SHOP */

html[data-theme="dark"] .products-shop-section {

    background:
        #102A35;

}


html[data-theme="dark"] .products-shop-heading h2 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .products-shop-heading h2 span {

    color:
        #72CEC5;

}


/* FILTER */

html[data-theme="dark"] .products-filter-sidebar {

    background:
        #1B4654;

    border-color:
        rgba(185,220,232,.12);

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

}


html[data-theme="dark"] .filter-sidebar-top h3,
html[data-theme="dark"] .filter-group-heading strong {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .filter-check {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .product-search-box input {

    background:
        #153B49;

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.16);

}


html[data-theme="dark"] .product-search-box input::placeholder {

    color:
        #AFC3C9;

}


html[data-theme="dark"] .products-sort select {

    background:
        #1B4654;

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.16);

}


/* TOOLBAR */

html[data-theme="dark"] .products-result-count,
html[data-theme="dark"] .products-sort label {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .products-result-count span {

    color:
        #F5F8F6;

}


/* CATEGORY HEADINGS */

html[data-theme="dark"] .product-category-heading h3 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .product-category-heading p {

    color:
        #C5D5D9;

}


/* PRODUCTS */

html[data-theme="dark"] .med-product-card {

    background:
        #1B4654;

    border-color:
        rgba(185,220,232,.11);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.2);

}


html[data-theme="dark"] .med-product-image {

    background:
        #153B49;

}


html[data-theme="dark"] .med-product-image::before {

    background:
        #1B4654;

}


html[data-theme="dark"] .med-product-info h4 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .med-product-info p {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .product-price {

    color:
        #B9DCE8;

}


html[data-theme="dark"] .product-category-label {

    color:
        #78B3CC;

}


html[data-theme="dark"] .product-status {

    background:
        #72CEC5;

    color:
        #102A35;

}


html[data-theme="dark"] .prescription-status {

    background:
        #F2B09C;

    color:
        #102A35;

}


html[data-theme="dark"] .add-to-cart-button {

    background:
        #72CEC5;

    color:
        #102A35;

}


html[data-theme="dark"] .prescription-button {

    background:
        #F2B09C;

    color:
        #102A35;

}


/* MOBILE FILTER */

html[data-theme="dark"] .mobile-filter-button {

    background:
        #1B4654;

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.15);

}


/* NO RESULTS */

html[data-theme="dark"] .products-no-results h3 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .products-no-results p {

    color:
        #C5D5D9;

}


/* CTA */

/* =========================================================
   PRODUCTS — DELIVERY CTA DARK MODE
   ========================================================= */

html[data-theme="dark"] .products-delivery-cta {

    background:
        #1B4654;

}

html[data-theme="dark"] .products-cta-content h2 {

    color:
        #F5F8F6;

}

html[data-theme="dark"] .products-cta-content h2 span {

    color:
        #72CEC5;

}

html[data-theme="dark"] .products-cta-content p {

    color:
        #C5D5D9;

    opacity:
        .95;

}

html[data-theme="dark"] .products-cta-content .products-primary-btn {

    background:
        #72CEC5;

    color:
        #102A35;

}


/* RESET BUTTON */

html[data-theme="dark"] .clear-filter-button {

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.16);

}
/* =========================================================
   MEDIVANA CART - DARK MODE
   ========================================================= */

html[data-theme="dark"] .med-cart-page,
html[data-theme="dark"] .med-cart-hero,
html[data-theme="dark"] .med-cart-section,
html[data-theme="dark"] .med-empty-cart {
    background: #102A35;
}


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

html[data-theme="dark"] .med-cart-hero-content h1 {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-cart-hero-content h1 span {
    color: #72CEC5;
}


html[data-theme="dark"] .med-cart-hero-content p {
    color: #C5D5D9;

    opacity: .95;
}


html[data-theme="dark"] .med-cart-eyebrow,
html[data-theme="dark"] .med-cart-small-label {
    color: #78B3CC;
}


html[data-theme="dark"] .med-cart-hero-note {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-cart-hero-note i {
    color: #72CEC5;
}


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

html[data-theme="dark"] .med-cart-hero-organic {
    background: #153B49;
}


html[data-theme="dark"] .med-cart-hero-icon {
    background: #1B4654;

    color: #72CEC5;

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


html[data-theme="dark"] .cart-hero-leaf {
    color: #72CEC5;
}


html[data-theme="dark"] .cart-leaf-three {
    color: #F2B09C;
}


html[data-theme="dark"] .med-cart-floating {
    background: #1B4654;

    color: #72CEC5;

    border-color: rgba(114, 206, 197, .25);

    box-shadow:
        0 15px 35px rgba(0, 0, 0, .25);
}


html[data-theme="dark"] .cart-float-three {
    background: #153B49;

    color: #78B3CC;
}


html[data-theme="dark"] .cart-float-four {
    background: #F2B09C;

    color: #102A35;
}


html[data-theme="dark"] .med-cart-dot {
    background: #F2B09C;
}


html[data-theme="dark"] .cart-dot-two {
    background: #72CEC5;
}


/* =========================================================
   CART HEADING
   ========================================================= */

html[data-theme="dark"] .med-cart-section-heading h2 {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-cart-items-count {
    color: #78B3CC;
}


/* =========================================================
   CART ITEM
   ========================================================= */

html[data-theme="dark"] .med-cart-item {
    background: #1B4654;

    border-color: rgba(120, 179, 204, .18);

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


html[data-theme="dark"] .med-cart-item:hover {
    border-color: rgba(114, 206, 197, .4);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .3);
}


html[data-theme="dark"] .med-cart-item-image {
    background: #153B49;
}


html[data-theme="dark"] .med-cart-item-category {
    color: #78B3CC;
}


html[data-theme="dark"] .med-cart-item-name {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-cart-item-name:hover {
    color: #72CEC5;
}


html[data-theme="dark"] .med-cart-item-brand {
    color: #C5D5D9;
}


html[data-theme="dark"] .med-cart-item-price {
    color: #72CEC5;
}


/* =========================================================
   QUANTITY
   ========================================================= */

html[data-theme="dark"] .med-cart-quantity {
    background: #153B49;

    border-color: rgba(120, 179, 204, .2);
}


html[data-theme="dark"] .med-cart-quantity button {
    background: #1B4654;

    color: #B9DCE8;
}


html[data-theme="dark"] .med-cart-quantity button:hover {
    background: #72CEC5;

    color: #102A35;
}


html[data-theme="dark"] .med-cart-quantity span {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-cart-item-subtotal {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-cart-remove {
    color: #78B3CC;
}


html[data-theme="dark"] .med-cart-remove:hover {
    color: #F2B09C;
}


/* =========================================================
   SUMMARY
   ========================================================= */

html[data-theme="dark"] .med-summary-inner {
    background: #1B4654;

    border-color: rgba(120, 179, 204, .18);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .25);
}


html[data-theme="dark"] .med-summary-inner h2 {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-summary-row {
    color: #C5D5D9;
}


html[data-theme="dark"] .med-summary-row strong {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-summary-row .med-free-delivery {
    color: #72CEC5;
}


html[data-theme="dark"] .med-summary-total {
    border-color: rgba(120, 179, 204, .18);

    color: #F5F8F6;
}


html[data-theme="dark"] .med-summary-total strong {
    color: #72CEC5;
}


html[data-theme="dark"] .med-checkout-button {
    background: #72CEC5;

    color: #102A35;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, .25);
}


html[data-theme="dark"] .med-checkout-button:hover {
    background: #78B3CC;

    color: #102A35;
}


html[data-theme="dark"] .med-summary-trust {
    border-color: rgba(120, 179, 204, .15);
}


html[data-theme="dark"] .med-summary-trust > i {
    color: #72CEC5;
}


html[data-theme="dark"] .med-summary-trust strong {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-summary-trust p {
    color: #C5D5D9;

    opacity: .9;
}


/* =========================================================
   CONTINUE SHOPPING
   ========================================================= */

html[data-theme="dark"] .med-continue-shopping a {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-continue-shopping a:hover {
    color: #72CEC5;
}


/* =========================================================
   EMPTY CART
   ========================================================= */

html[data-theme="dark"] .med-empty-cart-circle {
    background: #153B49;

    color: #72CEC5;
}


html[data-theme="dark"] .empty-float {
    background: #1B4654;

    color: #72CEC5;

    box-shadow:
        0 15px 30px rgba(0, 0, 0, .25);
}


html[data-theme="dark"] .empty-float-two {
    color: #78B3CC;
}


html[data-theme="dark"] .empty-float-three {
    color: #F2B09C;
}


html[data-theme="dark"] .med-empty-cart h2 {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-empty-cart p {
    color: #C5D5D9;

    opacity: .95;
}


html[data-theme="dark"] .med-empty-cart-button {
    background: #72CEC5;

    color: #102A35;
}


html[data-theme="dark"] .med-empty-cart-button:hover {
    background: #78B3CC;
}

/* =========================================================
   MEDIVANA CHECKOUT - DARK MODE
   ========================================================= */

html[data-theme="dark"] .checkout-page {
    background: var(--med-bg);
}


/* HERO */

html[data-theme="dark"] .checkout-hero {
    background:
        radial-gradient(
            circle at 80% 40%,
            rgba(120, 179, 204, .14),
            transparent 34%
        ),
        var(--med-bg);
}

html[data-theme="dark"] .checkout-hero h1 {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-hero h1 span {
    color: #72CEC5;
}

html[data-theme="dark"] .checkout-hero p {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-eyebrow {
    color: #78B3CC;
}


/* PROGRESS */

html[data-theme="dark"] .checkout-progress {
    background: #1B4654;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .checkout-step-number {
    background: #153B49;
    color: #B9DCE8;
}

html[data-theme="dark"] .checkout-step.active .checkout-step-number {
    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .checkout-step strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-step small {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-progress-line {
    background: rgba(185, 220, 232, .18);
}


/* CARDS */

html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .checkout-summary-inner {
    background: #1B4654;
    border-color: rgba(185, 220, 232, .10);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .20);
}

html[data-theme="dark"] .checkout-heading-icon {
    background: #153B49;
    color: #72CEC5;
}

html[data-theme="dark"] .checkout-card-heading span,
html[data-theme="dark"] .checkout-summary-heading > span {
    color: #78B3CC;
}

html[data-theme="dark"] .checkout-card-heading h2,
html[data-theme="dark"] .checkout-summary-heading h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-card-heading p {
    color: #C5D5D9;
}


/* INPUTS */

html[data-theme="dark"] .checkout-field label {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-field input,
html[data-theme="dark"] .checkout-field select,
html[data-theme="dark"] .checkout-field textarea {
    background: #153B49;
    border-color: rgba(185, 220, 232, .18);
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-field input::placeholder,
html[data-theme="dark"] .checkout-field textarea::placeholder {
    color: #C5D5D9;
    opacity: .55;
}

html[data-theme="dark"] .checkout-field input:focus,
html[data-theme="dark"] .checkout-field select:focus,
html[data-theme="dark"] .checkout-field textarea:focus {
    border-color: #72CEC5;
    box-shadow: 0 0 0 4px rgba(114, 206, 197, .10);
}


/* LOCATION */

html[data-theme="dark"] .checkout-location-box {
    background: #153B49;
}

html[data-theme="dark"] .checkout-location-icon {
    background: #1B4654;
    color: #72CEC5;
}

html[data-theme="dark"] .checkout-location-box strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-location-box p {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-location-button {
    background: #72CEC5;
    color: #102A35;
}


/* ADDRESS TYPES */

html[data-theme="dark"] .checkout-radio-card span {
    background: #153B49;
    border-color: rgba(185, 220, 232, .15);
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-radio-card input:checked + span {
    background: #234F5E;
    border-color: #72CEC5;
    color: #F5F8F6;
}


/* PAYMENT */

html[data-theme="dark"] .payment-option-content {
    background: #153B49;
    border-color: rgba(185, 220, 232, .15);
}

html[data-theme="dark"] .checkout-payment-option input:checked + .payment-option-content {
    background: #234F5E;
    border-color: #72CEC5;
}

html[data-theme="dark"] .payment-option-content > i {
    background: #1B4654;
    color: #72CEC5;
}

html[data-theme="dark"] .payment-option-content strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .payment-option-content small {
    color: #C5D5D9;
}


/* SECURITY */

html[data-theme="dark"] .checkout-security-note {
    background: rgba(114, 206, 197, .10);
}

html[data-theme="dark"] .checkout-security-note strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-security-note p {
    color: #C5D5D9;
}


/* CHECKBOX */

html[data-theme="dark"] .checkout-checkbox span {
    color: #C5D5D9;
}

html[data-theme="dark"] .terms-checkbox a {
    color: #78B3CC;
}


/* BUTTONS */

html[data-theme="dark"] .checkout-back-button {
    background: #153B49;
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-place-order {
    background: #72CEC5;
    color: #102A35;
}


/* SUMMARY */

html[data-theme="dark"] .checkout-summary-product {
    border-color: rgba(185, 220, 232, .12);
}

html[data-theme="dark"] .checkout-summary-image {
    background: #153B49;
}

html[data-theme="dark"] .checkout-summary-product-info strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-summary-product-info small {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-summary-product-price {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-summary-totals span {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-summary-totals strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-summary-total {
    border-color: rgba(185, 220, 232, .15);
}

html[data-theme="dark"] .checkout-summary-total span {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-summary-total strong {
    color: #72CEC5;
}


/* PRESCRIPTION */

html[data-theme="dark"] .checkout-prescription-note {
    background: rgba(242, 176, 156, .12);
}

html[data-theme="dark"] .checkout-prescription-note > i {
    color: #F2B09C;
}

html[data-theme="dark"] .checkout-prescription-note strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-prescription-note p {
    color: #C5D5D9;
}


/* TRUST */

html[data-theme="dark"] .checkout-trust {
    border-color: rgba(185, 220, 232, .12);
}

html[data-theme="dark"] .checkout-trust span {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-continue {
    background: #153B49;
    color: #F5F8F6;
}


/* EMPTY */

html[data-theme="dark"] .checkout-empty-icon {
    background: #153B49;
    color: #72CEC5;
}

html[data-theme="dark"] .checkout-empty > span {
    color: #78B3CC;
}

html[data-theme="dark"] .checkout-empty h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-empty p {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-empty-button {
    background: #72CEC5;
    color: #102A35;
}
/* =========================================================
   CHECKOUT HERO - DARK MODE
   ========================================================= */

html[data-theme="dark"] .checkout-hero {
    background: var(--med-bg);
}

html[data-theme="dark"] .checkout-hero-content h1 {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-hero-content h1 span {
    color: #72CEC5;
}

html[data-theme="dark"] .checkout-hero-content p,
html[data-theme="dark"] .checkout-hero-note span {
    color: #C5D5D9;
}

html[data-theme="dark"] .checkout-hero-organic-shape {
    background: #153B49;
}

html[data-theme="dark"] .checkout-hero-image-wrap {
    box-shadow: 0 30px 75px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .checkout-floating-element,
html[data-theme="dark"] .checkout-hero-badge {
    background: #1B4654;
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-floating-element {
    color: #72CEC5;
}

html[data-theme="dark"] .checkout-float-three {
    background: #F2B09C;
    color: #102A35;
}

html[data-theme="dark"] .checkout-hero-badge strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .checkout-hero-leaf {
    color: #72CEC5;
    opacity: .22;
}

/* =========================================================
   MEDIVANA - ORDER CONFIRMATION
   DARK MODE
   ========================================================= */

html[data-theme="dark"] .order-confirmation-page {

    --oc-bg: #102A35;
    --oc-card: #1B4654;
    --oc-primary: #78B3CC;
    --oc-deep: #B9DCE8;
    --oc-powder: #153B49;
    --oc-teal: #72CEC5;
    --oc-peach: #F2B09C;
    --oc-text: #F5F8F6;

    background: #102A35;
    color: #F5F8F6;
}


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

html[data-theme="dark"] .order-confirmation-hero {
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(114, 206, 197, .10),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 65%,
            rgba(242, 176, 156, .08),
            transparent 28%
        ),
        #102A35;
}


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

html[data-theme="dark"]
.order-confirmation-page
.oc-hero-content h1,

html[data-theme="dark"]
.order-confirmation-page
.oc-section-heading h2,

html[data-theme="dark"]
.order-confirmation-page
.oc-card-heading h2,

html[data-theme="dark"]
.order-confirmation-page
.oc-next-item h3,

html[data-theme="dark"]
.order-confirmation-page
.oc-info-item strong,

html[data-theme="dark"]
.order-confirmation-page
.oc-product-details h3,

html[data-theme="dark"]
.order-confirmation-page
.oc-product-price,

html[data-theme="dark"]
.order-confirmation-page
.oc-grand-total span,

html[data-theme="dark"]
.order-confirmation-page
.oc-final-content h2,

html[data-theme="dark"]
.order-confirmation-page
.oc-support-note strong {

    color: #F5F8F6;
}


html[data-theme="dark"]
.order-confirmation-page
.oc-hero-content p,

html[data-theme="dark"]
.order-confirmation-page
.oc-section-heading p,

html[data-theme="dark"]
.order-confirmation-page
.oc-info-item small,

html[data-theme="dark"]
.order-confirmation-page
.oc-next-item p,

html[data-theme="dark"]
.order-confirmation-page
.oc-final-content p,

html[data-theme="dark"]
.order-confirmation-page
.oc-product-details small,

html[data-theme="dark"]
.order-confirmation-page
.oc-total-area span,

html[data-theme="dark"]
.order-confirmation-page
.oc-support-note p {

    color: #C5D5D9;
}


/* =========================================================
   GREEN / TEAL HIGHLIGHTS
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-hero-content h1 span,

html[data-theme="dark"]
.order-confirmation-page
.oc-final-content h2 span,

html[data-theme="dark"]
.order-confirmation-page
.oc-grand-total strong {

    color: #72CEC5;
}


/* =========================================================
   ORDER NUMBER
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-order-number {

    background: #1B4654;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .25);
}

html[data-theme="dark"]
.order-confirmation-page
.oc-order-number strong {

    color: #F5F8F6;
}


/* =========================================================
   SUCCESS
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-check-circle {

    stroke: #72CEC5;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-check-mark {

    stroke: #B9DCE8;
}


/* =========================================================
   SVG PERSON
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-person-body {

    fill: #72CEC5;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-bag {

    fill: #78B3CC;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-person-cap,

html[data-theme="dark"]
.order-confirmation-page
.oc-person-cap-bill,

html[data-theme="dark"]
.order-confirmation-page
.oc-person-shoe,

html[data-theme="dark"]
.order-confirmation-page
.oc-person-arm,

html[data-theme="dark"]
.order-confirmation-page
.oc-person-leg {

    stroke: #B9DCE8;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-person-cap,

html[data-theme="dark"]
.order-confirmation-page
.oc-person-cap-bill,

html[data-theme="dark"]
.order-confirmation-page
.oc-person-shoe {

    fill: #B9DCE8;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-delivery-box {

    fill: #F2B09C;
}


/* =========================================================
   BADGES / ICONS
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-delivery-badge,

html[data-theme="dark"]
.order-confirmation-page
.oc-details-card,

html[data-theme="dark"]
.order-confirmation-page
.oc-delivery-details {

    background: #1B4654;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, .22);
}

html[data-theme="dark"]
.order-confirmation-page
.oc-delivery-badge > i,

html[data-theme="dark"]
.order-confirmation-page
.oc-card-icon,

html[data-theme="dark"]
.order-confirmation-page
.oc-info-item > i {

    background: #153B49;
    color: #72CEC5;
}


/* =========================================================
   STATUS
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-status-section,

html[data-theme="dark"]
.order-confirmation-page
.oc-next-section {

    background: #153B49;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-status-line {

    background: #1B4654;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-status-progress {

    background: #72CEC5;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-status-icon {

    background: #102A35;
    border-color: #153B49;
    color: #78B3CC;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-status-step.active
.oc-status-icon {

    background: #72CEC5;
    color: #102A35;
}


/* =========================================================
   PRODUCT SEPARATOR / TOTALS
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-product-item,

html[data-theme="dark"]
.order-confirmation-page
.oc-info-item {

    border-color:
        rgba(197, 213, 217, .12);
}

html[data-theme="dark"]
.order-confirmation-page
.oc-total-area {

    border-color:
        rgba(197, 213, 217, .14);
}

html[data-theme="dark"]
.order-confirmation-page
.oc-grand-total {

    border-color:
        rgba(197, 213, 217, .16);
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-product-image {

    background: #153B49;
}


/* =========================================================
   NEXT ITEMS
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-next-item {

    background: #102A35;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-next-item::after {

    background: #153B49;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html[data-theme="dark"]
.order-confirmation-page
.oc-support-note {

    background: #102A35;
}


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

html[data-theme="dark"]
.order-confirmation-page
.oc-final-section {

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(114, 206, 197, .08),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 40%,
            rgba(242, 176, 156, .08),
            transparent 30%
        ),
        #102A35;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-secondary-button {

    background: #1B4654;

    color: #F5F8F6;

    border-color:
        rgba(185, 220, 232, .18);
}

html[data-theme="dark"]
.order-confirmation-page
.oc-primary-button {

    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-final-leaf {

    color: #72CEC5;
}

html[data-theme="dark"]
.order-confirmation-page
.oc-final-leaf-two {

    color: #F2B09C;
}
/* =========================================================
   MEDIVANA - UPLOAD PRESCRIPTION DARK MODE
   ========================================================= */

html[data-theme="dark"] .upload-prescription-page {
    --upload-shadow:
        0 25px 60px rgba(0, 0, 0, .28);
}


/* Hero */

html[data-theme="dark"] .upload-hero {
    background:
        radial-gradient(
            circle at 85% 35%,
            rgba(114, 206, 197, .12),
            transparent 28%
        ),
        var(--med-bg);
}

html[data-theme="dark"] .upload-hero-content h1,
html[data-theme="dark"] .upload-section-heading h2,
html[data-theme="dark"] .upload-card-heading h2,
html[data-theme="dark"] .upload-submit-content h2,
html[data-theme="dark"] .upload-success-card h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .upload-hero-content > p,
html[data-theme="dark"] .upload-section-heading p,
html[data-theme="dark"] .upload-card-heading p,
html[data-theme="dark"] .upload-field label,
html[data-theme="dark"] .upload-submit-content > p,
html[data-theme="dark"] .upload-success-card p,
html[data-theme="dark"] .upload-quality-note p {
    color: #C5D5D9;
}


/* Hero document */

html[data-theme="dark"] .upload-hero-circle {
    background:
        radial-gradient(
            circle at 35% 30%,
            #1B4654,
            #153B49
        );
}

html[data-theme="dark"] .upload-hero-document {
    background: #1B4654;

    box-shadow:
        0 35px 65px rgba(0, 0, 0, .32);
}

html[data-theme="dark"] .upload-document-top {
    color: #F5F8F6;
}

html[data-theme="dark"] .upload-document-lines span {
    background: #31566B;
}


/* Hero floating icons */

html[data-theme="dark"] .upload-floating-icon {
    background: #1B4654;

    color: #72CEC5;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .upload-float-three {
    background: #F2B09C;
    color: #102A35;
}


/* Cards */

html[data-theme="dark"] .upload-card {
    background: #1B4654;

    border-color: rgba(120, 179, 204, .14);

    box-shadow:
        0 25px 55px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] .upload-card-icon {
    background: #153B49;
    color: #72CEC5;
}


/* Inputs */

html[data-theme="dark"] .upload-field input,
html[data-theme="dark"] .upload-field select,
html[data-theme="dark"] .upload-field textarea {
    background: #153B49;

    border-color: rgba(120, 179, 204, .22);

    color: #F5F8F6;
}

html[data-theme="dark"] .upload-field input::placeholder,
html[data-theme="dark"] .upload-field textarea::placeholder {
    color: #9EB4BA;
}

html[data-theme="dark"] .upload-field input:focus,
html[data-theme="dark"] .upload-field select:focus,
html[data-theme="dark"] .upload-field textarea:focus {
    border-color: #72CEC5;

    box-shadow:
        0 0 0 4px rgba(114, 206, 197, .10);
}


/* Upload options */

html[data-theme="dark"] .upload-option {
    background: #153B49;

    border-color: #78B3CC;
}

html[data-theme="dark"] .upload-option:hover {
    background: #1B4654;
}

html[data-theme="dark"] .upload-option strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .upload-option small {
    color: #C5D5D9;
}

html[data-theme="dark"] .upload-option-icon {
    background: #1B4654;
    color: #72CEC5;
}


/* Drop area */

html[data-theme="dark"] .upload-drop-area {
    background:
        linear-gradient(
            135deg,
            rgba(120, 179, 204, .08),
            transparent
        );

    border-color: rgba(120, 179, 204, .35);
}

html[data-theme="dark"] .upload-drop-area.drag-over {
    background: #153B49;
}

html[data-theme="dark"] .upload-drop-area h3 {
    color: #F5F8F6;
}

html[data-theme="dark"] .upload-drop-area p {
    color: #C5D5D9;
}


/* File list */

html[data-theme="dark"] .uploaded-file-item {
    background: #153B49;
}

html[data-theme="dark"] .uploaded-file-details strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .uploaded-file-details small {
    color: #C5D5D9;
}

html[data-theme="dark"] .uploaded-file-icon {
    background: #1B4654;
    color: #72CEC5;
}


/* Notes */

html[data-theme="dark"] .upload-quality-note {
    background: rgba(114, 206, 197, .08);
}

html[data-theme="dark"] .upload-quality-note strong {
    color: #F5F8F6;
}


/* Checklist */

html[data-theme="dark"] .upload-checklist-heading strong,
html[data-theme="dark"] .upload-file-limit strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .upload-checklist-heading span,
html[data-theme="dark"] .upload-checklist-card li,
html[data-theme="dark"] .upload-file-limit {
    color: #C5D5D9;
}


/* Submit */

html[data-theme="dark"] .upload-submit-card {
    background:
        linear-gradient(
            120deg,
            #1B4654,
            #153B49
        );
}

html[data-theme="dark"] .upload-submit-button,
html[data-theme="dark"] .upload-primary-button {
    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .upload-back-button,
html[data-theme="dark"] .upload-secondary-button {
    background: #1B4654;

    border-color: rgba(120, 179, 204, .25);

    color: #F5F8F6;
}

html[data-theme="dark"] .upload-submit-circle {
    background: #1B4654;
    color: #72CEC5;
}


/* Success */

html[data-theme="dark"] .upload-success-card {
    background: #1B4654;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .upload-success-icon {
    background: rgba(114, 206, 197, .12);
    color: #72CEC5;
}
/* =========================================================
   MEDIVANA PRODUCT DETAILS - DARK MODE
   ========================================================= */

html[data-theme="dark"] .med-product-details-page-main {

    background: #102A35;
    color: #F5F8F6;

}


/* =========================================================
   BREADCRUMB
   ========================================================= */

html[data-theme="dark"] .pd-breadcrumb-section {
    background: #102A35;
}

html[data-theme="dark"] .pd-breadcrumb a {
    color: #78B3CC;
}

html[data-theme="dark"] .pd-breadcrumb span {
    color: #C5D5D9;
}


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

html[data-theme="dark"] .pd-product-hero {
    background: #102A35;
}

html[data-theme="dark"] .pd-product-information h1 {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-short-description {
    color: #C5D5D9;
    opacity: .9;
}

html[data-theme="dark"] .pd-product-category {
    color: #78B3CC;
}

html[data-theme="dark"] .pd-product-category i {
    color: #72CEC5;
}


/* =========================================================
   IMAGE
   ========================================================= */

html[data-theme="dark"] .pd-image-frame {
    background: #153B49;
    box-shadow:
        0 30px 75px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .pd-product-image {
    mix-blend-mode: normal;
}

html[data-theme="dark"] .pd-image-status {
    background: rgba(27, 70, 84, .94);
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-image-badge {
    background: #1B4654;
    border-color: rgba(185, 220, 232, .12);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .pd-image-badge span {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-image-badge strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-floating-element {
    background: #1B4654;
    border-color: rgba(185, 220, 232, .12);
    color: #72CEC5;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .pd-leaf {
    color: #72CEC5;
}

html[data-theme="dark"] .pd-decoration-one {
    border-color: #72CEC5;
}


/* =========================================================
   RATING / PRICE
   ========================================================= */

html[data-theme="dark"] .pd-rating-row strong,
html[data-theme="dark"] .pd-price {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-rating-row > span,
html[data-theme="dark"] .pd-price-area small {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-stars {
    color: #F2B09C;
}


/* =========================================================
   AVAILABILITY
   ========================================================= */

html[data-theme="dark"] .pd-availability-icon {
    background: #153B49;
    color: #72CEC5;
}

html[data-theme="dark"] .pd-availability strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-availability small {
    color: #C5D5D9;
}


/* =========================================================
   QUANTITY
   ========================================================= */

html[data-theme="dark"] .pd-quantity-area > span {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-quantity-control button {
    background: #1B4654;
    border-color: rgba(185, 220, 232, .12);
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-quantity-control span {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-add-cart-button {
    background: #B9DCE8;
    color: #102A35;
}

html[data-theme="dark"] .pd-add-cart-button:hover,
html[data-theme="dark"] .pd-add-cart-button.added {
    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .pd-continue-button {
    color: #78B3CC;
}


/* =========================================================
   PRESCRIPTION
   ========================================================= */

html[data-theme="dark"] .pd-prescription-area {
    background: rgba(242, 176, 156, .09);
    border-color: rgba(242, 176, 156, .22);
}

html[data-theme="dark"] .pd-prescription-area strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-prescription-area p {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-upload-button {
    background: #F2B09C;
    color: #102A35;
}

html[data-theme="dark"] .pd-upload-button:hover {
    background: #72CEC5;
}


/* =========================================================
   DELIVERY
   ========================================================= */

html[data-theme="dark"] .pd-delivery-info {
    border-color: rgba(185, 220, 232, .12);
}

html[data-theme="dark"] .pd-delivery-item > i {
    color: #72CEC5;
}

html[data-theme="dark"] .pd-delivery-item strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-delivery-item span {
    color: #C5D5D9;
}


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

html[data-theme="dark"] .pd-information-section {
    background: #153B49;
}

html[data-theme="dark"] .pd-eyebrow {
    color: #78B3CC;
}

html[data-theme="dark"] .pd-section-heading h2,
html[data-theme="dark"] .pd-benefits-heading h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-section-heading h2 span,
html[data-theme="dark"] .pd-benefits-heading h2 span {
    color: #72CEC5;
}

html[data-theme="dark"] .pd-section-heading p {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-info-card {
    background: #102A35;
    border-color: rgba(185, 220, 232, .11);
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .pd-info-icon {
    background: #1B4654;
    color: #72CEC5;
}

html[data-theme="dark"] .pd-info-card h3 {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-info-card > p {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-detail-list > div {
    border-color: rgba(185, 220, 232, .12);
}

html[data-theme="dark"] .pd-detail-list span {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-detail-list strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-care-note {
    background: rgba(242, 176, 156, .08);
}

html[data-theme="dark"] .pd-care-note span {
    color: #C5D5D9;
}


/* =========================================================
   BENEFITS
   ========================================================= */

html[data-theme="dark"] .pd-benefits-section {
    background: #102A35;
}

html[data-theme="dark"] .pd-benefit {
    border-color: rgba(185, 220, 232, .12);
}

html[data-theme="dark"] .pd-benefit > span {
    background: #153B49;
    color: #72CEC5;
}

html[data-theme="dark"] .pd-benefit strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-benefit p {
    color: #C5D5D9;
}


/* =========================================================
   RELATED
   ========================================================= */

html[data-theme="dark"] .pd-related-section {
    background: #153B49;
}

html[data-theme="dark"] .pd-related-card {
    background: #102A35;
    border-color: rgba(185, 220, 232, .11);
}

html[data-theme="dark"] .pd-related-image {
    background: #1B4654;
}

html[data-theme="dark"] .pd-related-category {
    color: #78B3CC;
}

html[data-theme="dark"] .pd-related-content h3 {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-related-content p {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-related-price {
    color: #72CEC5;
}


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

html[data-theme="dark"] .pd-final-section {
    background: #153B49;
}

html[data-theme="dark"] .pd-final-content h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-final-content h2 span {
    color: #72CEC5;
}

html[data-theme="dark"] .pd-final-content p {
    color: #C5D5D9;
}

html[data-theme="dark"] .pd-final-primary {
    background: #B9DCE8;
    color: #102A35;
}

html[data-theme="dark"] .pd-final-primary:hover {
    background: #72CEC5;
}

html[data-theme="dark"] .pd-final-secondary {
    border-color: #78B3CC;
    color: #F5F8F6;
}

html[data-theme="dark"] .pd-final-secondary:hover {
    background: #1B4654;
}

html[data-theme="dark"] .pd-final-leaf {
    color: #72CEC5;
}
/* =========================================================
   PRODUCT DETAILS - DARK MODE
   ========================================================= */

html[data-theme="dark"] .pd-title {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-category {
    color: #72CEC5;
}


html[data-theme="dark"] .pd-short-description {
    color: #C5D5D9;
    opacity: 1;
}


html[data-theme="dark"] .pd-rating {
    color: #C5D5D9;
}


html[data-theme="dark"] .pd-rating strong {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-price strong {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-price span {
    color: #C5D5D9;
    opacity: 1;
}


html[data-theme="dark"] .pd-stock {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-stock small {
    color: #C5D5D9;
    opacity: 1;
}


html[data-theme="dark"] .pd-quantity-label {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-quantity span {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-quantity button {
    background: #1B4654;
    color: #F5F8F6;
    border-color: rgba(197, 213, 217, 0.18);
}


html[data-theme="dark"] .pd-quantity button:hover {
    background: #153B49;
}


html[data-theme="dark"] .pd-trust-row {
    border-top-color: rgba(197, 213, 217, 0.15);
}


html[data-theme="dark"] .pd-trust-item strong {
    color: #F5F8F6;
}


html[data-theme="dark"] .pd-trust-item span {
    color: #C5D5D9;
    opacity: 1;
}


html[data-theme="dark"] .pd-floating-element {
    background: #1B4654;
    color: #72CEC5;
    border-color: rgba(114, 206, 197, 0.2);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.3);
}


html[data-theme="dark"] .pd-continue-shopping {
    color: #78B3CC;
}


html[data-theme="dark"] .pd-continue-shopping:hover {
    color: #72CEC5;
}

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


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

html[data-theme="dark"] .about-page {
    background: #102A35;
    color: #C5D5D9;
}


/* =========================================================
   ACTIVE NAV
   ========================================================= */

html[data-theme="dark"] .med-nav-link.active,
html[data-theme="dark"] .med-mobile-link.active {
    background: #153B49;
    color: #72CEC5;
}


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

html[data-theme="dark"] .about-section-eyebrow,
html[data-theme="dark"] .about-eyebrow {
    color: #78B3CC;
}

html[data-theme="dark"] .about-section-heading h2,
html[data-theme="dark"] .about-story-content h2,
html[data-theme="dark"] .about-purpose h3,
html[data-theme="dark"] .about-team-front h3,
html[data-theme="dark"] .about-team-back h3,
html[data-theme="dark"] .about-timeline-content strong,
html[data-theme="dark"] .about-testimonial blockquote,
html[data-theme="dark"] .about-final h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .about-section-heading h2 span,
html[data-theme="dark"] .about-story-content h2 span,
html[data-theme="dark"] .about-hero h1 span,
html[data-theme="dark"] .about-final h2 span {
    color: #72CEC5;
}

html[data-theme="dark"] .about-section-heading p,
html[data-theme="dark"] .about-story-content > p,
html[data-theme="dark"] .about-purpose p,
html[data-theme="dark"] .about-timeline-content p,
html[data-theme="dark"] .about-team-back p,
html[data-theme="dark"] .about-testimonial-person small,
html[data-theme="dark"] .about-final p,
html[data-theme="dark"] .about-hero-content > p {
    color: #C5D5D9;
    opacity: 1;
}


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

html[data-theme="dark"] .about-hero {
    background:
        radial-gradient(
            circle at 75% 25%,
            rgba(114,206,197,.12),
            transparent 30%
        ),
        #102A35;
}

html[data-theme="dark"] .about-hero h1 {
    color: #F5F8F6;
}

html[data-theme="dark"] .about-image-frame {
    background: #153B49;

    box-shadow:
        0 30px 75px rgba(0,0,0,.35);
}

html[data-theme="dark"] .about-floating,
html[data-theme="dark"] .about-hero-badge {
    background: #1B4654;
    border-color: rgba(197,213,217,.12);

    box-shadow:
        0 15px 35px rgba(0,0,0,.3);
}

html[data-theme="dark"] .about-floating {
    color: #72CEC5;
}

html[data-theme="dark"] .about-hero-badge {
    color: #C5D5D9;
}

html[data-theme="dark"] .about-hero-badge strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .about-hero-leaf {
    color: #72CEC5;
}


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

html[data-theme="dark"] .about-story {
    background: #153B49;
}

html[data-theme="dark"] .about-story-image-two {
    border-color: #153B49;
}

html[data-theme="dark"] .about-story-orbit {
    border-color: #72CEC5;
}

html[data-theme="dark"] .about-story-leaf {
    color: #72CEC5;
}

html[data-theme="dark"] .about-value-icon {
    background: #1B4654;
    color: #72CEC5;
}

html[data-theme="dark"] .about-value strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .about-value small {
    color: #C5D5D9;
}


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

html[data-theme="dark"] .about-mission {
    background: #102A35;
}

html[data-theme="dark"] .about-purpose {
    background: #1B4654;
    border-color: rgba(197,213,217,.12);

    box-shadow:
        0 20px 55px rgba(0,0,0,.25);
}

html[data-theme="dark"] .about-purpose-icon {
    background: #153B49;
    color: #72CEC5;
}

html[data-theme="dark"] .about-purpose-label {
    color: #78B3CC;
}

html[data-theme="dark"] .about-purpose-number {
    color: #78B3CC;
}

html[data-theme="dark"] .about-purpose-leaf {
    color: #72CEC5;
}

html[data-theme="dark"] .about-center-ring {
    background: #72CEC5;
    color: #102A35;

    box-shadow:
        0 20px 50px rgba(0,0,0,.3);
}

html[data-theme="dark"] .about-center-ring i {
    color: #102A35;
}


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

html[data-theme="dark"] .about-history {
    background: #153B49;
}

html[data-theme="dark"] .about-timeline-line {
    background: #1B4654;
}

html[data-theme="dark"] .about-timeline-progress {
    background: #72CEC5;
}

html[data-theme="dark"] .about-timeline-dot {
    background: #153B49;
    border-color: #72CEC5;
    color: #72CEC5;
}

html[data-theme="dark"] .about-timeline-content > span {
    color: #78B3CC;
}


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

html[data-theme="dark"] .about-team {
    background: #102A35;
}

html[data-theme="dark"] .about-team-front,
html[data-theme="dark"] .about-team-back {
    background: #1B4654;
    border-color: rgba(197,213,217,.12);

    box-shadow:
        0 18px 45px rgba(0,0,0,.25);
}

html[data-theme="dark"] .about-team-role,
html[data-theme="dark"] .about-team-back > span {
    color: #78B3CC;
}

html[data-theme="dark"] .about-team-back > i {
    color: #72CEC5;
}

html[data-theme="dark"] .about-team-social a {
    background: #153B49;
    color: #B9DCE8;
}

html[data-theme="dark"] .about-team-social a:hover {
    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .about-team-hook {
    background: #72CEC5;
}


/* =========================================================
   TESTIMONIALS
   ========================================================= */

html[data-theme="dark"] .about-testimonials {
    background: #153B49;
}

html[data-theme="dark"] .about-testimonial {
    background: #102A35;
    border-color: rgba(197,213,217,.12);

    box-shadow:
        0 18px 45px rgba(0,0,0,.25);
}

html[data-theme="dark"] .about-testimonial-avatar {
    background: #1B4654;
    color: #72CEC5;
}

html[data-theme="dark"] .about-testimonial-float {
    background: #1B4654;
    color: #72CEC5;
}


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

html[data-theme="dark"] .about-final {
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(114,206,197,.1),
            transparent 42%
        ),
        #102A35;
}

html[data-theme="dark"] .about-final-float {
    background: #1B4654;
    color: #72CEC5;

    box-shadow:
        0 15px 35px rgba(0,0,0,.3);
}

html[data-theme="dark"] .about-final-leaf {
    color: #72CEC5;
}


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

html[data-theme="dark"] .about-primary-button {
    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .about-primary-button:hover {
    color: #102A35;
}

html[data-theme="dark"] .about-secondary-button {
    background: #1B4654;
    color: #F5F8F6;
    border-color: rgba(197,213,217,.15);
}

html[data-theme="dark"] .about-secondary-button:hover {
    background: #153B49;
    color: #72CEC5;
}

/* =========================================================
   MEDIVANA HOME DELIVERY - DARK MODE
   ========================================================= */

html[data-theme="dark"] .home-delivery-page {

    --hd-dark-shadow:
        0 20px 60px rgba(0,0,0,.28);

    background: #102A35;
    color: #F5F8F6;
}


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

html[data-theme="dark"] .hd-section-heading h2,
html[data-theme="dark"] .hd-details-intro h2,
html[data-theme="dark"] .hd-flex-heading h2,
html[data-theme="dark"] .hd-coverage-content h2,
html[data-theme="dark"] .hd-support-heading h2,
html[data-theme="dark"] .hd-final-content h2 {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-section-heading h2 span,
html[data-theme="dark"] .hd-details-intro h2 span,
html[data-theme="dark"] .hd-flex-heading h2 span,
html[data-theme="dark"] .hd-coverage-content h2 span,
html[data-theme="dark"] .hd-support-heading h2 span,
html[data-theme="dark"] .hd-final-content h2 span {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-section-heading p,
html[data-theme="dark"] .hd-details-intro > p,
html[data-theme="dark"] .hd-flex-heading > p,
html[data-theme="dark"] .hd-coverage-content > p,
html[data-theme="dark"] .hd-support-heading > p,
html[data-theme="dark"] .hd-final-content > p {

    color: #C5D5D9;
    opacity: .95;
}

html[data-theme="dark"] .hd-section-label,
html[data-theme="dark"] .hd-eyebrow {

    color: #72CEC5;
}


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

html[data-theme="dark"] .hd-hero-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(16,42,53,.98) 0%,
            rgba(16,42,53,.94) 34%,
            rgba(16,42,53,.45) 57%,
            rgba(16,42,53,.08) 80%
        );
}

html[data-theme="dark"] .hd-hero h1 {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-hero h1 span {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-hero-content > p {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-typewriter-box {

    background: rgba(21,59,73,.90);

    border-color: rgba(120,179,204,.25);

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-typewriter-box > i,
html[data-theme="dark"] .hd-cursor {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-secondary-btn {

    background: #1B4654;

    color: #F5F8F6;

    border-color: #78B3CC;
}

html[data-theme="dark"] .hd-primary-btn {

    background: #78B3CC;

    color: #102A35;
}

html[data-theme="dark"] .hd-hero-float {

    background: #1B4654;

    color: #72CEC5;
}


/* =========================================================
   BENEFITS
   ========================================================= */

html[data-theme="dark"] .hd-benefits {

    background: #153B49;

    border-color: rgba(185,220,232,.12);
}

html[data-theme="dark"] .hd-benefit {

    border-color: rgba(185,220,232,.10);
}

html[data-theme="dark"] .hd-benefit > i {

    background: #1B4654;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-benefit small {

    color: #78B3CC;
}

html[data-theme="dark"] .hd-benefit strong {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-benefit span {

    color: #C5D5D9;
}


/* =========================================================
   DELIVERY DETAILS
   ========================================================= */

html[data-theme="dark"] .hd-details-section {

    background: #102A35;
}

html[data-theme="dark"] .hd-house {

    background: #153B49;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-location-pin {

    background: #1B4654;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-mini-truck {

    background: #78B3CC;

    color: #102A35;
}

html[data-theme="dark"] .hd-package {

    background: #F2B09C;

    color: #102A35;
}

html[data-theme="dark"] .hd-form-card {

    background: #1B4654;

    border-color: rgba(185,220,232,.13);

    box-shadow:
        0 25px 65px rgba(0,0,0,.25);
}

html[data-theme="dark"] .hd-form-heading > i {

    background: #153B49;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-form-heading span {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-form-heading h3,
html[data-theme="dark"] .hd-form-group-title,
html[data-theme="dark"] .hd-field label {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-field input,
html[data-theme="dark"] .hd-field select,
html[data-theme="dark"] .hd-field textarea {

    background: #153B49;

    color: #F5F8F6;

    border-color: rgba(185,220,232,.18);
}

html[data-theme="dark"] .hd-field input::placeholder,
html[data-theme="dark"] .hd-field textarea::placeholder {

    color: #C5D5D9;
}

html[data-theme="dark"] .hd-preferences label {

    color: #C5D5D9;
}

html[data-theme="dark"] .hd-location-button {

    color: #72CEC5;

    border-color: #72CEC5;
}

html[data-theme="dark"] .hd-form-submit {

    background: #78B3CC;

    color: #102A35;
}


/* =========================================================
   HOW IT WORKS
   ========================================================= */

html[data-theme="dark"] .hd-how-section {

    background: #153B49;
}

html[data-theme="dark"] .hd-route-node {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-route-node i {

    background: #1B4654;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-step {

    background: #1B4654;

    border-color: rgba(185,220,232,.13);

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

html[data-theme="dark"] .hd-step-number {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-step-icon {

    background: #78B3CC;

    color: #102A35;
}

html[data-theme="dark"] .hd-step-content span {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-step-content h3 {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-step-content p {

    color: #C5D5D9;
}


/* =========================================================
   FLEXIBLE DELIVERY
   ========================================================= */

html[data-theme="dark"] .hd-clock-ring {

    border-color: #153B49;

    box-shadow:
        inset 0 0 0 8px #1B4654,
        0 25px 55px rgba(0,0,0,.25);
}

html[data-theme="dark"] .hd-clock {

    background: #1B4654;

    border-color: #78B3CC;
}

html[data-theme="dark"] .clock-mark {

    color: #F5F8F6;
}

html[data-theme="dark"] .clock-hand {

    background: #F5F8F6;
}

html[data-theme="dark"] .minute-hand {

    background: #72CEC5;
}

html[data-theme="dark"] .hd-flex-point > i {

    background: #153B49;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-flex-point strong {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-flex-point span {

    color: #C5D5D9;
}


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

html[data-theme="dark"] .hd-coverage-section {

    background: #153B49;
}

html[data-theme="dark"] .hd-coverage-form input {

    background: #1B4654;

    color: #F5F8F6;

    border-color: rgba(185,220,232,.18);
}

html[data-theme="dark"] .hd-coverage-form input::placeholder {

    color: #C5D5D9;
}

html[data-theme="dark"] .hd-coverage-form button {

    background: #78B3CC;

    color: #102A35;
}

html[data-theme="dark"] .hd-coverage-result {

    background: #1B4654;

    color: #C5D5D9;
}

html[data-theme="dark"] .hd-map-visual {

    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(114,206,197,.20),
            transparent 30%
        ),
        #102A35;
}

html[data-theme="dark"] .hd-map-pin {

    background: #1B4654;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-map-truck {

    background: #78B3CC;

    color: #102A35;
}

html[data-theme="dark"] .hd-map-package {

    background: #F2B09C;

    color: #102A35;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html[data-theme="dark"] .hd-support-section {

    background: #102A35;
}

html[data-theme="dark"] .hd-support-item {

    background: #1B4654;

    border-color: rgba(185,220,232,.13);

    box-shadow:
        0 18px 45px rgba(0,0,0,.20);
}

html[data-theme="dark"] .hd-support-item > i {

    background: #153B49;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-support-item strong {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-support-item p {

    color: #C5D5D9;
}


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

html[data-theme="dark"] .hd-final-section {

    background: #153B49;
}

html[data-theme="dark"] .hd-final-content h2 {

    color: #F5F8F6;
}

html[data-theme="dark"] .hd-final-content h2 span {

    color: #72CEC5;
}

html[data-theme="dark"] .hd-final-content > p {

    color: #C5D5D9;
}

html[data-theme="dark"] .hd-final-package {

    background: #B88652;

    color: #102A35;
}

html[data-theme="dark"] .hd-final-icon {

    background: #1B4654;

    color: #72CEC5;
}

html[data-theme="dark"] .hd-final-leaf {

    color: #72CEC5;

    opacity: .20;
}


/* =========================================================
   DARK RTL HERO
   ========================================================= */

html[data-theme="dark"][dir="rtl"] .hd-hero-overlay {

    background:
        linear-gradient(
            270deg,
            rgba(16,42,53,.98) 0%,
            rgba(16,42,53,.94) 34%,
            rgba(16,42,53,.45) 57%,
            rgba(16,42,53,.08) 80%
        );
}


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

@media (max-width:1023px) {

    html[data-theme="dark"] .hd-hero-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(16,42,53,.20) 0%,
                rgba(16,42,53,.60) 48%,
                rgba(16,42,53,.98) 78%
            );
    }

}


@media (max-width:480px) {

    html[data-theme="dark"] .hd-hero-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(16,42,53,.20),
                rgba(16,42,53,.98) 72%
            );
    }

}

/* =========================================================
   MEDIVANA STORE TIMINGS — DARK MODE
   ========================================================= */

html[data-theme="dark"] .std-page {

    --std-bg: #102A35;
    --std-card: #1B4654;
    --std-primary: #78B3CC;
    --std-deep: #F5F8F6;
    --std-teal: #72CEC5;
    --std-powder: #153B49;
    --std-peach: #F2B09C;
    --std-text: #F5F8F6;
    --std-border: rgba(185,220,232,.18);

    background: #102A35;
    color: #F5F8F6;
}


/* HERO */

html[data-theme="dark"] .std-hero {
    background:
        radial-gradient(
            circle at 72% 50%,
            rgba(114,206,197,.12),
            transparent 30%
        ),
        #102A35;
}

html[data-theme="dark"] .std-hero-content h1,
html[data-theme="dark"] .std-section-heading h2,
html[data-theme="dark"] .std-before-content h2,
html[data-theme="dark"] .std-holiday-content h2 {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-hero-content h1 span,
html[data-theme="dark"] .std-section-heading h2 span,
html[data-theme="dark"] .std-before-content h2 span,
html[data-theme="dark"] .std-holiday-content h2 span {
    color: #72CEC5;
}

html[data-theme="dark"] .std-hero-content p,
html[data-theme="dark"] .std-section-heading p,
html[data-theme="dark"] .std-before-content p,
html[data-theme="dark"] .std-holiday-content p {
    color: #C5D5D9;
    opacity: .95;
}


/* STATUS */

html[data-theme="dark"] .std-open-status {
    background: #1B4654;
    border-color: rgba(185,220,232,.18);
}

html[data-theme="dark"] .std-open-status strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-open-status span:last-child {
    color: #C5D5D9;
}


/* CLOCK */

html[data-theme="dark"] .std-clock-ring,
html[data-theme="dark"] .std-clock-orbit {
    background: #1B4654;
    border-color: #72CEC5;
}

html[data-theme="dark"] .std-clock-time,
html[data-theme="dark"] .std-clock-label {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-clock-hand {
    background: #B9DCE8;
}

html[data-theme="dark"] .std-clock-marker {
    background: #78B3CC;
}


/* WEEK TIMELINE */

html[data-theme="dark"] .std-week-section,
html[data-theme="dark"] .std-holiday-section {
    background: #102A35;
}

html[data-theme="dark"] .std-time-marker {
    background: #1B4654;
    border-color: rgba(185,220,232,.25);
    color: #78B3CC;
}

html[data-theme="dark"] .std-time-active .std-time-marker,
html[data-theme="dark"] .std-time-item:hover .std-time-marker {
    background: #72CEC5;
    border-color: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .std-time-content strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-time-content span {
    color: #78B3CC;
}

html[data-theme="dark"] .std-time-content small {
    color: #C5D5D9;
}


/* IMAGE CAPTION */

html[data-theme="dark"] .std-image-caption {
    background: rgba(27,70,84,.95);
    color: #F5F8F6;
}

html[data-theme="dark"] .std-image-caption i {
    color: #72CEC5;
}


/* SERVICE */

html[data-theme="dark"] .std-service-section {
    background:
        linear-gradient(
            180deg,
            #102A35,
            #153B49
        );
}

html[data-theme="dark"] .std-service-icon {
    background: #1B4654;
    border-color: #72CEC5;
    color: #78B3CC;
}

html[data-theme="dark"] .std-service-item h3 {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-service-item p,
html[data-theme="dark"] .std-service-number {
    color: #72CEC5;
}


/* HOLIDAY */

html[data-theme="dark"] .std-holiday-list {
    border-color: rgba(185,220,232,.18);
}

html[data-theme="dark"] .std-holiday-row {
    border-color: rgba(185,220,232,.18);
}

html[data-theme="dark"] .std-holiday-icon {
    background: #153B49;
    color: #72CEC5;
}

html[data-theme="dark"] .std-holiday-row strong {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-holiday-row small {
    color: #C5D5D9;
}

html[data-theme="dark"] .std-holiday-row > span {
    color: #78B3CC;
}

html[data-theme="dark"] .std-holiday-closed > span {
    color: #F2B09C;
}


/* CURVE */

html[data-theme="dark"] .std-visit-section {
    background:
        linear-gradient(
            180deg,
            #153B49,
            #102A35
        );
}

html[data-theme="dark"] .std-curve-line {
    stroke: #72CEC5;
}

html[data-theme="dark"] .std-curve-area {
    opacity: .8;
}

html[data-theme="dark"] .std-curve-point {
    fill: #1B4654;
    stroke: #78B3CC;
}

html[data-theme="dark"] .std-curve-label,
html[data-theme="dark"] .std-curve-hours {
    color: #C5D5D9;
}

html[data-theme="dark"] .std-curve-note {
    background: #1B4654;
    border-color: rgba(185,220,232,.18);
}

html[data-theme="dark"] .std-curve-note p {
    color: #C5D5D9;
    opacity: .95;
}

html[data-theme="dark"] .std-curve-note i {
    color: #72CEC5;
}


/* BEFORE VISIT */

html[data-theme="dark"] .std-before-section {
    background:
        radial-gradient(
            circle at 20% 80%,
            rgba(114,206,197,.10),
            transparent 27%
        ),
        #102A35;
}

html[data-theme="dark"] .std-before-step {
    border-color: #72CEC5;
}

html[data-theme="dark"] .std-before-step h3 {
    color: #F5F8F6;
}

html[data-theme="dark"] .std-before-step p {
    color: #C5D5D9;
    opacity: .95;
}

html[data-theme="dark"] .std-primary-button {
    background: #72CEC5;
    color: #102A35;
}

html[data-theme="dark"] .std-secondary-button {
    background: #1B4654;
    border-color: #78B3CC;
    color: #F5F8F6;
}

html[data-theme="dark"] .std-final-note {
    color: #C5D5D9;
}

/* =========================================================
   MEDIVANA CONTACT — DARK MODE
   ========================================================= */


/* Main sections */

html[data-theme="dark"] .contact-page {
    background: #102A35;

    color: #F5F8F6;
}


html[data-theme="dark"] .contact-info-section,
html[data-theme="dark"] .urgent-section {
    background: #102A35;
}


html[data-theme="dark"] .contact-form-section {
    background:
        linear-gradient(
            180deg,
            #102A35,
            #153B49
        );
}


html[data-theme="dark"] .contact-location-section,
html[data-theme="dark"] .contact-final-section {
    background:
        linear-gradient(
            180deg,
            #153B49,
            #102A35
        );
}


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

html[data-theme="dark"] .contact-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(16,42,53,.94),
            rgba(16,42,53,.80),
            rgba(16,42,53,.42),
            rgba(16,42,53,.20)
        );
}


html[data-theme="dark"] .contact-hero h1 {
    color: #F5F8F6;
}


html[data-theme="dark"] .contact-hero h1 span {
    color: #72CEC5;
}


html[data-theme="dark"] .contact-hero p,
html[data-theme="dark"] .contact-hero-info span {
    color: #F5F8F6;
}


html[data-theme="dark"] .contact-hero .contact-eyebrow {
    color: #B9DCE8;
}


html[data-theme="dark"] .contact-primary-button {
    background: #78B3CC;

    color: #102A35;
}


html[data-theme="dark"] .contact-outline-button {
    border-color: #78B3CC;

    background: rgba(16,42,53,.35);

    color: #F5F8F6;
}


/* =========================================================
   HEADINGS
   ========================================================= */

html[data-theme="dark"]
.contact-section-heading h2,

html[data-theme="dark"]
.contact-form-intro h2,

html[data-theme="dark"]
.urgent-heading h2,

html[data-theme="dark"]
.contact-location-section h2,

html[data-theme="dark"]
.contact-final-section h2,

html[data-theme="dark"]
.contact-info-item h3,

html[data-theme="dark"]
.urgent-copy h3,

html[data-theme="dark"]
.location-detail-row h3 {
    color: #F5F8F6;
}


html[data-theme="dark"]
.contact-section-heading h2 span,

html[data-theme="dark"]
.contact-form-intro h2 span,

html[data-theme="dark"]
.urgent-heading h2 span,

html[data-theme="dark"]
.contact-location-section h2 span,

html[data-theme="dark"]
.contact-final-section h2 span {
    color: #72CEC5;
}


html[data-theme="dark"]
.contact-section-heading p,

html[data-theme="dark"]
.contact-form-intro > p,

html[data-theme="dark"]
.urgent-heading > p,

html[data-theme="dark"]
.contact-final-section p,

html[data-theme="dark"]
.contact-info-item p,

html[data-theme="dark"]
.urgent-copy > p,

html[data-theme="dark"]
.location-detail-row p {
    color: #C5D5D9;

    opacity: 1;
}


/* =========================================================
   ICONS
   ========================================================= */

html[data-theme="dark"] .contact-info-icon,
html[data-theme="dark"] .location-detail-row > i {
    background: #1B4654;

    color: #72CEC5;
}


html[data-theme="dark"] .contact-form-points i {
    background: #72CEC5;

    color: #102A35;
}


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

html[data-theme="dark"] .contact-field label {
    color: #F5F8F6;
}


html[data-theme="dark"] .contact-field input,
html[data-theme="dark"] .contact-field select,
html[data-theme="dark"] .contact-field textarea {
    background: #1B4654;

    border-color: rgba(185,220,232,.22);

    color: #F5F8F6;
}


html[data-theme="dark"]
.contact-field input::placeholder,

html[data-theme="dark"]
.contact-field textarea::placeholder {
    color: #C5D5D9;

    opacity: .72;
}


html[data-theme="dark"] .contact-field input:focus,
html[data-theme="dark"] .contact-field select:focus,
html[data-theme="dark"] .contact-field textarea:focus {
    border-color: #72CEC5;

    box-shadow:
        0 0 0 4px
        rgba(114,206,197,.14);
}


html[data-theme="dark"] .contact-submit-button,
html[data-theme="dark"] .urgent-submit-button {
    background: #78B3CC;

    color: #102A35;
}


/* =========================================================
   EMERGENCY
   ========================================================= */

html[data-theme="dark"] .contact-emergency-note {
    border-color:
        rgba(185,220,232,.18);

    color: #C5D5D9;
}


html[data-theme="dark"] .contact-emergency-note i {
    color: #F2B09C;
}


/* =========================================================
   URGENT SECTION
   ========================================================= */

html[data-theme="dark"] .urgent-copy {
    border-color: #F2B09C;
}


html[data-theme="dark"] .urgent-eyebrow,
html[data-theme="dark"] .urgent-number {
    color: #F2B09C;
}


html[data-theme="dark"] .urgent-support-line,
html[data-theme="dark"] .urgent-prescription-note {
    color: #C5D5D9;
}


html[data-theme="dark"] .urgent-support-line strong {
    color: #F5F8F6;
}


html[data-theme="dark"] .urgent-support-line i {
    color: #F2B09C;
}


html[data-theme="dark"] .urgent-prescription-note i {
    color: #78B3CC;
}


/* =========================================================
   MAP — ONLY CARD
   ========================================================= */

html[data-theme="dark"] .contact-map-card {
    background: #1B4654;

    border-color:
        rgba(185,220,232,.16);

    box-shadow:
        0 30px 75px rgba(0,0,0,.3);
}


html[data-theme="dark"] .usa-map-outline {
    background:
        linear-gradient(
            135deg,
            #1B4654,
            #153B49
        );
}


html[data-theme="dark"] .usa-map-grid {
    background-image:
        linear-gradient(
            rgba(185,220,232,.12) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(185,220,232,.12) 1px,
            transparent 1px
        );
}


html[data-theme="dark"] .usa-map-country {
    color:
        rgba(185,220,232,.48);
}


html[data-theme="dark"] .usa-map-label {
    color: #F5F8F6;
}


html[data-theme="dark"] .usa-map-location {
    background: #F2B09C;

    color: #102A35;
}


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

html[data-theme="dark"]
.contact-final-section
.contact-outline-button {
    border-color: #78B3CC;

    color: #F5F8F6;
}


html[data-theme="dark"] .contact-final-leaf,
html[data-theme="dark"] .contact-hero-leaf,
html[data-theme="dark"] .urgent-floating {
    color: #72CEC5;

    opacity: .25;
}

/* =========================================================
   MEDIVANA LOGIN — DARK MODE
   ========================================================= */

html[data-theme="dark"] .med-login-page {

    background:
        #102A35;

    color:
        #F5F8F6;

}


html[data-theme="dark"] .login-form-section {

    background:
        #102A35;

}


html[data-theme="dark"] .login-form-section::before {

    background:
        #153B49;

    opacity:
        .45;

}


/* =========================================================
   TOP CONTROLS
   ========================================================= */

html[data-theme="dark"] .login-control-button,
html[data-theme="dark"] .login-rtl-button {

    background:
        rgba(27,70,84,.75);

    border-color:
        rgba(185,220,232,.20);

    color:
        #F5F8F6;

}


html[data-theme="dark"] .login-control-button:hover,
html[data-theme="dark"] .login-rtl-button:hover {

    background:
        #72CEC5;

    color:
        #102A35;

    border-color:
        #72CEC5;

}


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

html[data-theme="dark"] .login-form-heading h2 {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .login-form-heading p {

    color:
        #C5D5D9;

    opacity:
        1;

}


html[data-theme="dark"] .login-form-eyebrow {

    color:
        #72CEC5;

}


html[data-theme="dark"] .login-field label {

    color:
        #F5F8F6;

}


/* =========================================================
   INPUTS
   ========================================================= */

html[data-theme="dark"] .login-input-wrapper input {

    background:
        #1B4654;

    border-color:
        rgba(185,220,232,.20);

    color:
        #F5F8F6;

}


html[data-theme="dark"] .login-input-wrapper input::placeholder {

    color:
        #C5D5D9;

    opacity:
        .72;

}


html[data-theme="dark"] .login-input-wrapper > i {

    color:
        #78B3CC;

}


html[data-theme="dark"] .login-input-wrapper input:focus {

    border-color:
        #72CEC5;

    box-shadow:
        0 0 0 4px rgba(114,206,197,.12);

}


html[data-theme="dark"] .login-password-toggle {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .login-password-toggle:hover {

    background:
        #153B49;

    color:
        #72CEC5;

}


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

html[data-theme="dark"] .login-remember {

    color:
        #C5D5D9;

}


html[data-theme="dark"] .login-forgot {

    color:
        #72CEC5;

}


/* =========================================================
   LOGIN BUTTON
   ========================================================= */

html[data-theme="dark"] .login-submit-button {

    background:
        #72CEC5;

    color:
        #102A35;

    box-shadow:
        0 15px 35px rgba(0,0,0,.28);

}


html[data-theme="dark"] .login-submit-button:hover {

    background:
        #78B3CC;

}


/* =========================================================
   DIVIDER
   ========================================================= */

html[data-theme="dark"] .login-divider span {

    background:
        rgba(185,220,232,.20);

}


html[data-theme="dark"] .login-divider strong {

    color:
        #C5D5D9;

}


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

html[data-theme="dark"] .login-social-button {

    background:
        #1B4654;

    border-color:
        rgba(185,220,232,.20);

    color:
        #F5F8F6;

}


html[data-theme="dark"] .login-social-button:hover {

    border-color:
        #72CEC5;

    box-shadow:
        0 12px 30px rgba(0,0,0,.25);

}


html[data-theme="dark"] .apple-login i {

    color:
        #F5F8F6;

}


/* =========================================================
   SIGNUP
   ========================================================= */

html[data-theme="dark"] .login-signup {

    color:
        #C5D5D9;

    opacity:
        1;

}


html[data-theme="dark"] .login-signup a {

    color:
        #72CEC5;

}


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

html[data-theme="dark"] .login-mobile-brand {

    color:
        #F5F8F6;

}


html[data-theme="dark"] .login-mobile-brand i {

    color:
        #72CEC5;

}


/* =========================================================
   ERROR
   ========================================================= */

html[data-theme="dark"] .login-error,
html[data-theme="dark"] .login-form-status.error {

    color:
        #FF8B8B;

}


/* =========================================================
   VALID
   ========================================================= */

html[data-theme="dark"] .login-input-wrapper.login-valid input {

    border-color:
        #72CEC5;

}
/* =========================================================
   MEDIVANA SIGNUP — DARK MODE
   ========================================================= */

html[data-theme="dark"] .signup-page {

    --signup-bg: #102A35;
    --signup-card: #153B49;

    --signup-primary: #78B3CC;
    --signup-deep: #B9DCE8;

    --signup-powder: #1B4654;

    --signup-teal: #72CEC5;

    --signup-peach: #F2B09C;

    --signup-text: #F5F8F6;

    --signup-muted: #C5D5D9;

    --signup-border: rgba(185,220,232,.18);

    --signup-error: #FF8D8D;

    background: #102A35;

    color: #F5F8F6;
}


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

html[data-theme="dark"]
.signup-form-section {

    background: #153B49;

    color: #F5F8F6;
}


/* =========================================================
   HEADING
   ========================================================= */

html[data-theme="dark"]
.signup-form-heading h2 {

    color: #F5F8F6;
}


html[data-theme="dark"]
.signup-form-heading p {

    color: #C5D5D9;
}


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

html[data-theme="dark"]
.signup-field label {

    color: #F5F8F6;
}


/* =========================================================
   INPUT
   ========================================================= */

html[data-theme="dark"]
.signup-input-wrapper input {

    background: #1B4654;

    color: #F5F8F6;

    border-color:
        rgba(185,220,232,.20);
}


html[data-theme="dark"]
.signup-input-wrapper input::placeholder {

    color: #B5C9CF;

    opacity: 1;
}


html[data-theme="dark"]
.signup-input-wrapper input:focus {

    background: #204F5E;

    border-color: #72CEC5;

    box-shadow:
        0 0 0 4px
        rgba(114,206,197,.14);
}


html[data-theme="dark"]
.signup-input-wrapper > i {

    color: #78B3CC;
}


html[data-theme="dark"]
.signup-password-toggle {

    color: #78B3CC;
}


html[data-theme="dark"]
.signup-password-toggle:hover {

    color: #72CEC5;
}


/* =========================================================
   TERMS
   ========================================================= */

html[data-theme="dark"]
.signup-checkbox-label {

    color: #F5F8F6;
}


html[data-theme="dark"]
.signup-checkbox-label a {

    color: #72CEC5;
}


/* =========================================================
   ERROR
   ========================================================= */

html[data-theme="dark"]
.signup-error {

    color: #FF9B9B;
}


/* =========================================================
   SUBMIT
   ========================================================= */

html[data-theme="dark"]
.signup-submit-button {

    background: #72CEC5;

    color: #102A35;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.25);
}


html[data-theme="dark"]
.signup-submit-button:hover {

    background: #B9DCE8;

    color: #102A35;
}


/* =========================================================
   DIVIDER
   ========================================================= */

html[data-theme="dark"]
.signup-divider span {

    background:
        rgba(185,220,232,.20);
}


html[data-theme="dark"]
.signup-divider strong {

    color: #C5D5D9;
}


/* =========================================================
   SOCIAL
   ========================================================= */

html[data-theme="dark"]
.signup-social-button {

    background: #1B4654;

    color: #F5F8F6;

    border-color:
        rgba(185,220,232,.20);
}


html[data-theme="dark"]
.signup-social-button:hover {

    background: #204F5E;

    border-color: #72CEC5;
}


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

html[data-theme="dark"]
.signup-login-text {

    color: #C5D5D9;
}


html[data-theme="dark"]
.signup-login-text a {

    color: #72CEC5;
}


/* =========================================================
   SUCCESS
   ========================================================= */

html[data-theme="dark"]
.signup-success-message {

    background:
        rgba(114,206,197,.13);

    color: #B9DCE8;
}


/* =========================================================
   TOP CONTROLS
   ========================================================= */

html[data-theme="dark"]
.signup-control-button {

    background: #1B4654;

    color: #F5F8F6;

    border-color:
        rgba(185,220,232,.20);
}


html[data-theme="dark"]
.signup-control-button:hover {

    background: #72CEC5;

    color: #102A35;
}

/* =========================================================
   MEDIVANA 404 — DARK MODE
   ========================================================= */


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

html[data-theme="dark"] .med-404-body {
    background: #102A35;

    color: #F5F8F6;
}


html[data-theme="dark"] .med-404-page {
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(114,206,197,.12),
            transparent 26%
        ),
        radial-gradient(
            circle at 85% 75%,
            rgba(120,179,204,.10),
            transparent 30%
        ),
        #102A35;
}


/* =========================================================
   CONTROLS
   ========================================================= */

html[data-theme="dark"] .med-404-control {
    background: #1B4654;

    border-color: rgba(185,220,232,.20);

    color: #B9DCE8;
}


html[data-theme="dark"] .med-404-control:hover {
    background: #72CEC5;

    color: #102A35;

    border-color: #72CEC5;
}


/* =========================================================
   NUMBERS
   ========================================================= */

html[data-theme="dark"] .med-404-number {
    color: #F5F8F6;

    text-shadow:
        0 20px 40px rgba(0,0,0,.28);
}


/* =========================================================
   BOTTLE
   ========================================================= */

html[data-theme="dark"] .med-404-bottle-cap {
    background: #72CEC5;

    border-color: #B9DCE8;
}


html[data-theme="dark"] .med-404-bottle-body {
    background: #1B4654;

    border-color: #72CEC5;

    box-shadow:
        0 25px 50px rgba(0,0,0,.35);
}


html[data-theme="dark"] .med-404-bottle-label {
    color: #F5F8F6;

    border-color: rgba(185,220,232,.22);
}


html[data-theme="dark"] .med-404-bottle-label i {
    color: #72CEC5;
}


html[data-theme="dark"] .med-404-bottle-plus {
    background: #72CEC5;

    color: #102A35;
}


/* =========================================================
   FLOATING ICONS
   ========================================================= */

html[data-theme="dark"] .med-404-float-icon {
    background: #1B4654;

    border-color: rgba(185,220,232,.18);

    color: #72CEC5;

    box-shadow:
        0 18px 35px rgba(0,0,0,.30);
}


html[data-theme="dark"] .float-capsule {
    color: #78B3CC;
}


html[data-theme="dark"] .float-plus {
    background: #F2B09C;

    color: #102A35;
}


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

html[data-theme="dark"] .med-404-text h1 {
    color: #F5F8F6;
}


html[data-theme="dark"] .med-404-text h1 span {
    color: #72CEC5;
}


html[data-theme="dark"] .med-404-text p {
    color: #C5D5D9;

    opacity: 1;
}


html[data-theme="dark"] .med-404-small-title {
    color: #78B3CC;
}


html[data-theme="dark"] .med-404-eyebrow {
    color: #72CEC5;
}


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

html[data-theme="dark"] .med-404-primary-btn {
    background: #72CEC5;

    color: #102A35;

    box-shadow:
        0 18px 35px rgba(0,0,0,.30);
}


html[data-theme="dark"] .med-404-primary-btn:hover {
    background: #B9DCE8;

    color: #102A35;
}


html[data-theme="dark"] .med-404-secondary-btn {
    background: transparent;

    border-color: #78B3CC;

    color: #B9DCE8;
}


html[data-theme="dark"] .med-404-secondary-btn:hover {
    background: #153B49;

    border-color: #72CEC5;

    color: #F5F8F6;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html[data-theme="dark"] .med-404-support {
    color: #C5D5D9;

    opacity: 1;
}


html[data-theme="dark"] .med-404-support i {
    color: #72CEC5;
}


/* =========================================================
   LEAVES
   ========================================================= */

html[data-theme="dark"] .med-404-leaf {
    color: #72CEC5;

    opacity: .16;
}

/* =========================================================
   MEDIVANA — COMING SOON DARK MODE
========================================================= */

html[data-theme="dark"] .coming-soon-page {

    --coming-bg: #102A35;
    --coming-card: #1B4654;

    --coming-primary: #78B3CC;
    --coming-deep: #B9DCE8;

    --coming-powder: #2B5665;
    --coming-teal: #72CEC5;
    --coming-peach: #F2B09C;

    --coming-text: #F5F8F6;
    --coming-muted: #C5D5D9;

    background:
        #102A35;

    color:
        #F5F8F6;
}



/* =========================================================
   CONTROLS
========================================================= */

html[data-theme="dark"]
.coming-control-button {

    background:
        rgba(27,70,84,.9);

    border-color:
        rgba(120,179,204,.3);

    color:
        #B9DCE8;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.18);
}



html[data-theme="dark"]
.coming-control-button:hover {

    background:
        #72CEC5;

    color:
        #102A35;
}



/* =========================================================
   BRAND
========================================================= */

html[data-theme="dark"]
.coming-brand {

    color:
        #F5F8F6;
}



html[data-theme="dark"]
.coming-brand i {

    color:
        #72CEC5;
}



/* =========================================================
   EYEBROW
========================================================= */

html[data-theme="dark"]
.coming-eyebrow {

    color:
        #78B3CC;
}



html[data-theme="dark"]
.coming-eyebrow-line {

    background:
        #72CEC5;
}



/* =========================================================
   TITLE
========================================================= */

html[data-theme="dark"]
.coming-title {

    color:
        #F5F8F6;
}



html[data-theme="dark"]
.coming-title span {

    color:
        #72CEC5;
}



/* =========================================================
   DESCRIPTION
========================================================= */

html[data-theme="dark"]
.coming-description {

    color:
        #F5F8F6;

    opacity: .94;
}



html[data-theme="dark"]
.coming-countdown-note {

    color:
        #C5D5D9;

    opacity: 1;
}



/* =========================================================
   CURVE
========================================================= */

html[data-theme="dark"]
.coming-animated-line path {

    stroke:
        #72CEC5;
}



html[data-theme="dark"]
.coming-line-dot {

    background:
        #F2B09C;
}



/* =========================================================
   COUNTDOWN
========================================================= */

html[data-theme="dark"]
.coming-time-unit strong {

    color:
        #F5F8F6;
}



html[data-theme="dark"]
.coming-time-unit span {

    color:
        #78B3CC;
}



html[data-theme="dark"]
.coming-time-separator {

    color:
        #72CEC5;
}



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

html[data-theme="dark"]
.coming-primary-button {

    background:
        #72CEC5;

    color:
        #102A35;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.25);
}



html[data-theme="dark"]
.coming-primary-button:hover {

    background:
        #B9DCE8;

    color:
        #102A35;
}



html[data-theme="dark"]
.coming-secondary-button {

    background:
        transparent;

    border-color:
        #78B3CC;

    color:
        #F5F8F6;
}



html[data-theme="dark"]
.coming-secondary-button:hover {

    background:
        #1B4654;

    color:
        #B9DCE8;
}



/* =========================================================
   BOTTOM MESSAGE
========================================================= */

html[data-theme="dark"]
.coming-bottom-message {

    color:
        #C5D5D9;
}



html[data-theme="dark"]
.coming-bottom-message i {

    color:
        #72CEC5;
}



/* =========================================================
   FLOATING ELEMENTS
========================================================= */

html[data-theme="dark"]
.coming-capsule {

    background:
        #1B4654;

    color:
        #78B3CC;
}



html[data-theme="dark"]
.coming-heart {

    background:
        rgba(114,206,197,.14);

    color:
        #72CEC5;
}



html[data-theme="dark"]
.coming-plus {

    background:
        rgba(242,176,156,.18);

    color:
        #F2B09C;
}



/* =========================================================
   LEAVES
========================================================= */

html[data-theme="dark"]
.coming-decoration {

    color:
        #72CEC5;

    opacity: .2;
}



/* =========================================================
   CURVES / DOTS
========================================================= */

html[data-theme="dark"]
.coming-curve {

    border-color:
        #2B5665;
}



html[data-theme="dark"]
.coming-dot {

    background:
        #F2B09C;
}
/* =========================================================
   HOME 1 — SECTION 2 JOURNEY
   DARK MODE OVERRIDES
========================================================= */

html[data-theme="dark"] .mv-trust-section {

    background: var(--med-bg);

}


html[data-theme="dark"] .mv-trust-heading
.mv-section-label {

    color: var(--med-primary);

}


html[data-theme="dark"] .mv-trust-heading h2 {

    color: #F5F8F6;

}


html[data-theme="dark"] .mv-trust-heading h2 span {

    color: #72CEC5;

}


html[data-theme="dark"] .mv-trust-heading-leaf {

    color: #72CEC5;

}


/* PATH */

html[data-theme="dark"]
.mv-trust-path-base {

    stroke:
        rgba(120,179,204,.22);

}


html[data-theme="dark"]
.mv-trust-path-progress {

    stroke: #72CEC5;

}


/* JOURNEY ITEMS */

html[data-theme="dark"]
.mv-trust-journey-item {

    background: transparent;

    border: 0;

    box-shadow: none;

}


/* NODE */

html[data-theme="dark"]
.mv-trust-node {

    background: #1B4654;

    border-color: #72CEC5;

    color: #78B3CC;

    box-shadow:
        0 0 0 9px
        rgba(16,42,53,.78);

}


html[data-theme="dark"]
.mv-trust-node::after {

    border-color: #72CEC5;

}


html[data-theme="dark"]
.mv-trust-journey-item:hover
.mv-trust-node {

    background: #72CEC5;

    color: #102A35;

    box-shadow:
        0 0 0 9px
        rgba(16,42,53,.78),
        0 12px 35px
        rgba(114,206,197,.20);

}


/* NUMBER */

html[data-theme="dark"]
.mv-trust-journey-number {

    color: #78B3CC;

    opacity: .16;

}


/* LABEL */

html[data-theme="dark"]
.mv-trust-mini-label {

    color: #72CEC5;

}


/* HEADING */

html[data-theme="dark"]
.mv-trust-journey-content h3 {

    color: #F5F8F6;

}


/* DESCRIPTION */

html[data-theme="dark"]
.mv-trust-journey-content p {

    color: #C5D5D9;

    opacity: .92;

}


/* CONNECTORS */

html[data-theme="dark"]
.mv-trust-journey-item::before {

    background:
        linear-gradient(
            90deg,
            transparent,
            #72CEC5
        );

    opacity: .45;

}


/* LEAVES */

html[data-theme="dark"]
.mv-trust-floating-leaf {

    color: #72CEC5;

    opacity: .16;

}


/* SCROLL NOTE */

html[data-theme="dark"]
.mv-trust-scroll-note span {

    background: #72CEC5;

}


html[data-theme="dark"]
.mv-trust-scroll-note small {

    color: #78B3CC;

}


/* MOBILE */

@media (max-width: 767px) {

    html[data-theme="dark"]
    .mv-trust-journey-content h3 {

        color: #F5F8F6;

    }


    html[data-theme="dark"]
    .mv-trust-journey-content p {

        color: #C5D5D9;

        opacity: .95;

    }

}

/* =========================================================
   MEDIVANA — CUSTOM CURSOR
   DARK MODE
   ========================================================= */

html[data-theme="dark"] {

    --med-cursor-dot:
        #B9DCE8;

    --med-cursor-ring:
        #78B3CC;

    --med-cursor-ring-soft:
        rgba(114, 206, 197, 0.18);

    --med-cursor-hover:
        #72CEC5;

    --med-cursor-click:
        #F2B09C;
}


/* Stronger visibility in dark mode */

html[data-theme="dark"]
.med-custom-cursor-ring {

    border-color:
        var(--med-cursor-ring);

    box-shadow:
        0 0 18px
        rgba(114, 206, 197, 0.08);
}


html[data-theme="dark"]
.med-custom-cursor-dot {

    background:
        var(--med-cursor-dot);
}


html[data-theme="dark"]
.med-custom-cursor-hover
.med-custom-cursor-ring {

    background:
        rgba(114, 206, 197, 0.10);

    border-color:
        #72CEC5;
}


html[data-theme="dark"]
.med-custom-cursor-hover
.med-custom-cursor-dot {

    background:
        #72CEC5;
}


html[data-theme="dark"]
.med-custom-cursor-click
.med-custom-cursor-ring {

    border-color:
        #F2B09C;
}


html[data-theme="dark"]
.med-custom-cursor-click
.med-custom-cursor-dot {

    background:
        #F2B09C;
}

/* =========================================================
   HOME 1 — SECTION 2 HEADING DARK MODE
   ========================================================= */

html[data-theme="dark"] .mv-trust-heading h2 {
    color: var(--med-text);
}

html[data-theme="dark"] .mv-trust-heading h2 span {
    color: var(--med-teal);
}

/* =========================================================
   LOGIN + SIGNUP
   BACK TO HOME — DARK MODE
   ========================================================= */


html[data-theme="dark"] .login-back-home {

    background:
        rgba(27,70,84,.92);

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.22);

    box-shadow:
        0 12px 30px rgba(0,0,0,.28);
}


html[data-theme="dark"] .login-back-home:hover {

    background:
        #72CEC5;

    color:
        #102A35;

    border-color:
        #72CEC5;
}


html[data-theme="dark"] .signup-back-home {

    background:
        rgba(27,70,84,.92);

    color:
        #F5F8F6;

    border-color:
        rgba(185,220,232,.22);

    box-shadow:
        0 12px 30px rgba(0,0,0,.28);
}


html[data-theme="dark"] .signup-back-home:hover {

    background:
        #72CEC5;

    color:
        #102A35;

    border-color:
        #72CEC5;
}