/* ═══════════════════════════════════════════════════════════
   mikloskrisztian.hu — BLOG (lista + cikk), az alap.css-re épül.
   Sötét fej (grafit + arany), a cikk szövege világos lapon:
   hosszú olvasáshoz ez a legkíméletesebb.
   Forrás: - WEB - MIKLOSKRISZTIAN.HU/aloldalak/mk-kozos/blog.css
   ═══════════════════════════════════════════════════════════ */
:root{
  --paper:#F7F6F3;
  --ink:#1B1B19;
  --ink-soft:#4A4740;
  --ink-muted:#6E6A61;      /* 5,2:1 a papíron */
  --gold-dark:#8A6A33;      /* arany link a papíron, 4,9:1 */
  --paper-line:rgba(27,27,25,.12);
}
body.mkb{background:var(--bg)}
.admin-bar .mini{top:32px}
@media (max-width:782px){ .admin-bar .mini{top:46px} }
.mini__tel{font:500 14px/1 var(--sans);color:var(--gold);letter-spacing:.02em}
.mini__nav a[href="/blog/"]{color:var(--text)}

/* ── fej: lista ─────────────────────────────────────────── */
.bhero{padding:clamp(130px,18vw,190px) var(--pad) clamp(40px,6vw,70px)}
.bhero__in{max-width:1180px;margin:0 auto}
.bhero__h{font-size:clamp(40px,6.4vw,84px);line-height:1.04;margin:18px 0 22px;max-width:15ch}
.bhero__p{font-size:clamp(17px,1.5vw,19px);color:var(--text-soft);max-width:52ch}

/* ── kártyák ────────────────────────────────────────────── */
.lista,.tobbi{padding:0 var(--pad) clamp(70px,9vw,120px)}
.lista>.racs,.lista>.kartya--nagy,.tobbi>*{max-width:1180px;margin-left:auto;margin-right:auto}
.racs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px)}
.racs:empty{display:none}
.kartya{display:flex;flex-direction:column;background:var(--bg-2);border-radius:4px;overflow:hidden;
  transition:transform .5s var(--e),box-shadow .5s var(--e)}
.kartya:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.kartya__kep{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-3)}
.kartya__kep img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e)}
.kartya:hover .kartya__kep img{transform:scale(1.04)}
.kartya__ures{display:grid;place-items:center;height:100%;font:500 34px/1 var(--serif);color:var(--gold);opacity:.5}
.kartya__szoveg{display:flex;flex-direction:column;gap:12px;padding:22px 24px 26px;flex:1}
.kartya__meta{font:500 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.kartya__cim{font-size:clamp(21px,1.9vw,25px);line-height:1.2}
.kartya__cim a:hover{color:var(--gold)}
.kartya__kivonat{color:var(--text-soft);font-size:15px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kartya__tovabb{margin-top:auto;padding-top:6px;font:500 14px/1 var(--sans);color:var(--gold)}
.kartya__tovabb span{display:inline-block;transition:transform .4s var(--e)}
.kartya:hover .kartya__tovabb span{transform:translateX(5px)}

/* kiemelt, legfrissebb cikk */
.kartya--nagy{display:grid;grid-template-columns:1.35fr 1fr;margin-bottom:clamp(20px,2.6vw,36px)}
.kartya--nagy .kartya__kep{aspect-ratio:auto;min-height:100%}
.kartya--nagy .kartya__szoveg{padding:clamp(28px,3.4vw,48px);justify-content:center;gap:16px}
.kartya--nagy .kartya__cim{font-size:clamp(28px,3vw,42px);line-height:1.1}
.kartya--nagy .kartya__kivonat{font-size:16px;-webkit-line-clamp:4}
.kartya--nagy .kartya__tovabb{margin-top:8px}

.lapozo{max-width:1180px;margin:48px auto 0}
.lapozo ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.lapozo a,.lapozo span{display:inline-flex;min-width:44px;height:44px;padding:0 16px;align-items:center;justify-content:center;
  border-radius:100px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--text-soft)}
.lapozo a:hover{color:var(--gold)}
.lapozo .current{background:var(--gold);color:var(--bg-3);box-shadow:none}
.lista__ures{max-width:1180px;margin:0 auto;color:var(--text-soft)}

/* ── fej: cikk ──────────────────────────────────────────── */
.chero{padding:clamp(130px,16vw,180px) var(--pad) clamp(150px,16vw,220px)}
.chero__in{max-width:900px;margin:0 auto;text-align:center}
.chero .tag a:hover{color:var(--text)}
.chero__h{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:20px auto 22px;max-width:20ch;text-wrap:balance}
.chero__meta{font-size:14px;color:var(--muted);letter-spacing:.02em}

/* világos lap a szövegnek */
.lap{background:var(--paper);color:var(--ink);padding:0 var(--pad) clamp(70px,8vw,110px)}
.cikk__kep{max-width:1100px;margin:calc(-1 * clamp(110px,13vw,180px)) auto clamp(44px,5vw,64px);
  border-radius:4px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.28)}
