/* Light cart/checkout panels inside the Muse Garage dark website. */
.mg-commerce {
    color-scheme: light;
    color: #1f2937;
    background: #f5f5f5;
    width: 100%;
    min-width: 0;
}

.mg-commerce :is(.cart, .checkout, .checkout-shop-confirmation) {
    color: #1f2937;
    background: #f5f5f5;
}

.mg-commerce :is(.cart-card, .checkout-section, .order-summary, .payment-box) {
    color: #1f2937;
    background: #fff;
    border-color: #d1d5db;
}

.mg-commerce :is(h1, h2, h3, h4, h5, h6, p, label, span, small, strong, b, li, th, td, a) {
    color: inherit;
}

.mg-commerce .text-white {
    color: #1f2937 !important;
}

.mg-commerce :is(.text-muted, .form-text, .form-check-label.small) {
    color: #52606d !important;
}

.mg-commerce :is(.form-control, .form-select, input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), select, textarea) {
    color: #1f2937;
    -webkit-text-fill-color: #1f2937;
    background-color: #fff;
    border-color: #9ca3af;
    color-scheme: light;
}

.mg-commerce :is(input, textarea)::placeholder {
    color: #626b75;
    -webkit-text-fill-color: #626b75;
    opacity: 1;
}

.mg-commerce select option {
    color: #1f2937;
    background: #fff;
}

.mg-commerce :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: #d90913;
}

.mg-commerce :is(.delivery-option, .billingaddress, .pickuplocation) {
    color: #1f2937;
    background: #fff;
    border-color: #9ca3af;
}

.mg-commerce :is(.delivery-option, .billingaddress, .pickuplocation).active {
    color: #1f2937;
    background: #fff5f5;
    border-color: #d90913;
}

.mg-commerce :is(.table, .cart-table) {
    --bs-table-color: #1f2937;
    --bs-table-bg: #fff;
    --bs-table-striped-color: #1f2937;
    --bs-table-striped-bg: #f3f4f6;
    --bs-table-hover-color: #1f2937;
    --bs-table-hover-bg: #f3f4f6;
    --bs-table-border-color: #d1d5db;
    color: #1f2937;
    background: #fff;
}

.mg-commerce .table > :not(caption) > * > * {
    color: #1f2937;
    border-color: #d1d5db;
}

.mg-commerce :is(.subtotal, .shippingfee, .total, .total-row, .row-total, .price, #grandTotal) {
    color: #1f2937;
}

.mg-commerce .btn {
    color: #1f2937;
    box-shadow: none;
}

.mg-commerce :is(.btn-primary, .btn-payment) {
    color: #fff !important;
    background: #d90913;
    border-color: #d90913;
}

.mg-commerce :is(.btn-primary, .btn-payment):is(:hover, :focus-visible, :active) {
    color: #fff !important;
    background: #b50710;
    border-color: #b50710;
}

.mg-commerce :is(.btn-default, .btn-shop-pay, .btn-outline-secondary) {
    color: #1f2937 !important;
    background: #fff;
    border-color: #6b7280;
}

.mg-commerce :is(.btn-default, .btn-shop-pay, .btn-outline-secondary):is(:hover, :focus-visible, :active) {
    color: #fff !important;
    background: #1f2937;
    border-color: #1f2937;
}

.mg-commerce .btn-outline-danger {
    color: #b91c1c !important;
    background: #fff;
    border-color: #b91c1c;
}

.mg-commerce .btn-outline-danger:is(:hover, :focus-visible, :active) {
    color: #fff !important;
    background: #b91c1c;
    border-color: #b91c1c;
}

.mg-commerce :is(.badge, .qty-badge) {
    color: #fff !important;
    background-color: #1f2937 !important;
}

.mg-commerce :is(.text-danger, .invalid-feedback) {
    color: #b91c1c !important;
}

.mg-commerce :is(.text-success, .valid-feedback, .voucher-applied-note) {
    color: #166534 !important;
}

.mg-commerce .alert-danger {
    color: #842029;
    background: #f8d7da;
}

.mg-commerce .alert-success {
    color: #0f5132;
    background: #d1e7dd;
}

.mg-commerce .alert-info {
    color: #055160;
    background: #cff4fc;
}

.mg-commerce .alert-warning {
    color: #664d03;
    background: #fff3cd;
}

.mg-commerce a:not(.btn) {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mg-commerce :is(button, a, input, select, textarea):focus-visible {
    outline: 2px solid #b50710;
    outline-offset: 3px;
}

.mg-commerce hr {
    color: #9ca3af;
    opacity: 1;
}