/* ============================================================
   zapribehom.sk – BLOG (článok)  ·  blog.css  ·  v1
   Všetko je pod .zp-blog, aby sa nič nepretrhlo na zvyšku webu.
   Farby berie zo značkových premenných webu (--eventy-token-*),
   ak chýbajú, použijú sa záložné hodnoty. Len svetlý režim
   (web zatiaľ tmavú tému nemá).
   ============================================================ */
.zp-blog{
  --zp-ink:var(--eventy-token-ink,#12332b);
  --zp-muted:var(--eventy-token-ink-muted,#47605a);
  --zp-bg:var(--eventy-token-surface-100,#ffffff);
  --zp-surface:var(--eventy-token-surface-300,#f3f6f4);
  --zp-line:rgba(18,51,43,.14);
  --zp-noc:var(--eventy-token-surface-noc,#12332b);
  --zp-noc-2:var(--eventy-token-surface-noc-stlac,#24493f);
  --zp-on-noc:var(--eventy-token-ink-na-noci,#ffffff);
  --zp-on-noc-muted:var(--eventy-token-ink-muted-na-noci,#c9d8d2);
  --zp-marhula:var(--eventy-token-marhula,#e9a07b);
  --zp-dekor:var(--eventy-token-dekor,#f6dfd0);
  --zp-akcent:var(--eventy-token-surface-akcent,#fbede4);
  --zp-brick:var(--eventy-token-koniec,#9a3c1c);
  --zp-warn:#f9e7e0;
  font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--zp-ink);
  font-size:17px;line-height:1.65;
}
.zp-blog *,.zp-blog *::before,.zp-blog *::after{box-sizing:border-box}
.zp-blog a{color:var(--zp-ink)}
.zp-blog :focus-visible{outline:3px solid var(--zp-marhula);outline-offset:2px}
.zp-wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* ---------- hlavička článku ---------- */
.zp-omrvinky{font-size:14px;color:var(--zp-muted);margin:0;padding-top:28px}
.zp-omrvinky a{color:var(--zp-muted)}
.zp-hlavicka{padding-top:14px;max-width:820px}
.zp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.zp-chip{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;padding:5px 12px;border-radius:999px;background:var(--zp-noc);color:var(--zp-on-noc)!important;text-decoration:none}
.zp-chip--jemny{background:var(--zp-dekor);color:var(--zp-ink)!important}
.zp-titulok{font-size:clamp(32px,5.4vw,54px);line-height:1.04;letter-spacing:-.025em;font-weight:800;margin:0 0 18px;text-wrap:balance}
.zp-perex{font-size:clamp(19px,2.4vw,22px);line-height:1.5;color:var(--zp-muted);margin:0 0 22px;max-width:62ch}
.zp-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--zp-muted);padding-bottom:26px}
.zp-meta strong{color:var(--zp-ink);font-weight:700}
.zp-titulna{margin:0}
.zp-titulna img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:18px}
@media (max-width:640px){.zp-titulna img{aspect-ratio:4/3}}
.zp-titulna figcaption{font-size:14px;color:var(--zp-muted);padding-top:9px;line-height:1.45}

/* ---------- rozloženie: obsah vľavo + text ---------- */
.zp-rozlozenie{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:34px;padding-bottom:56px}
@media (min-width:1020px){.zp-rozlozenie{grid-template-columns:230px minmax(0,700px);gap:64px;justify-content:center}}
.zp-obsah{align-self:start}
@media (min-width:1020px){.zp-obsah{position:sticky;top:24px}}
.zp-obsah__nadpis{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--zp-muted);margin:0 0 10px;font-weight:700}
.zp-obsah ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--zp-line)}
.zp-obsah a{display:block;padding:5px 0 5px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;font-size:15px;line-height:1.35;color:var(--zp-muted)}
.zp-obsah a:hover{color:var(--zp-ink);border-left-color:var(--zp-marhula)}
@media (max-width:1019px){
  .zp-obsah{background:var(--zp-surface);border-radius:14px;padding:16px 18px}
  .zp-obsah ol{border-left:0}
  .zp-obsah a{padding-left:0;border-left:0;margin-left:0}
}

/* ---------- text článku ---------- */
.zp-text{min-width:0}
.zp-text>*+*{margin-top:1.15em;margin-bottom:0}
.zp-text h2{font-size:clamp(25px,3.6vw,32px);line-height:1.15;letter-spacing:-.015em;font-weight:800;margin-top:2.1em;margin-bottom:0;text-wrap:balance;scroll-margin-top:20px}
.zp-text h3{font-size:20px;line-height:1.25;font-weight:800;margin-top:1.7em;margin-bottom:0}
.zp-text p{margin-bottom:0}
.zp-text a{text-decoration-color:var(--zp-marhula);text-decoration-thickness:2px;text-underline-offset:3px}
.zp-text mark{background:var(--zp-dekor);color:var(--zp-ink);padding:0 .2em;border-radius:3px}
.zp-text img{max-width:100%;height:auto}

/* odrážky (obyčajný zoznam) */
.zp-text ul:not([class*="zp-"]){list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}
.zp-text ul:not([class*="zp-"])>li{padding-left:28px;position:relative}
.zp-text ul:not([class*="zp-"])>li::before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:10px;border-radius:50% 50% 50% 0;background:var(--zp-marhula)}
/* číslovaný zoznam: obyčajný */
.zp-text ol:not([class*="zp-"]):not(.is-style-zp-kroky){padding-left:1.4em}
/* číslovaný zoznam: kroky (štýl bloku) */
.zp-text ol.is-style-zp-kroky{list-style:none;padding:0;counter-reset:zpk;border-top:1px solid var(--zp-line)}
.zp-text ol.is-style-zp-kroky>li{counter-increment:zpk;padding:16px 0 16px 56px;position:relative;border-bottom:1px solid var(--zp-line)}
.zp-text ol.is-style-zp-kroky>li::before{content:counter(zpk);position:absolute;left:0;top:14px;width:36px;height:36px;border-radius:50% 50% 50% 4px;background:var(--zp-noc);color:var(--zp-on-noc);font-weight:800;display:grid;place-items:center;font-size:16px}
.zp-text ol.is-style-zp-kroky>li strong{display:block;font-size:18px;font-weight:800}

/* citát v bubline (štýl bloku Citát) */
.zp-text .wp-block-quote.is-style-zp-bublina{background:var(--zp-noc);color:var(--zp-on-noc);border:0;border-radius:28px 28px 28px 6px;padding:26px 28px;margin-top:1.8em;font-size:clamp(21px,3vw,26px);line-height:1.3;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.zp-text .wp-block-quote.is-style-zp-bublina p{margin:0;color:inherit;font-size:inherit}
.zp-text .wp-block-quote.is-style-zp-bublina cite{display:block;margin-top:12px;font-size:14px;font-weight:500;letter-spacing:0;font-style:normal;color:var(--zp-on-noc-muted)}

/* tip / pozor / zhrnutie (štýly bloku Skupina) */
.zp-text .wp-block-group.is-style-zp-tip,
.zp-text .wp-block-group.is-style-zp-pozor{border-radius:14px;padding:18px 20px}
.zp-text .wp-block-group.is-style-zp-tip{background:var(--zp-akcent)}
.zp-text .wp-block-group.is-style-zp-pozor{background:var(--zp-warn)}
.zp-text .wp-block-group.is-style-zp-tip>*+*,
.zp-text .wp-block-group.is-style-zp-pozor>*+*,
.zp-text .wp-block-group.is-style-zp-zhrnutie>*+*{margin-top:.6em}
.zp-text .zp-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;background:var(--zp-marhula);color:var(--zp-ink);padding:3px 10px;border-radius:999px;margin:0 0 8px}
.zp-text .is-style-zp-pozor .zp-tag{background:var(--zp-brick);color:#fff}
.zp-text .wp-block-group.is-style-zp-zhrnutie{background:var(--zp-surface);border-radius:16px;padding:22px 24px}
.zp-text .wp-block-group.is-style-zp-zhrnutie h2,
.zp-text .wp-block-group.is-style-zp-zhrnutie h3{margin-top:0;font-size:22px}

/* tabuľka */
.zp-text .wp-block-table{overflow-x:auto;border:1px solid var(--zp-line);border-radius:14px;margin-left:0;margin-right:0}
.zp-text .wp-block-table table{border-collapse:collapse;width:100%;min-width:460px;font-size:16px;border:0}
.zp-text .wp-block-table th,.zp-text .wp-block-table td{text-align:left;padding:12px 16px;border:0;border-bottom:1px solid var(--zp-line)}
.zp-text .wp-block-table thead{border:0}
.zp-text .wp-block-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--zp-muted);background:var(--zp-surface);font-weight:700}
.zp-text .wp-block-table tr:last-child td{border-bottom:0}
.zp-text .wp-block-table tfoot td{font-weight:800;background:var(--zp-surface)}
.zp-text .wp-block-table figcaption{padding:8px 16px 10px;font-size:14px;color:var(--zp-muted)}

/* obrázky a galéria */
.zp-text .wp-block-image img,
.zp-text .wp-block-gallery img{border-radius:14px}
.zp-text figcaption{font-size:14px;color:var(--zp-muted);line-height:1.45;padding-top:9px;text-align:left}
.zp-text .wp-block-gallery{gap:12px}

/* FAQ (blok Podrobnosti) */
.zp-text .wp-block-details{border-bottom:1px solid var(--zp-line);margin-top:0}
.zp-text .wp-block-details+.wp-block-details{margin-top:0}
.zp-text .wp-block-details summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:800;font-size:18px;position:relative;line-height:1.3}
.zp-text .wp-block-details summary::-webkit-details-marker{display:none}
.zp-text .wp-block-details summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:26px;font-weight:400;line-height:1;transition:transform .2s}
.zp-text .wp-block-details[open] summary::after{transform:rotate(45deg)}
.zp-text .wp-block-details>*:not(summary){margin:0 0 16px;color:var(--zp-muted)}

/* ---------- VLASTNÉ BLOKY ---------- */
/* Rýchly prehľad  (zapribehom/fakty) */
.zp-fakty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--zp-surface);border-radius:16px;overflow:hidden;margin:0;padding:0}
@media (min-width:640px){.zp-fakty{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zp-fakty>div{padding:16px 18px;border-top:1px solid var(--zp-line);border-left:1px solid var(--zp-line);margin:-1px 0 0 -1px}
.zp-fakty dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--zp-muted);margin:0}
.zp-fakty dd{margin:4px 0 0;font-size:18px;font-weight:800;line-height:1.25}

