/*
 * AdForest – Columns Control for Elementor
 * Adds col-1 and col-6 CSS classes that the theme does not ship with.
 * col-2 to col-5 already exist in adforest-main.css; we keep them
 * here too so this file is self-contained (they will simply be overridden
 * by the theme's more specific rules, which is harmless).
 */

/* ── Desktop grid classes (default, no media query) ─────────────────── */
.adt-search-ads-grid.adt-search-ads-col-1 {
    grid-template-columns: repeat(1, 1fr);
}
.adt-search-ads-grid.adt-search-ads-col-6 {
    grid-template-columns: repeat(6, 1fr);
}

/* flex fallback (card-outer children) */
.adt-search-ads-grid.adt-search-ads-col-1 .adt-property-ad-card-outer {
    width: 100%;
}
.adt-search-ads-grid.adt-search-ads-col-6 .adt-property-ad-card-outer {
    width: 16.6667%;
}

/* ── Tablet (≤ 1199 px) ─────────────────────────────────────────────── */
@media (max-width: 1199px) {
    .adt-search-ads-grid.adt-search-ads-col-6 {
        grid-template-columns: repeat(4, 1fr);
    }
    .adt-search-ads-grid.adt-search-ads-col-6 .adt-property-ad-card-outer {
        width: 25%;
    }
    .adt-search-ads-grid.adt-search-ads-col-1 {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* ── Tablet small (≤ 991 px) ────────────────────────────────────────── */
@media (max-width: 991px) {
    .adt-search-ads-grid.adt-search-ads-col-6 {
        grid-template-columns: repeat(3, 1fr);
    }
    .adt-search-ads-grid.adt-search-ads-col-6 .adt-property-ad-card-outer {
        width: 33.33%;
    }
}

/* ── Mobile (≤ 767 px) ──────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* col-1 stays 1 column */
    .adt-search-ads-grid.adt-search-ads-col-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .adt-search-ads-grid.adt-search-ads-col-1 .adt-property-ad-card-outer {
        width: 100%;
    }

    /* col-6 falls to 2 columns on mobile */
    .adt-search-ads-grid.adt-search-ads-col-6 {
        grid-template-columns: repeat(2, 1fr);
    }
    .adt-search-ads-grid.adt-search-ads-col-6 .adt-property-ad-card-outer {
        width: 50%;
    }
}

/* ── Mobile extra-small (≤ 575 px) ─────────────────────────────────── */
@media (max-width: 575px) {
    .adt-search-ads-grid.adt-search-ads-col-6 {
        grid-template-columns: repeat(2, 1fr);
    }
    .adt-search-ads-grid.adt-search-ads-col-6 .adt-property-ad-card-outer {
        width: 50%;
    }
    .adt-search-ads-grid.adt-search-ads-col-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .adt-search-ads-grid.adt-search-ads-col-1 .adt-property-ad-card-outer {
        width: 100%;
    }
}

/* ── Mobile-column override helpers (used by inline style output) ───── */
/* These are injected dynamically by the plugin PHP via <style> blocks.  */
/* No static rules needed here for those — kept for reference only.      */