.cart {
    padding: 3rem 0;
    background: transparent;
}

.cart-item-image{
    width: auto;
    max-height: 100px;
    margin-bottom: 1rem;
}

.navbar-logo {
    width: 40px;
    height: 40px;
}

.cart-navbar {
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--forge-line-soft);
    min-height: 70px;
}

.cart-navbar .navbar-brand {
    margin: 0;
    font-weight: 700;
}

.cart-navbar .navbar-title {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    background: var(--accent-gradient-soft);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cart-navbar .nav-link {
    color: #ddd6cc;
    -webkit-text-fill-color: currentColor;
    padding: 0.45rem 0.8rem;
    border-radius: 0.45rem;
}

.cart-navbar .nav-link:hover {
    color: #fff;
    background: rgba(242, 173, 78, 0.14);
}

.cart-panel {
    border-radius: 1rem;
}


.cart-item-thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.glass {
    background: rgba(24, 25, 28, 0.92);
    border: 1px solid var(--forge-line-soft);
    box-shadow: var(--forge-shadow);
}

.muted {
    color: var(--forge-muted);
}

.order-card-header {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
}

.order-id-badge {
    width: 42px;
    height: 42px;
    font-size: 12px;
    color: #ff8c00;
    border: 1.5px solid rgba(255, 140, 0, 0.35);
    background: rgba(255, 140, 0, 0.12);
}

.order-title {
    font-size: 15px;
}

.order-muted {
    color: rgba(255, 255, 255, 0.4);
}

.order-delivery-bar {
    color: rgba(255, 255, 255, 0.4);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 140, 0, 0.04);
}

.order-delivery-date {
    color: rgba(255, 255, 255, 0.6);
}

.order-items-table {
    --bs-table-bg: transparent;
    --bs-table-color: #fff;
    --bs-table-border-color: rgba(255, 255, 255, 0.06);
}

.order-items-table thead {
    background: rgba(255, 255, 255, 0.03);
}

.order-table-head {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
}

.order-col-price {
    width: 120px;
}

.order-col-qty {
    width: 70px;
}

.order-col-total {
    width: 110px;
}

.order-totals-footer {
    border-top: 0.5px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.15);
}

.order-totals-box {
    min-width: 210px;
}

.order-divider {
    border-color: rgba(255, 255, 255, 0.12);
}

.order-empty-state {
    color: rgba(255, 255, 255, 0.35);
}

.order-empty-icon {
    opacity: 0.4;
    font-size: 32px;
    margin-bottom: 0.75rem;
}