/* ══════════════════════════════════════════════════════════════
   العروض المقدَّمة على طلب منشور — مرئية لكل الزوار.
   إضافة فوق listing.css (المرجع المعتمد) بلا تعديل عليه.
   ══════════════════════════════════════════════════════════════ */

.rq-offers {
    display: grid;
    gap: 14px;
}

.rq-offer {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid #E5E7EB;
    border-radius: var(--radius-md, 12px);
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.rq-offer:hover {
    border-color: var(--brand-primary, #089497);
    box-shadow: 0 4px 14px rgba(8, 148, 151, .09);
}

/* ── هوية منفذ الخدمة ─────────────────────────────── */

.rq-offer-provider {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.rq-offer-provider img,
.rq-offer-provider .av-initial {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* البديل النصي: الحرف الأول بلون ثابت مشتق من المعرّف */
.rq-offer-provider .av-initial {
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
}

.rq-offer-who {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.rq-offer-who strong {
    color: var(--brand-secondary, #04294D);
    font-size: .96rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rq-offer-who small {
    color: var(--text-muted, #6B7280);
    font-size: .82rem;
}

.rq-offer-who small .fa-star {
    color: #F59E0B;
    margin-inline-end: 3px;
}

/* ── نص العرض ─────────────────────────────────────── */

.rq-offer-note {
    margin: 0;
    color: var(--text-muted, #6B7280);
    font-size: .89rem;
    line-height: 1.7;
}

/* ── المبلغ والمدة ────────────────────────────────── */

.rq-offer-figures {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px dashed #E5E7EB;
}

.rq-offer-figures span {
    display: grid;
    gap: 2px;
    flex: 1 1 130px;
}

.rq-offer-figures small {
    color: var(--text-muted, #6B7280);
    font-size: .78rem;
}

.rq-offer-figures b {
    color: var(--brand-secondary, #04294D);
    font-size: .98rem;
    font-variant-numeric: tabular-nums;
}

/* المبلغ هو المعلومة الأهم في البطاقة */
.rq-offer-figures span:first-child b {
    color: var(--brand-primary, #089497);
    font-size: 1.08rem;
}

@media (max-width: 480px) {
    .rq-offer-figures span {
        flex-basis: 100%;
    }
}