/* Travel packages listing — extends camps-listing layout */
.packages-listing-page {
    background: #f4f5f7;
}

.tp-type-icon--hajj {
    color: #b45309;
}

.tp-type-icon--umrah {
    color: #0d9488;
}

.tp-listing-card__badge--hajj {
    background: linear-gradient(135deg, #d97706, #b45309);
}

.tp-listing-card__badge--umrah {
    background: linear-gradient(135deg, #14b8a6, #0d9488);
}

.tp-listing-card__price-row {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.85rem 1rem 0;
}

.tp-listing-card__price {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0d9f6e;
    line-height: 1;
}

.tp-listing-card__price-suffix {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
}

.tp-listing-card__features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    padding: 0 1rem 0.5rem;
    margin-top: auto;
}

.tp-listing-card__feature {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #374151;
    background: #f3f4f6;
    border-radius: 6px;
    padding: 0.25rem 0.45rem;
    max-width: 100%;
}

.tp-listing-card__feature i {
    color: #c52327;
    font-size: 0.72rem;
}

/* List view: horizontal card layout */
.packages-listing-page.camps-listing-page--list .tp-listing-card {
    flex-direction: row;
}

@media (min-width: 768px) {
    .packages-listing-page.camps-listing-page--list .tp-listing-card {
        flex-direction: row;
    }

    .packages-listing-page.camps-listing-page--list .camps-listing-card__media {
        width: 38%;
        min-width: 220px;
        flex-shrink: 0;
    }

    .packages-listing-page.camps-listing-page--list .camps-listing-card__inner {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .packages-listing-page.camps-listing-page--list .camps-listing-card__media img {
        height: 100%;
        min-height: 200px;
    }
}

@media (max-width: 575.98px) {
    .tp-listing-card__price {
        font-size: 1.15rem;
    }
}
