/*Write your custom css in this file.*/

/* ============================================
   Status colored dots (e.g. Service Status)
   برای نمایش نقطه رنگی کنار وضعیت (فعال، در انتظار، منقضی)
   ============================================ */
.status-dot-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.status-dot-wrap::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.status-dot-wrap.status-active::before {
    background-color: #22c55e; /* سبز - Active */
}
.status-dot-wrap.status-pending::before {
    background-color: #f59e0b; /* قرمز - Pending */
}
.status-dot-wrap.status-expired::before {
    background-color: #ef4444; /* نارنجی/کهربایی - Expired */
}
.cart-grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    max-height: 375px;
    min-height: 375px;
}