/**
 * MTIC Theme - Responsive Stylesheet
 * Breakpoints: Mobile 320-767px | Tablet 768-1024px | Desktop 1025px+
 *
 * @package mtic-theme
 */

/* News listing responsive styles moved to assets/css/pages/news.css */

/* ── Mobile (max 767px) ── */
@media screen and (max-width: 767px) {
    :root { --mtic-font-size-base: 15px; --mtic-container-pad: 1rem; }
    .mtic-nav--primary { display: none; }
    .mtic-nav--mobile { display: block; }

    /* Pagination: 48px touch targets */
    .mtic-pagination .page-numbers {
        min-width: 48px;
        height: 48px;
    }

    /* Highlights: single column */
    .mtic-highlights__body {
        grid-template-columns: 1fr;
    }

    .mtic-highlights__featured {
        min-height: auto;
    }

    .mtic-highlights__small-card {
        grid-template-columns: 120px 1fr;
        min-height: auto;
    }

    .mtic-highlights__img-placeholder--small {
        min-height: 100px;
    }
}

/* ── Tablet (768px - 1024px) ── */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    :root { --mtic-container-pad: 1.25rem; }

    /* Highlights: collapse to single column */
    .mtic-highlights__body {
        grid-template-columns: 1fr;
    }
}

/* ── Desktop (1025px+) ── */
@media screen and (min-width: 1025px) {
    .mtic-nav--mobile { display: none; }
    .mtic-nav--primary { display: flex; }
}