/* Bejegyzés-kártyák (Bejegyzések oldal, kezdőlap, Utazási tippek).
   A honlap saját színeit és betűit használja; minden választó ck- előtagú. */
.ck-racs{list-style:none; margin:0; padding:0; display:grid; gap:22px;
  grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}
.ck-racs > li{display:flex; min-width:0}
.ck{display:flex; flex-direction:column; width:100%; overflow:hidden; text-decoration:none;
  color:var(--tinta, #12333d); background:var(--feher, #fff);
  border:1px solid var(--vonal, #dfebed); border-radius:var(--ir, 16px);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.ck:hover, .ck:focus-visible{transform:translateY(-3px); color:var(--tinta, #12333d);
  border-color:var(--fo, #10b5c9); box-shadow:0 14px 30px -18px rgba(18,51,61,.45)}
.ck-kep{display:grid; place-items:center; aspect-ratio:3/2; overflow:hidden; color:rgba(255,255,255,.9)}
.ck-kep img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease}
.ck:hover .ck-kep img{transform:scale(1.04)}
.ck-kep svg{width:54px; height:54px}
.ck-szin0{background:linear-gradient(135deg,#e9a23b,#d9772a)}
.ck-szin1{background:linear-gradient(135deg,#2aa7b8,#0b7f92)}
.ck-szin2{background:linear-gradient(135deg,#c8566b,#9c2f52)}
.ck-szin3{background:linear-gradient(135deg,#5fa777,#2f7d63)}
.ck-szoveg{display:flex; flex-direction:column; flex:1; gap:8px; padding:16px 18px 16px}
.ck .ck-cim{margin:0; font-family:var(--display, "Fraunces", Georgia, serif); font-weight:700;
  font-size:19.5px; line-height:1.22; letter-spacing:-.012em; text-wrap:pretty}
.ck .ck-lead{margin:0; font-size:14.5px; line-height:1.5; color:var(--halvany, #5f7a83);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden}
.ck-lab{display:flex; justify-content:space-between; align-items:baseline; gap:10px;
  margin-top:auto; padding-top:8px; font-size:13px; color:var(--halvany, #5f7a83)}
.ck-lab b{font-weight:700; color:var(--fo-sotet, #0b8fa1); white-space:nowrap}

/* a Bejegyzések oldal: széles rács, legfeljebb 8 kártya, alatta lapozó */
.ck-lap{max-width:none}
.ck-lap .uticel-lead{max-width:46em}
.ck-lapozo{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:34px 0 8px}
.ck-lapozo a, .ck-lapozo span{min-width:44px; height:44px; padding:0 14px; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center; border-radius:999px;
  border:1px solid var(--vonal, #dfebed); background:var(--feher, #fff); color:var(--tinta, #12333d);
  text-decoration:none; font-weight:700; font-size:15px}
.ck-lapozo a:hover{border-color:var(--fo, #10b5c9)}
.ck-lapozo [aria-current]{background:var(--tinta, #12333d); border-color:var(--tinta, #12333d); color:#fff}
.ck-lapozo .ck-nincs{opacity:.38}
.ck-hol{text-align:center; font-size:13.5px; color:var(--halvany, #5f7a83); margin:0 0 30px}
/* mobilon tömör sorok: balra a kép, jobbra a cím – így nyolc kártya is rövid */
@media (max-width:560px){
  .ck-racs{gap:12px; grid-template-columns:1fr}
  .ck{flex-direction:row; align-items:stretch}
  .ck-kep{flex:none; width:118px; aspect-ratio:auto; min-height:112px}
  .ck-kep svg{width:38px; height:38px}
  .ck-szoveg{padding:12px 14px; gap:6px; min-width:0}
  .ck .ck-cim{font-size:17px; line-height:1.22}
  .ck .ck-lead{font-size:13.5px; -webkit-line-clamp:2; line-clamp:2}
  .ck-lab{padding-top:4px; font-size:12.5px}
  .ck-lapozo{gap:6px}
  .ck-lapozo a, .ck-lapozo span{padding:0 10px}
}
@media (prefers-reduced-motion:reduce){ .ck, .ck-kep img{transition:none} .ck:hover{transform:none} }