/* ============================================================
   IL CORRIERE DELLA POLITICA — Responsive Stylesheet
   Breakpoints: 1200px / 992px / 768px / 576px
   ============================================================ */

/* === LARGE DESKTOP (≤ 1200px) === */
@media (max-width: 1200px) {
    :root { --max-width: 100%; }
    .container { padding: 0 32px; }
    .masthead__title { font-size: 38px; }
    .footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 28px; }
}

/* === DESKTOP (≤ 992px) === */
@media (max-width: 992px) {
    :root { --space-section: 64px; }
    .container { padding: 0 24px; }

    /* Navigation: reduce padding */
    .nav__item a { padding: 0 10px; font-size: 12px; letter-spacing: 0.06em; }

    /* Masthead */
    .masthead__title { font-size: 34px; }

    /* Grids */
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }

    /* Lead story */
    .lead-story { grid-template-columns: 1fr; gap: 24px; }
    .lead-story__secondary { display: grid; grid-template-columns: 1fr 1fr 1fr; }
    .secondary-article { grid-column: 1; }
    .lead-story__secondary .secondary-article:not(:last-child) { border-bottom: 1px solid var(--color-border); }

    /* Editorial */
    .editorial-layout { grid-template-columns: 1fr; gap: 32px; }
    .editorial-feature__pullquote { font-size: 20px; }

    /* Category layout */
    .categoria-layout { grid-template-columns: 1fr; gap: 0; }
    .sidebar { flex-direction: row; flex-wrap: wrap; gap: 16px; margin-top: 40px; border-top: 1px solid var(--color-border); padding-top: 40px; }
    .sidebar-widget { flex: 1 1 280px; }

    /* Interview highlight */
    .interview-highlight { grid-template-columns: 1fr; }
    .interview-highlight__image { min-height: 300px; height: 320px; }

    /* Contact layout */
    .contact-layout { grid-template-columns: 1fr; gap: 40px; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .pre-footer__inner { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* === TABLET / MOBILE NAV (≤ 768px) === */
@media (max-width: 768px) {
    :root { --space-section: 56px; }
    .container { padding: 0 16px; }

    /* Top bar */
    .top-bar__edition { display: none; }
    .top-bar__date { font-size: 11px; }

    /* Masthead */
    .masthead { padding: 20px 0 0; }
    .masthead__title { font-size: 26px; letter-spacing: 0.04em; }
    .masthead__tagline { font-size: 13px; }

    /* Navigation: hide horizontal, show hamburger */
    .nav__list { display: none; }
    .mobile-menu-btn { display: flex; align-items: center; height: 50px; }
    .nav__inner { height: 50px; }

    /* Search */
    .search-form.is-open { width: 160px; }

    /* Grids */
    .grid-2 { grid-template-columns: 1fr; }
    .grid-3 { grid-template-columns: 1fr; }
    .grid-4 { grid-template-columns: 1fr 1fr; gap: 16px; }

    /* Lead story */
    .lead-story { padding: 32px 0; }
    .lead-story__secondary { grid-template-columns: 1fr; }
    .article-card--large .article-card__image { height: 260px; }
    .article-card--large .article-card__title { font-size: 22px; }

    /* Breaking news */
    .breaking-news__item { font-size: 12px; }

    /* Article card horizontal */
    .article-card--horizontal { grid-template-columns: 120px 1fr; }
    .article-card--horizontal .article-card__title { font-size: 16px; }
    .article-card--horizontal .article-card__body { padding: 16px; }

    /* Interview highlight */
    .interview-highlight { grid-template-columns: 1fr; }
    .interview-highlight__image { min-height: 260px; height: 280px; }
    .interview-highlight__body { padding: 32px 24px; }
    .interview-highlight__title { font-size: 19px; }

    /* Newsletter */
    .newsletter-form { flex-direction: column; }
    .newsletter-form input[type="email"] {
        border-right: 1px solid rgba(255,255,255,0.18);
        border-bottom: none;
        border-radius: var(--radius) var(--radius) 0 0;
        width: 100%;
    }
    .newsletter-form .primary-btn { border-radius: 0 0 var(--radius) var(--radius); width: 100%; }

    /* Article page */
    .article-header__title { font-size: 28px; }
    .article-header__subtitle { font-size: 17px; }
    .article-pull-quote { font-size: 19px; margin: 36px auto; max-width: 100%; }
    .article-pull-quote::before { display: none; }
    .author-block { flex-wrap: wrap; }
    .author-block__meta { margin-left: 0; text-align: left; }
    .author-block__meta span { justify-content: flex-start; }

    /* Author bio box */
    .author-bio-box { flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; }

    /* Category page */
    .category-header__name { font-size: 30px; }
    .category-header__desc { font-size: 15px; }
    .sidebar { flex-direction: column; }

    /* Editorial */
    .featured-editorial { padding: 28px 20px; }
    .featured-editorial__pullquote { font-size: 20px; }
    .featured-editorial__headline { font-size: 22px; }

    /* Page header */
    .page-header__title { font-size: 30px; }
    .page-header__subtitle { font-size: 15px; }

    /* Archive */
    .archive-month-grid { grid-template-columns: repeat(4, 1fr); }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
    .footer-bottom__inner { flex-direction: column; align-items: flex-start; }
    .pre-footer-form input[type="email"] { width: 180px; }

    /* Contact */
    .form-row-2 { grid-template-columns: 1fr; }

    /* Interview card */
    .interview-card { grid-template-columns: 100px 1fr; }
    .interview-card__image { min-height: 100px; }

    /* Regional */
    .grid-4 .regional-card { }

    /* Parliament tracker */
    .parliament-tracker thead th:nth-child(3),
    .parliament-tracker tbody td:nth-child(3) { display: none; }

    /* Scroll top */
    .scroll-top-btn { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 12px; }
}

/* === MOBILE (≤ 576px) === */
@media (max-width: 576px) {
    :root { --space-section: 48px; }
    .container { padding: 0 14px; }

    /* Masthead */
    .masthead__title { font-size: 21px; letter-spacing: 0.03em; }
    .masthead__tagline { font-size: 12px; }

    /* Grids */
    .grid-4 { grid-template-columns: 1fr; }

    /* Lead story */
    .article-card--large .article-card__image { height: 220px; }
    .article-card--large .article-card__title { font-size: 20px; }

    /* Article card horizontal: stack on mobile */
    .article-card--horizontal { grid-template-columns: 1fr; }
    .article-card--horizontal .article-card__image { min-height: 180px; height: 200px; }

    /* Regional strip: horizontal scroll */
    .regional-strip .grid-4 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 12px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .regional-strip .grid-4::-webkit-scrollbar { height: 4px; }
    .regional-strip .grid-4::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); }
    .regional-strip .grid-4::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 2px; }
    .regional-card {
        min-width: 260px;
        scroll-snap-align: start;
    }

    /* Article */
    .article-header__title { font-size: 24px; }
    .article-header__subtitle { font-size: 16px; }
    .article-body p { font-size: 16px; }
    .article-wrapper { padding: 0 14px; }
    .article-featured-image { padding: 0 14px; }

    /* Newsletter */
    .newsletter-section { padding: 48px 0; }
    .newsletter-section__title { font-size: 24px; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .site-footer { padding: 40px 0 0; }

    /* Page header */
    .page-header { padding: 40px 0 30px; }
    .page-header__title { font-size: 26px; }
    .category-header { padding: 40px 0 32px; }
    .category-header__name { font-size: 26px; }

    /* Editorialists grid */
    .grid-4.editorialists-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

    /* Archive months */
    .archive-month-grid { grid-template-columns: repeat(3, 1fr); }

    /* Featured editorial */
    .featured-editorial { padding: 20px 16px; }
    .featured-editorial__pullquote { font-size: 18px; padding-left: 16px; }
    .featured-editorial__headline { font-size: 20px; }

    /* Interview card */
    .interview-card { grid-template-columns: 80px 1fr; }

    /* Pre-footer */
    .pre-footer-form { width: 100%; }
    .pre-footer-form input[type="email"] { flex: 1; }

    /* Pagination */
    .pagination-btn { width: 34px; height: 34px; font-size: 12px; }

    /* Filter bar */
    .filter-bar__inner { overflow-x: auto; }
    .filter-bar__label { display: none; }

    /* Section heading */
    .section-heading { gap: 10px; }

    /* Forms */
    .contact-form__heading { font-size: 20px; }

    /* Parliament tracker */
    .parliament-tracker thead th:nth-child(4),
    .parliament-tracker tbody td:nth-child(4) { display: none; }
}

/* === VERY SMALL (≤ 380px) === */
@media (max-width: 380px) {
    .masthead__title { font-size: 18px; }
    .grid-4.editorialists-grid { grid-template-columns: 1fr; }
}