/**
 * Firm Cards Grid Styles
 *
 * Responsive grid layout for [nearb_firm_cards] shortcode.
 * 3 columns on desktop, 1 column on tablet/mobile.
 */

.nearb-firm-cards {
    width: 100%;
    box-sizing: border-box;
}

.nearb-firm-cards__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

/* Tablet and mobile: 1 column */
@media (max-width: 991px) {
    .nearb-firm-cards__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Ensure cards fill grid cells properly */
.nearb-firm-cards .nearb-card {
    height: 100%;
}