/* =====================================================================
   Kiegeszitok oldal (/kiegeszitok/) - 2026-10-08, v30
   Alap: profil.css (hero, szakaszok, kartya, chipek, gombok, ajanlatkero sav).
   Itt csak a szakaszon beluli elrendezes: info-kartya + fotok.
   ===================================================================== */

/* horgonyugras: a fix fejlec ala erkezzen (a --tl-header-h-t a header.js adja) */
.tl-kg__sec{scroll-margin-top:calc(var(--tl-header-h,72px) + 12px)}

/* bevezeto a cim alatt */
.tl-kg__lead{margin:0 0 20px}

/* szakasz test: mobilon egymas alatt (elobb a fotok, aztan a szoveg),
   asztalon (>=900) ket hasab: info-kartya | fotok */
.tl-kg__body{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.tl-kg__gal{order:-1}
@media (min-width:900px){
  .tl-kg__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
  .tl-kg__gal{order:0}
  /* paros szakaszban tukrozve: fotok balra (mint a gyujtooldalon) */
  .tl-kg__sec.tl-prof__sec--alt .tl-kg__gal{order:-1}
  .tl-kg__sec--nofoto .tl-kg__body{grid-template-columns:minmax(0,1fr)}
  .tl-kg__sec--nofoto .tl-kg__info{max-width:820px}
}

/* info-kartya szovege */
.tl-kg__info{color:var(--ink)}
.tl-kg__info .tl-prof__desc ul{margin:0 0 1em;padding-left:1.2em}
.tl-kg__info .tl-prof__desc li{margin:.2em 0}
.tl-kg__h3{margin-top:1.1em}
/* kek femsavon is a kartyaban sotet a cim (a profil.css a savban feherre allitana) */
.tl-prof__sec--alt .tl-kg__info .tl-prof__h3{color:var(--tl-h2);text-shadow:none}

/* tetel-lista: ket hasab, ha van hely; arany rombusz jelolo */
.tl-kg__items{list-style:none;margin:0 0 .4em;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:6px 18px}
.tl-kg__items li{position:relative;padding-left:1.15em;line-height:1.4}
.tl-kg__items li::before{content:"";position:absolute;left:.1em;top:.5em;width:.45em;height:.45em;background:var(--tl-gold,#D4AE3A);transform:rotate(45deg)}

/* gombsor a kartya aljan */
.tl-kg__btns{margin-top:1.3em}
.tl-kg__more{font-weight:600;color:var(--link);text-decoration:none;white-space:nowrap}
.tl-kg__more:hover,.tl-kg__more:focus-visible{text-decoration:underline}

/* ---------- Galeria (v30b): egy nagy kep + egysoros belyegkep-csik ----------
   Asztalon (>=900) a galeria pont olyan magas, mint a mellette levo info-kartya:
   a racs-sor a kartyahoz igazodik (stretch), a nagy kep kitolti a maradek helyet. */
.tl-kg__gal{display:flex;flex-direction:column;gap:10px;min-width:0}
.tl-kg__stage{display:flex;flex-direction:column;margin:0}
.tl-kg__frame{position:relative;border-radius:7px;overflow:hidden;background:#fff;aspect-ratio:3/2}
/* a profil.css .tl-prof__photo img szabalyat (3:2, cover) itt felulirjuk */
.tl-kg__stage .tl-kg__main{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.tl-kg__fit--cover{object-fit:cover}
.tl-kg__fit--contain{object-fit:contain;padding:8px}

/* lapozo nyilak + szamlalo a nagy kepen */
.tl-kg__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:var(--tl-key,#1F6FB2);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  padding:0 0 3px;box-shadow:0 2px 6px rgba(0,0,0,.3);opacity:.92}
.tl-kg__nav:hover,.tl-kg__nav:focus-visible{background:var(--tl-key-hover,#2A7FC4);color:var(--tl-gold,#D4AE3A);opacity:1}
.tl-kg__nav--prev{left:8px}
.tl-kg__nav--next{right:8px}
.tl-kg__count{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:rgba(10,30,50,.72);color:#fff;font-size:12px;font-weight:600}

/* belyegkep-csik: egy sor, ha nem fer ki, vizszintesen gorgetheto (az oldal nem csuszik el) */
.tl-kg__thumbs{list-style:none;margin:0;padding:2px 2px 4px;display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin}
.tl-kg__thumbs li{flex:0 0 auto}
.tl-kg__thumb{display:block;width:72px;height:54px;border-radius:7px;overflow:hidden;background:#fff;border:2px solid var(--line,#D5DEE8);opacity:.75;transition:opacity .2s,border-color .2s}
.tl-kg__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.tl-kg__thumb:hover,.tl-kg__thumb:focus-visible{opacity:1}
.tl-kg__thumb[aria-current="true"]{opacity:1;border-color:var(--tl-gold,#D4AE3A)}
/* kek femsavon a belyegkep-keret ezust */
.tl-prof__sec--alt .tl-kg__thumb{border-color:rgba(255,255,255,.55)}
.tl-prof__sec--alt .tl-kg__thumb[aria-current="true"]{border-color:var(--tl-gold,#D4AE3A)}

@media (min-width:900px){
  /* mindket doboz egyforma magas: a magasabbhoz igazodik a masik */
  .tl-kg__body{align-items:stretch}
  /* a galeria kitolti a sor magassagat; a nagy kep a maradek helyet (legalabb 300 px) */
  .tl-kg__stage{flex:1 1 auto;min-height:0}
  .tl-kg__frame{flex:1 1 auto;aspect-ratio:auto;min-height:300px}
}
@media (prefers-reduced-motion:reduce){.tl-kg__thumbs{scroll-behavior:auto}}