/**
 * Latest Tips Grid Styles
 *
 * Responsive grid layout:
 * - Desktop: 4 columns
 * - Tablet: 2x2 (2 columns)
 * - Mobile: 1x4 (1 column)
 *
 * Uses existing .nearb-tip-card styles from tip-directory.css
 *
 * @package NearB\Assets
 */

/* ===========================================
   GRID CONTAINER
   =========================================== */

.nearb-latest-tips {
    width: 100%;
    margin: 0 auto;
}

.nearb-latest-tips__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.nearb-latest-tips__empty {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 16px;
}

/* ===========================================
   RESPONSIVE
   =========================================== */

/* Tablet: 2 columns */
@media (max-width: 1024px) {
    .nearb-latest-tips__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Mobile: 1 column */
@media (max-width: 640px) {
    .nearb-latest-tips__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}