/* ===================================================================
   Közös stílus az egyedi taxon archívumokhoz
   Scope: kizárólag a body.tc-archives oldalakon hat
   Fő komponensek: .tc-hero, .tc-grid, .tc-card, .tc-pagination
   2025-08-14: finomhangolás – MINDEN módosított sort az eredeti, kikommentelt
               érték előz meg + rövid magyarázat
   =================================================================== */

.tc-archives {
  /* --- Konténer és ritmus változók --- */
  /* EREDETI: --tc-maxw: 1200px; */
  --tc-maxw: 1240px;           /* +40px levegő a tartalomnak desktopon */

  /* EREDETI: --tc-gap: 24px; */
  --tc-gap: 22px;              /* finomabb oszlopköz, kompaktabb grid */

  --tc-radius: 16px;
  --tc-shadow: 0 6px 24px rgba(0,0,0,.06);
  --tc-shadow-hover: 0 10px 30px rgba(0,0,0,.1);
  --tc-muted: #444;
  --tc-border: #e5e7eb;
  --tc-bg: #fff;
  --tc-chip: #f3f4f6;

  /* EREDETI: font-size: 16px; */
  font-size: 17px;             /* jobb olvashatóság hosszabb szövegnél */
  line-height: 1.7;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #1a1a1a;
}

/* ---------------- HERO & CÍMEK ---------------- */

/* EREDETI:
.tc-archives .tc-hero {
  max-width: var(--tc-maxw);
  margin: 24px auto 8px;
  padding: 0 16px;
}
*/
.tc-archives .tc-hero {
  max-width: var(--tc-maxw, 1240px);
  /* EREDETI: margin: 24px auto 8px; */
  margin: 5rem auto 1.5rem;      /* több levegő a cím körül, de az összes címsorrra vonatkozik */
  padding: 0 16px;
}

/* EREDETI:
.tc-archives .tc-title {
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  margin: 0 0 8px;
  font-weight: 600;
}
*/
.tc-archives .tc-title {
  /* EREDETI: font-size: clamp(24px, 3vw, 36px); */
  font-size: clamp(28px, 3.3vw, 40px);  /* kicsit nagyobb tartomány a H1/H2-nek */
  line-height: 1.2;
  /* EREDETI: margin: 0 0 8px; */
  margin: 0 0 10px;
  font-weight: 600;
  display: block;              /* védőháló, ha valami felülírná */
  visibility: visible;
}

/* ---------------- HERO KÉP ---------------- */

/* EREDETI:
.tc-archives .anyag-hero-image-wrapper,
.tc-archives .tc-hero-image-wrapper { max-width: 100%; overflow: hidden; }
*/
.tc-archives .anyag-hero-image-wrapper,
.tc-archives .tc-hero-image-wrapper { max-width: 100%; overflow: hidden; }

/* ÚJ: egységes képarány változóval */
/* EREDETI (nem volt beállítva, vagy 21/9): */
/* .tc-archives .tc-hero-image-wrapper { aspect-ratio: 21 / 9; } */
.tc-archives .tc-hero-image-wrapper { aspect-ratio: 16 / 9; } /* általánosabb arány vegyes képekre */

.tc-archives .anyag-hero-img,
.tc-archives .tc-hero-img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
}

/* ---------------- RÖVID (WP) LEÍRÁS ---------------- */

/* EREDETI:
.tc-archives .anyag-wp-leiras {
  max-width: var(--tc-maxw);
  margin: 16px auto 24px;
  padding: 0 16px;
  color: #222;
  line-height: 1.7;
}
*/
.tc-archives .anyag-wp-leiras {
  max-width: var(--tc-maxw, 1240px);
  /* EREDETI: margin: 16px auto 24px; */
  margin: 14px auto 26px;      /* enyhe ritmus korrekció */
  padding: 0 16px;
  color: #222;
  line-height: 1.7;
}
.tc-archives .anyag-wp-leiras p { margin: 0 0 1em; }
.tc-archives .anyag-wp-leiras ul { margin: .75em 0 1em 1.25em; }
.tc-archives .anyag-wp-leiras ul li {
  background-color: #fafafa;
  line-height: 1.4;
  margin-bottom: .4em;
  padding: .25em .5em;
  border-radius: 6px;
}

