/*
Theme Name: Progressive Child
Description: Progressive.in custom WordPress child theme
Author: Progressive
Template: astra
Version: 1.0.0
*/



/* =========================================
   Progressive Blog: 3 Cards Per Row
   ========================================= */

/* Desktop: 3 columns */
@media (min-width: 1025px) {
    body.blog #main,
    body.archive #main {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px;
        align-items: start;
    }

    body.blog #main > article,
    body.archive #main > article {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 1024px) {
    body.blog #main,
    body.archive #main {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        align-items: start;
    }

    body.blog #main > article,
    body.archive #main > article {
        width: 100%;
        min-width: 0;
        margin: 0;
    }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
    body.blog #main,
    body.archive #main {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    body.blog #main > article,
    body.archive #main > article {
        width: 100%;
        min-width: 0;
        margin: 0;
    }
}

/* Make blog images fit their cards */
body.blog #main > article img,
body.archive #main > article img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}