/* =========================================================
   SCSS.CSS – 1024 × 768 LANDSCAPE FINOMHANGOLÁS
   THUMBS EREDTI MÉRET VISSZAÁLLÍTVA
   BIG IMG MAGASSÁGA = THUMBS MAGASSÁGA
   ========================================================= */

@media (orientation: landscape) and (max-width: 1024px) {

  /* ===== LOGÓ ===== */
  .logo {
    height: 8vh;       /* fix magasság */
    width: auto;       /* automatikus szélesség */
  }

  .logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }

  header {
    height: 8vh;
  }

  header h1 {
    font-size: 1.4rem;
    padding: 0 0.8rem;
    text-align: center;
  }

main {
font-size: 1.1rem;
}

h2 {
font-size: 1.3rem;
text-align: left;
}



  /* ===== SZEKCIÓ MARGÓK ===== */
  #home
  #etlap,
  #korlatlan,
  #panzio,
  #kapcsolat {
    padding-left: 10vw;
    padding-right: 10vw;
    min-height: 90vh;
    padding-bottom: 5vh;
  }

#galeria {
    padding-left: 10vw;
    padding-right: 10vw;
    min-height: 90vh;
    padding-bottom: 5vh;
	 align-items: center;
}  
  
  /* =========================================================
     GALÉRIA – THUMBS MÉRET VISSZAÁLLÍTVA
     ========================================================= */

  .thumbs img {
    width: 100%;          
    display: block;
    height: auto;
    padding-bottom: 2.5vh;  
  }

  /* A thumbs magassága automatikusan adódik
     → ehhez igazítjuk a big image konténerét. */

  .gallery {
    display: grid;
    grid-template-columns: 30% 1fr; 
    justify-content:center; 
  }

  /* BIG IMAGE – a magasság igazodik a thumbs blokkhoz */
  .big {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
  }

  .big img {
    width: 90%;      /* arányos szélesség */
    height: auto;     /* kitölti a big oszlop magasságát */
    max-height: none; /* ne korlátozzuk */
    object-fit: contain;
    padding-bottom: 0.2rem;
  }

  /* =========================================================
     ÉTLAP – marad, amit korábban kértél
     ========================================================= */

  #etlap .etlap-grid {
    grid-template-columns: 1fr;
    gap: 1.3rem;
  }

  #etlap .etlap-grid div {
    font-size: 1.05rem;
  }

  /* =========================================================
     KAPCSOLAT – ugyanakkora kép magasság, mint a big img
     ========================================================= */

  .kapcsolat-grid {
    grid-template-columns: 1fr 1fr;   /* kép a szöveg mellett */
  }

  .kapcsolat-image {
    display: flex;
    justify-content: center;
    align-items: center;
	width: 80%;
	height: auto;
  }

  .kapcsolat-image img {
    width: 100%;    /* arányosan */
    height: auto;   /* magasság egyezzen a big image magasságával */
  }
}