/* ---------------- HOSSZÚ (ACF) LEÍRÁS ---------------- */

/* EREDETI:
.tc-archives .anyag-leiras { max-width: var(--tc-maxw); margin: 16px auto 24px; padding: 0 16px; }
*/
.tc-archives .anyag-leiras {
  max-width: var(--tc-maxw, 1240px);
  /* EREDETI: margin: 16px auto 24px; */
  margin: 14px auto 26px;
  padding: 0 16px;
}
.tc-archives .leiras-content.wysiwyg p { margin: 0 0 1em; line-height: 1.7; }
.tc-archives .leiras-content.wysiwyg h2,
.tc-archives .leiras-content.wysiwyg h3 { margin: 1.25em 0 .5em; line-height: 1.25; }

/* ---------------- GRID (bejegyzések/oldalak) ---------------- */

/* EREDETI:
.tc-archives .tc-grid {
  max-width: var(--tc-maxw);
  margin: 16px auto 32px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--tc-gap);
}
*/
.tc-archives .tc-grid {
  max-width: var(--tc-maxw, 1240px);
  /* EREDETI: margin: 16px auto 32px; */
  margin: 16px auto 34px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--tc-gap);
}

/* Kártya szélességek (oszlopok száma):
   - mobil: 1 oszlop (span 12)
   - ≥640px: 2 oszlop (span 6)
   - ≥1024px: 3 oszlop (span 4)
   TIPPEK:
   • 4 oszlophoz desktopon: itt állítsd span 3-ra (12/3=4)
*/
.tc-archives .tc-card {
  grid-column: span 12;
  background: var(--tc-bg);
  border-radius: var(--tc-radius);
  box-shadow: var(--tc-shadow);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
@media (min-width: 640px) { .tc-archives .tc-card { grid-column: span 6; } }    /* 2 oszlop */
@media (min-width: 1024px){ .tc-archives .tc-card { grid-column: span 4; } }    /* 3 oszlop */

.tc-archives .tc-card:hover { transform: translateY(-2px); box-shadow: var(--tc-shadow-hover); }
.tc-archives .tc-card-link { display: grid; grid-template-rows: auto 1fr; text-decoration: none; color: inherit; height: 100%; }
.tc-archives .tc-card-media { aspect-ratio: 4/3; background: #f6f7f9; }
.tc-archives .tc-card-thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
.tc-archives .tc-card-thumb--placeholder {
  background: repeating-linear-gradient(45deg, #eee, #eee 10px, #f7f7f7 10px, #f7f7f7 20px);
}
.tc-archives .tc-card-body { padding: 14px 16px 16px; display: grid; gap: 8px; }

/* Címek */
.tc-archives .tc-card--product .tc-card-title {
  font-weight: 500;
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: 1.3;
  margin: 0 0 2px;
}
.tc-archives .tc-card--page .tc-card-title {
  font-weight: 600;
  font-size: clamp(18px, 2vw, 20px);
  line-height: 1.3;
  margin: 0 0 2px;
}

/* ---------------- PAGINATION ---------------- */

/* EREDETI:
.tc-archives .tc-pagination {
  max-width: var(--tc-maxw);
  margin: 0 auto 40px;
  padding: 0 16px;
  text-align: center;
}
*/
.tc-archives .tc-pagination {
  max-width: var(--tc-maxw, 1240px);
  /* EREDETI: margin: 0 auto 40px; */
  margin: 0 auto 42px;
  padding: 0 16px;
  text-align: center;
}

/* EREDETI:
.tc-archives .tc-pagination .page-numbers { margin: 0 6px 6px; padding: 8px 12px; }
*/
.tc-archives .tc-pagination .page-numbers {
  display: inline-block;
  margin: 0 6px 8px;          /* nagyobb alsó térköz */
  padding: 10px 14px;         /* nagyobb érintési cél */
  border-radius: 10px;
  background: var(--tc-chip);
  border: 1px solid var(--tc-border);
}
.tc-archives .tc-pagination a.page-numbers:hover { background: #e5e7eb; }
.tc-archives .tc-pagination .current { background: #111; color: #fff; border-color: #111; }

/* ---------------- GALÉRIA ---------------- */

/* EREDETI:
.tc-archives .anyag-galeria {
  max-width: var(--tc-maxw);
  margin: 24px auto 32px;
  padding: 0 16px;
}
*/
.tc-archives .anyag-galeria {
  max-width: var(--tc-maxw, 1240px);
  /* EREDETI: margin: 24px auto 32px; */
  margin: 26px auto 36px;
  padding: 0 16px;
}

/* EREDETI:
.tc-archives .anyag-galeria .galeria-cim { font-size: 20px; font-weight: 600; margin: 0 0 12px; }
*/
.tc-archives .anyag-galeria .galeria-cim {
  /* EREDETI: font-size: 20px; */
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 600;
  margin: 0 0 12px;
}

/* EREDETI:
.tc-archives .anyag-galeria .galeria-masonry {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}
@media (min-width: 640px) { .tc-archives .anyag-galeria .galeria-masonry { gap: 16px; } }
@media (min-width: 1024px){ .tc-archives .anyag-galeria .galeria-masonry { gap: 20px; } }
*/
.tc-archives .anyag-galeria .galeria-masonry {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}
@media (min-width: 640px) { .tc-archives .anyag-galeria .galeria-masonry { gap: 14px; } }
@media (min-width: 1024px){ .tc-archives .anyag-galeria .galeria-masonry { gap: 18px; } }

/* Képek oszlopai:
   - mobil: 1 oszlop (span 12)
   - ≥640px: 2 oszlop (span 6)
   - ≥1024px: 3 oszlop (span 4)
   TIPPEK:
   • 4 oszlophoz desktopon: állíts span 3-ra
*/
.tc-archives .anyag-galeria .galeria-kep-link { grid-column: span 12; display: block; border-radius: 14px; overflow: hidden; }
@media (min-width: 640px) { .tc-archives .anyag-galeria .galeria-kep-link { grid-column: span 6; } }  /* 2 oszlop */
@media (min-width: 1024px){ .tc-archives .anyag-galeria .galeria-kep-link { grid-column: span 4; } }  /* 3 oszlop */

.tc-archives .anyag-galeria .galeria-kep {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .25s ease;
}
.tc-archives .anyag-galeria .galeria-kep-link:hover .galeria-kep { transform: scale(1.02); }

/* ---------------- CLAMP (3 sor + …) ---------------- */
.tc-archives .elementor-image-box .elementor-image-box-description,
.tc-archives .gallery .wp-caption-text,
.tc-archives .tc-card-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---------------- A11Y: fókuszjelzés ---------------- */
.tc-archives .tc-card-link:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
  border-radius: 12px;
}

/* ---------------- Woo vezérlők elrejtése az archívumon ---------------- */
.tc-archives .woocommerce-result-count,
.tc-archives .woocommerce-ordering,
.tc-archives .widget-area,
.tc-archives .widget_layered_nav,
.tc-archives .widget_price_filter {
  display: none !important;
}

/* ---------------- Mobil finomítások ---------------- */

/* EREDETI:
@media (max-width: 768px) {
  .tc-archives .tc-hero .tc-title { font-size: 32px; }
  .tc-archives .anyag-galeria .galeria-cim { font-size: 28px; }
  .tc-archives .anyag-wp-leiras p,
  .tc-archives .anyag-leiras p { font-size: 16px; }
}
*/
@media (max-width: 768px) {
  .tc-archives .tc-hero { margin: 20px auto 8px; padding: 0 14px; }
  /* EREDETI: font-size: 32px; */
  .tc-archives .tc-hero .tc-title { font-size: clamp(24px, 5vw, 32px); } /* mobilon is folyékony */
  /* EREDETI: 28px → folyékonyabb */
  .tc-archives .anyag-galeria .galeria-cim { font-size: clamp(18px, 3.8vw, 24px); }
  .tc-archives .anyag-wp-leiras p,
  .tc-archives .anyag-leiras p { font-size: 16px; }
  .tc-archives .tc-pagination .page-numbers { padding: 9px 12px; }
}