.cikk__kep img{width:100%;aspect-ratio:16/9;object-fit:cover}
.lap:not(:has(.cikk__kep)){padding-top:clamp(50px,6vw,80px)}

.cikk{max-width:680px;margin:0 auto;font:400 18px/1.75 var(--sans);color:var(--ink)}
.cikk>*+*{margin-top:1.15em}
.cikk>p:first-of-type{font-size:20px;line-height:1.65;color:var(--ink)}
.cikk h2,.cikk h3{font-family:var(--serif);font-weight:500;color:var(--ink);text-transform:none;letter-spacing:-.01em;
  font-variation-settings:'opsz' 20}
.cikk h2{font-size:clamp(26px,2.6vw,32px);line-height:1.2;margin-top:2em;padding-top:.9em;border-top:1px solid var(--paper-line)}
.cikk h3{font-family:var(--sans);font-weight:600;font-size:20px;line-height:1.35;letter-spacing:0;margin-top:1.9em;padding-left:14px;border-left:3px solid var(--gold)}
.cikk strong,.cikk b{font-weight:600;color:var(--ink)}
.cikk a{color:var(--gold-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cikk a:hover{color:var(--ink)}
.cikk ul,.cikk ol{padding-left:1.3em}
.cikk ul{list-style:none;padding-left:0}
.cikk ul li{position:relative;padding-left:1.5em}
.cikk ul li::before{content:"";position:absolute;left:.15em;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.cikk ol{list-style:decimal}
.cikk li+li{margin-top:.55em}
.cikk blockquote{border-left:2px solid var(--gold);padding:.2em 0 .2em 1.2em;font:400 22px/1.5 var(--serif);color:var(--ink-soft)}
.cikk img{border-radius:4px}
.cikk table{width:100%;border-collapse:collapse;font-size:16px}
.cikk th,.cikk td{padding:10px 12px;border-bottom:1px solid var(--paper-line);text-align:left}
/* forrás, jogi nyilatkozat, kép-jelölés: apró, halvány */
.cikk>p:has(>em:only-child){font-size:14px;line-height:1.6;color:var(--ink-muted)}
.cikk>p:has(>em:only-child) em{font-style:normal}
.cikk>p:has(>em:only-child) a{color:var(--ink-muted)}
.cikk .mk-disclaimer{margin-top:2em;padding:16px 18px;border-left:2px solid var(--gold);background:rgba(27,27,25,.04);
  font-size:13px;line-height:1.6;color:var(--ink-muted)}
.cikk .mk-disclaimer *{font-size:inherit;color:inherit}
.cikk .mk-back-to-blog{display:none}

/* kapcsolatfelvétel a cikk végén */
.hivas{max-width:880px;margin:clamp(56px,7vw,90px) auto 0;padding:clamp(32px,4.5vw,56px);background:var(--bg);color:var(--text);
  border-radius:4px;text-align:center}
.hivas__h{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:14px auto 14px;max-width:22ch}
.hivas__p{color:var(--text-soft);max-width:46ch;margin:0 auto 26px}
.hivas__gombok{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* további cikkek */
.tobbi{padding-top:clamp(64px,8vw,100px)}
.tobbi__h{font-size:clamp(28px,3vw,40px);margin-bottom:28px}
.tobbi__mind{margin-top:36px;text-align:center}

@media (max-width:980px){
  .racs{grid-template-columns:repeat(2,1fr)}
  .kartya--nagy{grid-template-columns:1fr}
  .kartya--nagy .kartya__kep{aspect-ratio:16/10}
}
@media (max-width:640px){
  .racs{grid-template-columns:1fr}
  .mini__tel{display:none}
  .cikk{font-size:17px}
  .cikk>p:first-of-type{font-size:18px}
  .chero__in{text-align:left}
  .chero__h{margin-left:0}
}

/* a régi WP-s sütibővítmény (GDPR Cookie Compliance) jelölése: a blogon a saját suti.js sávja dolgozik */
#moove_gdpr_cookie_info_bar,#moove_gdpr_cookie_modal,#moove_gdpr_save_popup_settings_button,.gdpr_lightbox,.gdpr_lightbox-hide,.gdpr-shr-button{display:none!important}

/* táblázat mobilon: kisebb betű és cellatávolság, hogy kiférjen (10-29) */
.cikk table{max-width:100%}
@media (max-width:640px){
  .cikk table{font-size:14px;line-height:1.35}
  .cikk th,.cikk td{padding:9px 6px}
  .cikk th{font-size:12.5px}
}
@media (max-width:359px){
  .cikk table{font-size:13px}
  .cikk th{font-size:12px}
  .cikk th,.cikk td{padding:8px 4px}
}

/* ── lista: „Kiemelt cikk” + „További cikkek” cím, a többi cikk soronként (kép bal, szöveg jobb) – 10-29 ── */
.lista>.lista__cimke{max-width:1180px;margin:0 auto 26px;font-size:clamp(28px,3vw,40px);line-height:1.15}
.lista>.lista__cimke--tovabb{margin-top:clamp(64px,8vw,100px);padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:0}
.lista>.kartya--nagy{margin-bottom:0}

.lista .racs{grid-template-columns:1fr;gap:0}
.lista .racs .kartya{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(22px,3vw,40px);align-items:center;
  background:none;border-radius:0;overflow:visible;padding:clamp(26px,3vw,36px) 0;border-bottom:1px solid var(--line)}
.lista .racs .kartya:hover{transform:none;box-shadow:none}
.lista .racs .kartya__kep{border-radius:4px;aspect-ratio:16/10}
.lista .racs .kartya__szoveg{padding:0;gap:12px}
.lista .racs .kartya__cim{order:1;font-size:clamp(23px,2.2vw,30px);line-height:1.18;max-width:30ch}
.lista .racs .kartya:hover .kartya__cim a{color:var(--gold)}
.lista .racs .kartya__kivonat{order:2;max-width:68ch;-webkit-line-clamp:2}
.lista .racs .kartya__meta{order:3;margin-top:4px}
.lista .racs .kartya__tovabb{display:none}

@media (max-width:640px){
  .lista .racs .kartya{grid-template-columns:116px 1fr;gap:16px;align-items:start;padding:22px 0}
  .lista .racs .kartya__kep{aspect-ratio:1/1}
  .lista .racs .kartya__szoveg{gap:8px}
  .lista .racs .kartya__cim{font-size:19px;line-height:1.22}
  .lista .racs .kartya__kivonat{display:none}
  .lista .racs .kartya__meta{font-size:10px;letter-spacing:.14em;margin-top:2px}
}

/* kiemelt cikk: halvány panel + arany keret, hogy külön dobozként látsszon (10-29) */
.lista>.kartya--nagy{background:var(--bg-2);box-shadow:inset 0 0 0 1px rgba(201,168,106,.28);border-radius:6px;padding:clamp(12px,1.4vw,20px)}
.lista>.kartya--nagy .kartya__kep{border-radius:4px}
.lista>.kartya--nagy .kartya__szoveg{background:none}
.lista>.kartya--nagy:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(201,168,106,.5)}

/* a cikk kulcskérdése külön sorban, címszerűen (10-29) */
.cikk .mk-kerdes{font:600 clamp(24px,2.5vw,29px)/1.25 var(--serif);color:var(--ink);letter-spacing:-.01em;
  font-variation-settings:'opsz' 20;margin:1.3em 0 1.2em;text-wrap:balance}
/* a kiemelt kártya képe teljes 16:9-ben, vágás nélkül (a borítókon szöveg van) */
.lista>.kartya--nagy .kartya__kep{aspect-ratio:16/9;min-height:0;align-self:center}
/* „Rögzített cikk” után a „Kiemelt cikk” címe (10-29) */
.lista>.lista__cimke--kozte{margin-top:clamp(64px,8vw,100px)}
.lista>.kartya--nagy+.kartya--nagy{margin-top:clamp(20px,2.6vw,36px)}