/* Checklist  (zapribehom/checklist) */
.zp-checklist__nadpis{margin:0 0 10px!important}
.zp-checklist__zoznam{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;border:1px solid var(--zp-line);border-radius:14px;overflow:hidden}
@media (min-width:560px){.zp-checklist__zoznam{grid-template-columns:1fr 1fr}}
.zp-checklist__zoznam li{border-bottom:1px solid var(--zp-line);padding:0!important;margin:0}
.zp-checklist__zoznam li::before{display:none!important}
.zp-checklist__zoznam label{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;cursor:pointer;font-size:16px;line-height:1.4}
.zp-checklist__zoznam input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--zp-noc);flex:none}
.zp-checklist__zoznam input:checked+span{text-decoration:line-through;color:var(--zp-muted)}
.zp-checklist__poznamka{font-size:14px;color:var(--zp-muted);margin:8px 0 0}

/* Trasa  (zapribehom/trasa) */
.zp-trasa{margin-left:0;margin-right:0}
.zp-trasa__nadpis{margin:0 0 12px!important}
.zp-trasa__mapa svg{display:block;width:100%;height:auto;border-radius:16px;background:var(--zp-surface)}
.zp-trasa__mapa figcaption,.zp-trasa__popis{font-size:14px;color:var(--zp-muted);padding-top:9px;line-height:1.45}
.zp-m-grat{stroke:var(--zp-line);stroke-width:1;fill:none}
.zp-m-trasa{stroke:var(--zp-ink);stroke-width:3;fill:none;stroke-dasharray:2 9;stroke-linecap:round;stroke-linejoin:round}
.zp-m-bod{fill:var(--zp-bg);stroke:var(--zp-ink);stroke-width:3}
.zp-m-bod--hlavny{fill:var(--zp-marhula)}
.zp-m-text{fill:var(--zp-ink);font-family:Archivo,system-ui,sans-serif;font-size:22px;font-weight:700}
.zp-m-text--maly{fill:var(--zp-muted);font-size:17px;font-weight:500}
.zp-trasa__kroky{list-style:none;margin:16px 0 0;padding:0;counter-reset:zpt;border-top:1px solid var(--zp-line)}
.zp-trasa__kroky>li{counter-increment:zpt;padding:16px 0 16px 56px;position:relative;border-bottom:1px solid var(--zp-line);margin:0}
.zp-trasa__kroky>li::before{content:counter(zpt);position:absolute;left:0;top:14px;width:36px;height:36px;border-radius:50% 50% 50% 4px;background:var(--zp-noc);color:var(--zp-on-noc);font-weight:800;display:grid;place-items:center;font-size:16px}
.zp-trasa__kedy{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--zp-brick)}
.zp-trasa__kroky strong{display:block;font-size:18px;font-weight:800}

