/* Quantity +/- controls */
@media (prefers-color-scheme: dark) {
    .quantity .input-btn-group button {
        border-color: #1e2a44;
        color: #ffffff;
    }

    .quantity .input-btn-group .rango-plus,
    .quantity .input-btn-group .rango-minus {
        color: #ffffff !important;
    }

    .quantity .input-btn-group input {
        background: #111c33;
        color: #e5e7eb;
        border-color: #1e2a44;
    }
}

body.dark-mode .quantity .input-btn-group button {
    border-color: #1e2a44;
    color: #ffffff;
}

body.dark-mode .quantity .input-btn-group .rango-plus,
body.dark-mode .quantity .input-btn-group .rango-minus {
    color: #ffffff !important;
}

body.dark-mode .quantity .input-btn-group input {
    background: #111c33;
    color: #e5e7eb;
    border-color: #1e2a44;
}

/* Customer account pages */
@media (prefers-color-scheme: dark) {
    .account-content,
    .account-layout,
    .account-heading,
    .account-table-content,
    .account-table-content label {
        color: #e5e7eb;
    }

    .account-heading {
        color: #ffffff !important;
    }

    .account-table-content.profile-page-content .table > table,
    .account-table-content.profile-page-content .table td {
        color: #e5e7eb !important;
        border-color: #1e2a44;
    }

    .account-content .customer-sidebar .customer-name-text,
    .account-content .customer-sidebar .navigation li,
    .account-content .customer-sidebar .navigation li a {
        color: #e5e7eb;
    }

    .account-content .customer-sidebar .customer-email {
        color: #94a3b8;
    }
}

body.dark-mode .account-content,
body.dark-mode .account-layout,
body.dark-mode .account-table-content,
body.dark-mode .account-table-content label {
    color: #e5e7eb;
}

body.dark-mode .account-heading {
    color: #ffffff !important;
}

body.dark-mode .account-table-content.profile-page-content .table > table,
body.dark-mode .account-table-content.profile-page-content .table td {
    color: #e5e7eb !important;
    border-color: #1e2a44;
}

/* Header: locale, account, mini-cart */
@media (prefers-color-scheme: dark) {
    #top,
    #top .btn-link,
    #top .dropdown,
    #top .locale-switcher,
    #account .welcome-content,
    #account .welcome-content span,
    #account .material-icons,
    #mini-cart,
    #mini-cart .mini-cart-content,
    #mini-cart .cart-text,
    #mini-cart .material-icons,
    #mini-cart .material-icons-outlined,
    .mini-cart-btn .rango-arrow-down,
    .customer-sidebar .customer-name-text {
        color: #ffffff !important;
    }

    #top .locale-switcher {
        background: transparent !important;
    }
}

body.dark-mode #top,
body.dark-mode #top .btn-link,
body.dark-mode #top .locale-switcher,
body.dark-mode #account .welcome-content,
body.dark-mode #account .material-icons,
body.dark-mode #mini-cart,
body.dark-mode #mini-cart .cart-text,
body.dark-mode #mini-cart .material-icons-outlined,
body.dark-mode .customer-sidebar .customer-name-text {
    color: #ffffff !important;
}

/* Account dropdown menu */
@media (prefers-color-scheme: dark) {
    #account .dropdown-list {
        background-color: #0f172a;
    }

    #account .dropdown-list .dropdown-label,
    #account .dropdown-list .dropdown-container ul li a,
    #account .dropdown-list .dropdown-container ul li a.unset {
        color: #ffffff !important;
    }

    #account .dropdown-list .dropdown-label {
        border-bottom-color: #1e2a44;
    }

    #account .dropdown-list .dropdown-container ul li a:hover {
        background-color: #111c33;
        color: #ffffff !important;
    }
}

body.dark-mode #account .dropdown-list .dropdown-label,
body.dark-mode #account .dropdown-list .dropdown-container ul li a,
body.dark-mode #account .dropdown-list .dropdown-container ul li a.unset {
    color: #ffffff !important;
}