/* ===========================
   Cart Page Styles
=========================== */

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background-color: #0f172a;
    color: #e2e8f0;
    direction: rtl;
}

/* عنوان */
.section-title {
    font-size: 24px;
    font-weight: bold;
    color: #38bdf8;
    border-right: 4px solid #38bdf8;
    padding-right: 12px;
    margin-bottom: 30px;
}

/* جدول */
.cart-table-wrapper {
    max-height: 400px;   /* اسکرول داخلی */
    overflow-y: auto;
    border: 1px solid #334155;
    border-radius: 8px;
    background-color: #1e293b; /* بک‌گراند تیره هماهنگ با پالت */
}

.cart-table {
    width: 100%;
    margin: 0;
    color: #e2e8f0;
}

.cart-table thead {
    background-color: #334155;
    color: #38bdf8;
}

.cart-table th, .cart-table td {
    padding: 12px;
    vertical-align: middle;
}

.cart-img {
    width: 80px;
    border-radius: 8px;
}

/* کنترل تعداد */
.quantity-control button {
    padding: 2px 10px;
    background-color: #38bdf8;   /* بک‌گراند آبی روشن */
    color: #0f172a;              /* متن تیره برای وضوح */
    border: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.quantity-control button:hover {
    background-color: #0ea5e9;   /* آبی پررنگ‌تر هنگام hover */
    color: #fff;                 /* متن سفید روی آبی پررنگ */
}


/* جمع کل */
.cart-summary h4 {
    color: #38bdf8;
}

.cart-actions .btn {
    min-width: 160px;
}

/* افکت hover روی ردیف‌ها */
.cart-table tbody tr {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cart-table tbody tr:hover {
    background-color: #0f172a;
    color: #38bdf8;
}