/* ---------- autor (pod článkom) ---------- */
.zp-autor{display:flex;gap:16px;align-items:center;padding-top:22px;border-top:1px solid var(--zp-line);margin-top:2.4em}
.zp-autor__foto{width:56px;height:56px;border-radius:50% 50% 50% 8px;background:var(--zp-noc);color:var(--zp-on-noc);display:grid;place-items:center;font-weight:800;font-size:22px;flex:none;overflow:hidden}
.zp-autor__foto img{width:100%;height:100%;object-fit:cover}
.zp-autor p{margin:0;font-size:15px;color:var(--zp-muted);line-height:1.45}
.zp-autor b{display:block;color:var(--zp-ink);font-size:17px}

@media (prefers-reduced-motion:reduce){.zp-blog *{transition:none!important}.zp-blog{scroll-behavior:auto}}

/* ---------- pásik postupu čítania (len na článku) ---------- */
.zp-postup{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);height:4px;background:rgba(18,51,43,.10);z-index:999;pointer-events:none}
.zp-postup__pas{display:block;height:100%;background:var(--eventy-token-marhula,#e9a07b);transform:scaleX(0);transform-origin:left center}
@media (prefers-reduced-motion:no-preference){.zp-postup__pas{transition:transform .08s linear}}

/* ---------- odber nových článkov pod článkom (formulár dodá eventy-mapa) ---------- */
.zp-novinky{background:var(--zp-noc);color:var(--zp-on-noc);margin-top:8px}
.zp-novinky .zp-wrap{padding-top:40px;padding-bottom:40px}
.zp-novinky a{color:var(--zp-on-noc)}
.zp-novinky .eventy-odber-clanky{display:grid;gap:10px 48px;align-items:start}
@media (min-width:820px){
  .zp-novinky .eventy-odber-clanky{grid-template-columns:1fr 1fr}
  .zp-novinky .eventy-odber-clanky__nadpis{grid-column:1;grid-row:1}
  .zp-novinky .eventy-odber-clanky__veta{grid-column:1;grid-row:2}
  .zp-novinky .eventy-odber-clanky__form{grid-column:2;grid-row:1/3;align-self:center}
  .zp-novinky .eventy-odber-clanky__suhlas,.zp-novinky .eventy-odber-clanky__pozn{grid-column:2}
}
.zp-novinky .eventy-odber-clanky__nadpis{font-size:clamp(24px,3.4vw,32px);font-weight:800;letter-spacing:-.015em;line-height:1.1;margin:0;color:var(--zp-on-noc)}
.zp-novinky .eventy-odber-clanky__veta{margin:0;color:var(--zp-on-noc-muted);font-size:16px}
.zp-novinky form{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.zp-novinky input[type=email]{flex:1 1 220px;min-width:0;font:inherit;padding:13px 16px;border-radius:999px;border:2px solid transparent;background:var(--zp-on-noc);color:var(--zp-ink)}
.zp-novinky button,.zp-novinky input[type=submit]{font:inherit;font-weight:800;padding:13px 24px;border-radius:999px;border:0;background:var(--zp-marhula);color:var(--zp-ink);cursor:pointer}
.zp-novinky .eventy-odber-clanky__suhlas,.zp-novinky .eventy-odber-clanky__pozn,.zp-novinky label,.zp-novinky small{margin:0;color:var(--zp-on-noc-muted);font-size:13px;line-height:1.45}
.zp-novinky .eventy-odber-hotovo,.zp-novinky .eventy-odber-chyba,.zp-novinky .eventy-odber-odpoved{color:var(--zp-on-noc);margin:8px 0 0}

/* ---------- obal šablóny na článku: plná šírka, bez bieleho rámu ---------- */
.zp-ma-clanok .site-content .content-area{width:100%}
.zp-ma-clanok .inside-article,.zp-ma-clanok .site-main{padding:0;margin:0;background:transparent}

/* ---------- doladenie voči šablóne GeneratePress (1.0.1) ---------- */
/* Skupina má v šablóne vnútorný obal s okrajom 40 px; v našich rámikoch nie. */
.zp-text .wp-block-group[class*="is-style-zp-"]>.wp-block-group__inner-container{padding:0}
.zp-text .wp-block-group[class*="is-style-zp-"]>.wp-block-group__inner-container>*{margin-top:0;margin-bottom:0;max-width:none}
.zp-text .wp-block-group[class*="is-style-zp-"]>.wp-block-group__inner-container>*+*{margin-top:.6em}
.zp-text .wp-block-group.is-style-zp-zhrnutie>.wp-block-group__inner-container>h3+*{margin-top:12px}
/* Zoznamy bez odsadenia šablóny. */
.zp-text ul,.zp-text ol{margin-left:0;margin-right:0;margin-bottom:0}
/* Citát v bubline nie je kurzívou. */
.zp-text .wp-block-quote.is-style-zp-bublina,.zp-text .wp-block-quote.is-style-zp-bublina p{font-style:normal}
/* Galéria: posledná fotka v rade nesmie byť vyššia ako obrazovka. */
.zp-text .wp-block-gallery .wp-block-image img{max-height:440px;object-fit:cover}
/* Nápis na mape čitateľný aj nad čiarou trasy. */
.zp-m-text{paint-order:stroke;stroke:var(--zp-surface);stroke-width:6px;stroke-linejoin:round}
/* Odber článkov ako karta v šírke obsahu. */
.zp-novinky{max-width:1080px;margin:8px auto 0;border-radius:20px}
@media (max-width:1112px){.zp-novinky{margin-left:16px;margin-right:16px}}