:root {
    --main-bg: #F4F4F4;
    --dark-bg: #0d090a;
    --namfa-primary-color: #BC1544;
    --primary-red: #e6123d;
    --soft-pink: #f2d5da;
    --gray-light: #eff3f6;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.main-color-text {
    color: var(--namfa-primary-color) !important;
    font-weight: bold;
}

.auth-container {
    max-width: 450px;
    margin-top: 50px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* نمایش کاربر در بالا */
.user-status {
    position: fixed;
    top: 15px;
    left: 20px;
    z-index: 9999;
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    font-size: 0.95rem;
    display: none;
}

.user-status.show { display: block; }

/*-------------------جزئیات سفارش-------------------*/
پ.order-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 12px; padding: 20px; }
.order-status { font-size: 1.1rem; font-weight: bold; }
.status-paid { color: #28a745; }
.status-pending { color: #ffc107; }
.status-canceled { color: #dc3545; }
.item-image { width: 80px; height: 80px; object-fit: cover; border-radius: 8px; }
.summary-box { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 12px; padding: 20px; }
.tracking-steps { margin: 30px 0; }
.step { text-align: center; position: relative; }
.step.active .circle { background: #28a745; color: white; }
.step.active .label { color: #28a745; font-weight: bold; }
.circle { width: 40px; height: 40px; border-radius: 50%; background: #e9ecef; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; font-weight: bold; }
.line { position: absolute; top: 20px; left: 50%; right: -50%; height: 2px; background: #e9ecef; z-index: -1; }
.line.active { background: #28a745; }
@media (max-width: 768px) { .line { display: none; } .step { margin-bottom: 20px; } }
/*--------------------------------------my orders----------------------*/
.page-title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px 20px;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 30px;
}
.filter-box {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
}
.status-badge {
    font-size: 0.8rem;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 500;
}
.status-delivered   { background: #d4edda; color: #155724; }
.status-processing  { background: #fff3cd; color: #856404; }
.status-shipped     { background: #d1ecf1; color: #0c5460; }
.status-canceled    { background: #f8d7da; color: #721c24; }
.empty-state {
    text-align: center;
    padding: 80px 20px;
    color: #6c757d;
}
.empty-state i { font-size: 4.5rem; color: #dee2e6; margin-bottom: 20px; }
.table thead { background: #f8f9fa; }
@media (max-width: 768px) {
    .filter-box .col-md-4 { margin-bottom: 15px; }
}
/*----------------------Search Page ----------------*/
.text-truncate-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.discount-badge {
    /*position: absolute;*/
    top: 10px; right: 10px;
    background: #dc3545; color: white;
    padding: 4px 8px; border-radius: 6px; font-size: 0.8rem; font-weight: bold; z-index: 2;
}
.product-image { height: 180px; object-fit: contain; padding: 10px; background: #f9f9f9; }
.price-discount { font-size: 1.1rem; font-weight: bold; color: #dc3545; }
.original-price-del { color: #6c757d; font-size: 0.9rem; }