/* Post Card component styles (for related content cards) 
.tc-card--post {
    /* The archive-common.css already covers most of the styling under .tc-archives .tc-card--media.
       We ensure no duplicate rules here. Possibly could include generic media card styles if used outside archive context. /
} */

/* ===================================================================
   Post/Page Card komponens stílusai (media-object elrendezés)
   - Listanézet konténer: .tc-grid.tc-grid--list (1 oszlopos lista)
   - Kártya alap: .tc-card.tc-card--post.tc-card--media
   - Mobilon stack (egymás alatt), tablet/desktop: kép balra, szöveg jobbra, rácsos elrendezés.
   - A stílusok csak a bejegyzéskártyákra vonatkoznak (termékkártyákat nem írják felül).
   =================================================================== */

.tc-grid.tc-grid--list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;  /* rácsközi távolság */
}

/* Kártya alap (csak post/page típushoz) */
.tc-card.tc-card--post {
  grid-column: span 12;
  background: #fff;
  border-radius: 16px;
  box-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: 0 10px 30px rgba(0,0,0,.1);
}

/* "Media object" elrendezés: kép és szöveg sávok */
.tc-card.tc-card--media .tc-card-link {
  display: grid;
  grid-template-columns: 1fr;         /* mobil: kép és szöveg egymás alatt */
  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: 320px széles 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: 360px széles kép sáv */
    gap: 22px;
  }
}

/* Képblokk a kártyán belül */
.tc-card.tc-card--media .tc-card-media {
  width: 100%;
  aspect-ratio: 16/9;
  background: #fff;        /* fehér háttér a képarány kitöltéséhez, üres részekre */
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tc-card.tc-card--media .tc-card-thumb {
  width: 100%;
  height: 100%;
  object-fit: contain;     /* a teljes kép jelenjen meg, arányosan kitöltve a konténert */
  object-position: center center;
  display: block;
}

/* Szövegblokk a kártyán belül */
.tc-card.tc-card--post .tc-card-body {
  padding: 12px 12px 14px;
  display: grid;
  gap: 8px;
}

/* Cím (H3) stílusozása */
.tc-card.tc-card--post .tc-card-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: clamp(17px, 1.8vw, 20px);
  line-height: 1.3;
  margin: 0;
}

/* Kivonat (excerpt) – maximum 3 sor */
.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 a kártya linkre (accessibility) */
.tc-card.tc-card--post .tc-card-link:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
  border-radius: 12px;
}