/* ===================================================================
   Post/Page Card (media-object layout)
   2025-08-14 – önálló komponens
   - listanézet: .tc-grid.tc-grid--list  →  1 oszlopos külső grid
   - kártya: .tc-card.tc-card--post.tc-card--media
   - mobilon stack, ≥768px kétsávos (kép balra, szöveg jobbra)
   - a stílusok csak a post-cardra céloznak (nem írják felül a product-cardot)
   =================================================================== */

/* Listás konténer – teljes szélességű sorok */
.tc-grid.tc-grid--list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tc-gap, 22px);
}

/* Kártya alap (csak post) */
.tc-card.tc-card--post {
  grid-column: span 12;
  background: var(--tc-bg, #fff);
  border-radius: var(--tc-radius, 16px);
  box-shadow: var(--tc-shadow, 0 6px 24px rgba(0,0,0,.06));
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.tc-card.tc-card--post:hover {
  transform: translateY(-2px);
  box-shadow: var(--tc-shadow-hover, 0 10px 30px rgba(0,0,0,.1));
}

/* Media-object elrendezés */
.tc-card.tc-card--media .tc-card-link {
  display: grid;
  grid-template-columns: 1fr;         /* mobil: stack */
  gap: 14px;
  text-decoration: none;
  color: inherit;
}
@media (min-width: 768px) {
  .tc-card.tc-card--media .tc-card-link {
    grid-template-columns: 320px 1fr; /* tablet: kép balra, szöveg jobbra */
    gap: 18px;
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .tc-card.tc-card--media .tc-card-link {
    grid-template-columns: 360px 1fr; /* desktop: kicsit nagyobb képsáv */
    gap: 22px;
  }
}

/* Képblokk */
.tc-card.tc-card--media .tc-card-media {
  width: 100%;
  aspect-ratio: 16/9;
  background: #f6f7f9;
  border-radius: 12px;
  overflow: hidden;
}
.tc-card.tc-card--media .tc-card-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Szövegblokk */
.tc-card.tc-card--post .tc-card-body {
  padding: 12px 12px 14px;
  display: grid;
  gap: 8px;
}

/* Cím (H3) – Poppins, kulturált méret */
.tc-card.tc-card--post .tc-card-title {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 600;
  font-size: clamp(17px, 1.8vw, 20px);
  line-height: 1.3;
  margin: 0;
}

/* Kivonat – 3 soros clamp */
.tc-card.tc-card--post .tc-card-excerpt {
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Fókuszjelzés (a11y) */
.tc-card.tc-card--post .tc-card-link:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
  border-radius: 12px;
}