/* ============================================================================
   order-modern.css — Sifariş səhifələri üçün brend qatı (ADDITIV)
   ----------------------------------------------------------------------------
   Bu fayl orders.css və order-detail.css-dən SONRA yüklənir. Mövcud stilləri
   silmir; yalnız off-brend rəngləri (köhnə indiqo #1e2a78, Temu qırmızı/yaşıl,
   sərt hex-lər) design-system.css token-lərinə (--pz-*) yönləndirir.

   Qorunan semantika:
     • Ləğv / sil / xəta            → qırmızı (--pz-danger)
     • Uğur / çatdırıldı statusu    → yaşıl  (--pz-success)
     • Xəbərdarlıq / gözləyir       → amber  (--pz-warning)
   Brend rolları (aktiv menyu, əsas düymələr, izləmə xətti, linklər) → mavi.
   ========================================================================== */

/* ===========================================================================
   1) SİFARİŞ SİYAHISI  (order/index — orders.css override)
   ======================================================================== */

/* Breadcrumb aktiv — qırmızı yerinə brend mavi */
.breadcrumb-custom .breadcrumb-item.active {
    color: var(--pz-primary);
}

/* Yan menyu — köhnə indiqo rgb(30,42,120) → brend mavi */
.sidebar-item:hover {
    background-color: var(--pz-primary-tint);
}
.sidebar-item.active {
    background-color: var(--pz-primary-tint);
    color: var(--pz-primary-700);
    border-left-color: var(--pz-primary);
}
.sidebar-item.active .sidebar-badge {
    background: var(--pz-primary);
    color: #fff;
}

/* Sifariş məbləği — qırmızı yerinə tünd, brend vurğulu */
.order-price {
    color: var(--pz-ink);
}

/* Kart və header kənarlıqları — brend xətt tonu */
.order-card {
    border-color: var(--pz-line);
}
.order-header,
.order-footer {
    border-color: var(--pz-line-2);
}

/* Detallar düyməsi — brend mavi outline */
.btn-view-details {
    color: var(--pz-primary);
    border-color: var(--pz-primary);
}
.btn-view-details:hover {
    background: var(--pz-primary);
    color: #fff;
}

/* İzləmə düyməsi (siyahıda) — neytral, brend hoverli */
.btn-track:hover {
    border-color: var(--pz-primary);
    color: var(--pz-primary);
    background: var(--pz-primary-tint);
}

/* Boş vəziyyət düyməsi — köhnə indiqo → brend qradiyent */
.btn-start-shopping {
    background: var(--pz-grad-primary);
    box-shadow: var(--pz-shadow-primary);
}
.btn-start-shopping:hover {
    background: var(--pz-grad-primary);
    box-shadow: 0 12px 28px rgba(30, 42, 120, .38);
}

/* Status nişanları — semantik saxlanılır, tonlar token-lərə bağlanır */
.status-customs {
    background: var(--pz-warning-tint);
    color: #9a6a00;
    border-color: #f3d18a;
}
.status-delivered {
    background: var(--pz-success-tint);
    color: var(--pz-success);
    border-color: #a7dcbb;
}

/* Sifariş xəbərdarlıq banneri (istifadə olunarsa) — brend vurğu */
.alert-icon {
    background: var(--pz-primary);
}

/* ===========================================================================
   2) SİFARİŞ DETALI  (order/show — order-detail.css override)
   ======================================================================== */

/* --- Yuxarı proqres xətti: "tamamlanmış" addımlar yaşıl → brend mavi --- */
.od-step.is-done:not(:last-child)::after {
    background: var(--pz-primary);
}
.od-step.is-done .od-step__dot {
    background: var(--pz-primary);
    color: #fff;
}
.od-step.is-current .od-step__dot {
    box-shadow: 0 0 0 4px var(--pz-primary-tint-2);
}

/* --- Status nişanları (od-badge) — indiqo primary → brend, qalanı semantik --- */
.od-badge--primary {
    background: var(--pz-primary-tint);
    color: var(--pz-primary-700);
}
.od-badge--info {
    background: var(--pz-info-tint);
    color: var(--pz-primary-700);
}
.od-badge--success {
    background: var(--pz-success-tint);
    color: var(--pz-success);
}
.od-badge--warning {
    background: var(--pz-warning-tint);
    color: #9a6a00;
}
.od-badge--danger {
    background: var(--pz-danger-tint);
    color: var(--pz-danger);
}

/* --- Məhsul adı hover — qırmızı yerinə brend mavi (bu link, destruktiv deyil) --- */
.od-item__name:hover {
    color: var(--pz-primary) !important;
}

/* --- Kart kənarlıqları --- */
.od-card {
    border-color: var(--pz-line);
}

/* --- Ləğv bloku qırmızı qalır (destruktiv) — toxunulmur --- */