/**
 * @file responsive.css
 * Reszponzív töréspontok. A demó két fő töréspontot használ: 900px és 600px.
 */

@media (max-width: 900px) {
  /* Navigáció → hamburger */
  .nav-links { display: none; }
  .hamburger { display: flex; }

  /* Miserend egy oszlopban */
  .miserend-wrap { grid-template-columns: 1fr; }
  .ms-col:first-child { border-right: none; border-bottom: 1px solid var(--parchment); }
  .ms-div { display: none; }

  /* Hírek egy oszlopban */
  .hirek-grid { grid-template-columns: 1fr; }
  .hir-feat { grid-column: auto; }
  /* Egyoszlopos rácsban nincs kitöltendő sor – a desktop kitöltő szabályok
     kikapcsolása (a szelektorok pontosan egyeznek, hogy felül tudják írni). */
  .hir-card:last-child:nth-child(3n),
  .hir-card:last-child:nth-child(3n + 1):not(.hir-feat),
  .hir-feat:last-child { grid-column: auto; }
  .hir-card:last-child:nth-child(3n) .hir-img,
  .hir-card:last-child:nth-child(3n + 1):not(.hir-feat) .hir-img { aspect-ratio: 16 / 9; height: auto; }

  /* Szentségek 2 oszlop */
  .szents-grid { grid-template-columns: 1fr 1fr; }

  /* Kapcsolat egymás alá */
  .kapcsolat-grid { grid-template-columns: 1fr; gap: 2rem; }

  /* Galéria teaser */
  .gal-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .gal-item:first-child { grid-row: auto; grid-column: 1 / 3; height: 220px; }
  .gal-item { height: 160px; }

  /* Galéria oldal rácsok */
  .pg-4 { grid-template-columns: 1fr 1fr; }

  /* Lábléc */
  .ft-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

@media (max-width: 600px) {
  .szents-grid { grid-template-columns: 1fr; }
  .ft-grid { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; align-items: flex-start; }

  /* Galéria oldal kisebb rácsok */
  .pg-3, .pg-2 { grid-template-columns: 1fr 1fr; }

  /* GYIK kártyák */
  .cards-2 { grid-template-columns: 1fr; }
}