/* /Editors/Cart.razor.rz.scp.css */
.CartPage[b-akszmn8wy2] {
    --cart-text: #22292F; /* GreyBlack */
    --cart-muted: #606F7B; /* GreyDarker */
    --cart-border: #DAE1E7; /* GreyLight */
    --cart-header-bg: #F1F5F8; /* GreyLighter */
    --cart-hover: #F8FAFC; /* GreyLightest */
    --cart-link: #2779BD; /* BlueDark */
    --cart-primary: #3490DC; /* BlueBase */
    --cart-primary-hover: #2779BD; /* BlueDark */

    max-width: 900px;
    color: var(--cart-text);
}

.app-dark .CartPage[b-akszmn8wy2] {
    --cart-text: #F1F5F8; /* GreyLighter */
    --cart-muted: #B8C2CC; /* GreyBase */
    --cart-border: #3D4852; /* GreyDarkest */
    --cart-header-bg: #3D4852; /* GreyDarkest */
    --cart-hover: #3D4852; /* GreyDarkest */
    --cart-link: #6CB2EB; /* BlueLight */
}

/* Heading */

.page-title[b-akszmn8wy2] {
    margin: 0 0 .25rem;
    font-size: 1.75rem;
    font-weight: 700;
}

.separator-2[b-akszmn8wy2] {
    height: 1px;
    margin: .75rem 0 1.25rem;
    background: var(--cart-border);
}

/* Cart table */

.cart[b-akszmn8wy2] {
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: collapse;
    font-size: .95rem;
}

    .cart thead th[b-akszmn8wy2] {
        padding: .6rem .75rem;
        background: var(--cart-header-bg);
        border-bottom: 2px solid var(--cart-border);
        color: var(--cart-muted);
        text-align: left;
        font-size: .8rem;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .cart tbody td[b-akszmn8wy2] {
        padding: .55rem .75rem;
        border-bottom: 1px solid var(--cart-border);
        vertical-align: middle;
    }

    .cart tbody tr:hover td[b-akszmn8wy2] {
        background: var(--cart-hover);
    }

/* Right-aligned numeric columns */
.amount[b-akszmn8wy2] {
    text-align: right;
    white-space: nowrap;
}

/* Product header row (name + delete) */

.product-line[b-akszmn8wy2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .product-line a[b-akszmn8wy2] {
        color: var(--cart-link);
        text-decoration: none;
    }

        .product-line a:hover[b-akszmn8wy2] {
            text-decoration: underline;
        }

    .product-line .delete[b-akszmn8wy2] {
        color: var(--cart-muted);
        white-space: nowrap;
    }

        .product-line .delete i[b-akszmn8wy2] {
            margin-right: .35rem;
        }

/* Line items */

.item-indent[b-akszmn8wy2] {
    padding-left: 1.5rem;
}

.item-comment[b-akszmn8wy2] {
    color: var(--cart-muted);
}

/* Total row */

.sum-row td[b-akszmn8wy2] {
    padding-top: .9rem;
    border-top: 2px solid var(--cart-border);
    border-bottom: none;
    font-size: 1.05rem;
    font-weight: 700;
}

.total-quantity[b-akszmn8wy2] {
    text-align: right;
}

.total-amount[b-akszmn8wy2] {
    text-align: right;
    white-space: nowrap;
}

/* Action buttons */

.actions[b-akszmn8wy2] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1rem;
}

.btn[b-akszmn8wy2] {
    display: inline-block;
    padding: .5rem 1.25rem;
    border: 1px solid var(--cart-border);
    border-radius: 4px;
    background: transparent;
    color: var(--cart-text);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

    .btn:hover[b-akszmn8wy2] {
        border-color: var(--cart-primary);
        color: var(--cart-primary);
        text-decoration: none;
    }

.btn-primary[b-akszmn8wy2] {
    border-color: var(--cart-primary);
    background: var(--cart-primary);
    color: #fff;
}

    .btn-primary:hover[b-akszmn8wy2] {
        background: var(--cart-primary-hover);
        border-color: var(--cart-primary-hover);
        color: #fff;
    }