/*
 * DMS Modern: fixes for the standard_cart pages (view cart, checkout) that this order form inherits.
 * The dms client theme styles the pieces but leaves the layout cramped with the sidebar open.
 */

/* Cart and checkout: drop the category sidebar, give the page the full width */
.row:has(#frmCheckout, .view-cart-items) > .cart-sidebar {
    display: none;
}

.row:has(#frmCheckout, .view-cart-items) > .cart-body {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

#order-standard_cart .cart-body .header-lined h1 {
    font-size: 28px;
}

/* Cart items */
#order-standard_cart .view-cart-items .item {
    background: var(--bg);
    padding: 16px 20px;
}

#order-standard_cart .view-cart-items .item:hover {
    background: var(--bg-muted);
}

#order-standard_cart .view-cart-items .item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--text);
}

#order-standard_cart .view-cart-items .item-title a {
    font-size: 14px;
    font-weight: 500;
    margin-left: 6px;
}

#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-domain {
    font-size: 13px;
    color: var(--text-muted);
}

#order-standard_cart .view-cart-items .item-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-muted);
}

#order-standard_cart .view-cart-items .btn-remove-from-cart {
    color: var(--text-muted);
}

#order-standard_cart .view-cart-items .btn-remove-from-cart:hover {
    color: var(--error);
}

#order-standard_cart .empty-cart .btn {
    font-size: 14px;
}

/* Order summary */
#order-standard_cart .order-summary h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 14px 16px;
    margin: 0;
}

#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.02em;
}

#order-standard_cart .order-summary .btn-checkout {
    font-size: 15px;
    font-weight: 500;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    font-size: 14px;
}

/* Promo and tax tabs */
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
    font-size: 14px;
}

/* Stack summary under the items on tablets so neither is squeezed */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .row:has(.view-cart-items) .secondary-cart-sidebar,
    .row:has(.view-cart-items) .cart-body > .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}