/* ==========================================================================
   Gyalogolj.hu — blog lista és cikk
   ========================================================================== */

.cikk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.cikk-kartya { display: flex; flex-direction: column; }
.cikk-kartya .card-media { aspect-ratio: 16/10; }
.cikk-kartya-body { padding: 26px 26px 30px; display: flex; flex-direction: column; flex: 1; }
.cikk-kartya-body time {
  font-family: 'Space Grotesk', monospace; font-size: 12.5px;
  letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}
.cikk-kartya-body h2, .cikk-kartya-body h3 { margin: 10px 0 12px; font-size: 22px; line-height: 1.18; }
.cikk-kartya-body p { color: var(--muted); font-size: 16.5px; flex: 1; }
.cikk-kartya-body .prog-more { margin-top: 18px; }

.cikk-kategoriak {
  margin-top: 3em; padding-top: 1.4em; border-top: 1px solid var(--line);
  font-size: 15.5px; color: var(--muted);
}
.cikk-kategoriak a { color: var(--moss); text-decoration: underline; }

.gy-cikk .gy-tartalom > p:first-of-type { font-size: clamp(20px, 2.1vw, 23px); line-height: 1.6; color: #3C4137; }

/* kereső */
.search-form { display: flex; gap: 10px; max-width: 480px; }
.search-form input[type="search"] {
  flex: 1; padding: 15px 18px; border: 1.5px solid var(--line);
  border-radius: 12px; background: var(--white);
}
.search-form button {
  padding: 15px 24px; border: none; border-radius: 12px;
  background: var(--ink); color: var(--bone); font-weight: 700; cursor: pointer;
}

.hiba404-lista { list-style: none; display: grid; gap: 12px; margin: 34px 0; }
.hiba404-lista li { display: flex; gap: 14px; align-items: center; font-size: 18px; }
.hiba404-lista a { color: var(--moss); text-decoration: underline; text-underline-offset: 3px; }
.hiba404-kereso { margin-top: 34px; }

@media (max-width: 1000px) { .cikk-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .cikk-grid { grid-template-columns: 1fr; } }

/* --------------------------------------------- ütemezett cikk (előnézet)
   Csak a lokális és a staging példányon látszik: ott a még meg nem jelent
   cikkek is kilistázódnak, hogy egyben lehessen látni a blogot. */
.cikk-kartya .card-media { position: relative; }

.cikk-utemezve {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 12px;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--lime);
  border-radius: 999px;
  box-shadow: var(--shadow-s);
}