/*
 * Tour card meta row — "3 Days   2 Nights   From USD 1,300".
 *
 * Several earlier stylesheets styled this differently depending on context
 * (homepage tours grid, luxury/mid-range pages, archive listings), and one
 * even hid it entirely outside the homepage. This is the single, final
 * style applied everywhere the row appears — simple, quiet, and consistent.
 */

.tour-card__metarow,
.tour-card:not(.blog-card) .tour-card__metarow,
body.home .tours-grid .tour-card__metarow,
.page-luxury .tour-card__metarow,
.page-midrange .tour-card__metarow {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin: 0 0 12px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(15, 30, 20, .08);
    color: #6b7871 !important;
    font-family: var(--font-body, Montserrat, Arial, sans-serif);
    font-size: 12.5px !important;
    font-weight: 500;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.tour-card__days,
.tour-card__nights {
    color: #6b7871 !important;
}

/* Quiet dot separator between Days / Nights, instead of a hard border */
.tour-card__days::after {
    content: '\2022';
    margin-left: 10px;
    color: rgba(15, 30, 20, .25);
}

/* Price: pushed right, the one thing on this row that should stand out */
.tour-card__price {
    margin-left: auto !important;
    color: var(--color-primary-dark, #0e7d3d) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.tour-card__price-label {
    margin-right: 4px;
    color: #93a29a !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .05em;
    text-transform: uppercase !important;
}

/* The legacy parity layer hid these values on non-blog tour cards. Package
 * cards use the same markup, so restore the duration and price badges too. */
.tour-card:not(.blog-card) .tour-card__days-badge,
.tour-card:not(.blog-card) .tour-card__price-badge {
    display: inline-block !important;
}

@media (max-width: 480px) {
    .tour-card__metarow {
        gap: 4px 8px;
        font-size: 11.5px !important;
    }
}