/* Таб „Моите запитвания" — /profile/requests
   Пази стила на „Моите резервации". Ако имаш общи класове за карти, ползвай тях
   и махни оттук каквото се дублира. */

.req-card {
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    margin: 0 0 16px 0;
    overflow: hidden;
}

.req-card-head {
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    font-size: 14px;
}

.req-card-body { padding: 14px 16px; }
.req-card-body p { margin: 0 0 6px 0; }

.req-card-foot {
    padding: 12px 16px;
    border-top: 1px solid #eef1f4;
    text-align: right;
}

.req-badge {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
}
.req-badge-green { background: #e6f4ea; color: #16794a; }
.req-badge-grey  { background: #eef1f4; color: #5a6470; }

.req-offers-count { color: #16794a; font-weight: bold; }

.req-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #ff6600;
    color: #fff !important;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}
.req-btn:hover { background: #e65c00; }

/* --- Детайл --- */

.req-summary {
    background: #f7f9fb;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0 0 18px 0;
}
.req-summary p { margin: 0 0 5px 0; }

.req-ok { color: #16794a; }

.req-valid-note {
    background: #f7f9fb;
    border-left: 4px solid #16794a;
    padding: 9px 14px;
    margin: 0 0 16px 0;
    font-size: 13px;
    color: #44506080;
}

/* Изтекла валидност: сиво, не червено — офертата не е грешка, просто е стара. */
.req-expired-note {
    background: #f3f4f6;
    border-left: 4px solid #98a2b3;
    padding: 11px 15px;
    margin: 0 0 16px 0;
    font-size: 13px;
    color: #475467;
}

.req-offer {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0 0 12px 0;
}
.req-offer-expired { opacity: .72; }

.req-offer-main { flex: 1 1 300px; }
.req-offer-main p { margin: 0 0 4px 0; }
.req-offer-name  { font-weight: bold; }
.req-offer-room,
.req-offer-dates { font-size: 13px; color: #5a6470; }

.req-last-room {
    margin-top: 6px !important;
    font-size: 13px;
    color: #b54708;
}

.req-offer-side { flex: 0 0 auto; text-align: right; }
.req-offer-price {
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 2px 0;
}
.req-offer-note {
    font-size: 12px;
    color: #667085;
    margin: 0 0 10px 0;
}

.req-empty,
.req-pending {
    background: #f7f9fb;
    border-radius: 8px;
    padding: 22px;
    text-align: center;
}

.req-muted { color: #98a2b3; font-size: 13px; }

/* Повечето клиенти идват от push известие на телефона. */
@media (max-width: 620px) {
    .req-offer { flex-direction: column; align-items: stretch; }
    .req-offer-side { text-align: left; }
    .req-btn { display: block; text-align: center; }
}