/* =========================================================================
   responsive.css — media queries tablet (768+) i desktop (1024+).
   Wydzielone z styles.css (v3.7k refaktor). Źródło: 1224-1270 + 1929-1970.
   ========================================================================= */
/* =========================================================================
   MEDIA QUERIES — tablet (768+)
   ========================================================================= */
@media (min-width: 768px) {
    .container { padding-left: var(--s-6); padding-right: var(--s-6); }

    .section { padding: var(--s-8) 0; }

    .news-grid { grid-template-columns: repeat(2, 1fr); }
    .diary-grid { grid-template-columns: repeat(2, 1fr); }
    .deeds-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid { grid-template-columns: repeat(3, 1fr); }
    .downloads-grid { grid-template-columns: repeat(4, 1fr); }
    .congregation-grid { grid-template-columns: repeat(4, 1fr); }
    .footer__cols { grid-template-columns: repeat(2, 1fr); }

    .section__head h2 { font-size: 32px; }

    .hero { padding: var(--s-8) 0 var(--s-9); }
    .hero__card h2 { font-size: 32px; }
    .hero__grid { grid-template-columns: 7fr 5fr; gap: var(--s-6); }

    .build-banner h2 { font-size: 40px; }
}

/* =========================================================================
   MEDIA QUERIES — desktop (1024+)
   ========================================================================= */
@media (min-width: 1024px) {
    .utility-bar { display: block; }
    .main-nav__burger { display: none; }
    .main-nav__links { display: flex; }

    .quick-actions { grid-template-columns: repeat(4, 1fr); }
    .deeds-grid { grid-template-columns: repeat(4, 1fr); }
    .congregation-grid { grid-template-columns: repeat(7, 1fr); }
    .footer__cols { grid-template-columns: repeat(4, 1fr); }

    .hero__card h2 { font-size: 36px; }
    .section__head h2 { font-size: 36px; }
    .build-banner h2 { font-size: 48px; }
}

@media (min-width: 1280px) {
    .section { padding: var(--s-9) 0; }
}


/* =========================================================================
   MEDIA QUERIES — dopinki do nowych komponentów
   ========================================================================= */
@media (min-width: 768px) {
    .prayers-index { grid-template-columns: 1fr 1fr; }
    .prayers-list { grid-template-columns: 1fr 1fr; }
    .mission-grid { grid-template-columns: repeat(2, 1fr); }
    .biblio-grid { grid-template-columns: repeat(2, 1fr); }
    .sanctuaries-split { grid-template-columns: 1fr 1fr; }
    /* Pkt 5 (02.05) — Patronat dorzucony jako 3-cia kolumna na desktop.
       Tablet 768–1023: 2 kolumny (Patronat schodzi w drugi rząd na całą szerokość). */
    .sanctuaries-split--3col { grid-template-columns: 1fr 1fr; }
    .sanctuaries-split--3col > .sanctuaries-split__card:nth-child(3) { grid-column: 1 / -1; }
    .sanctuaries-hero__links { grid-template-columns: repeat(3, 1fr); }
    .community-split { grid-template-columns: 1fr 1fr; }
    .support-split { grid-template-columns: 1fr 1fr; }
    .sitemap-panel__cols { grid-template-columns: repeat(3, 1fr); }
    .foto-grid { grid-template-columns: 2fr 1fr; }
    .foto-grid > .gallery-stack { display: grid; gap: var(--s-4); }
    .foto-grid .gallery-stack > .gallery-card { aspect-ratio: 2/1; }
    .hero__list { grid-template-columns: 1fr 1fr; }

    .sanctuaries-hero__title { font-size: 32px; }
    .downloads-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1024px) {
    .mission-grid { grid-template-columns: repeat(5, 1fr); }
    .mission-grid--retreats { grid-template-columns: repeat(4, 1fr); }
    .biblio-grid { grid-template-columns: repeat(4, 1fr); }
    /* Pkt 9 — 29.04 wg uwagi s. Elżbiety: 5 kolumn (zamiast 6) żeby Noclegi
       wpadły do 2-go rzędu. Układ 5+5: rząd 1 = duchowe (transmisja, porządek,
       prelekcje, przewodnik, pielgrzymki), rząd 2 = praktyczne dla pielgrzyma
       (noclegi, restauracja, pamiątki, mapa, więcej). */
    .sanctuaries-hero__links { grid-template-columns: repeat(5, 1fr); }
    .downloads-grid { grid-template-columns: repeat(6, 1fr); }
    .sanctuaries-hero__title { font-size: 36px; }
    /* Pkt 5 (02.05) — desktop ≥1024: pełne 3 kolumny równe */
    .sanctuaries-split--3col { grid-template-columns: repeat(3, 1fr); }
    .sanctuaries-split--3col > .sanctuaries-split__card:nth-child(3) { grid-column: auto; }
}