/* TownConnect Recommendations - essential functional CSS only.
   Keep visual styling in your template LESS. */
.tc-recommendations,
.tc-recommendations * {
    box-sizing: border-box;
}

.tc-recommendations__grid {
    display: grid;
    gap: var(--tc-recommendations-gap, 1rem);
}

.tc-recommendations__grid--cols-1 {
    grid-template-columns: minmax(0, 1fr);
}

.tc-recommendations__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tc-recommendations__grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tc-recommendations__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tc-recommendation-card,
.tc-recommendation-card__inner,
.tc-recommendation-card__body {
    min-width: 0;
}

.tc-recommendation-card__image-wrap {
    display: block;
}

.tc-recommendation-card__image {
    display: block;
    max-width: 100%;
}

.opening-now-badge:empty {
    display: none;
}

@media (max-width: 900px) {
    .tc-recommendations__grid--cols-3,
    .tc-recommendations__grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .tc-recommendations__grid--cols-2,
    .tc-recommendations__grid--cols-3,
    .tc-recommendations__grid--cols-4 {
        grid-template-columns: minmax(0, 1fr);
    }
}