/* Aktuality — zoznam článkov. Zložené 23. 9. 2026 z 8 vrstiev štýlov, ktoré predtým
   vkladal blog-renderer.js cez JavaScript (každá s MutationObserverom nad celou stránkou), v presnom
   poradí z DOM živého webu, aby vzhľad ostal rovnaký. Obsah Aktualít teraz skladá server
   (server/sekcie/aktuality.js). Vrstvy: v176-blog-card-no-crop-style, v177-blog-card-compact-contain-style, v181-blog-card-hide-caption-style, v141-media-style, v170-blog-list-final-style, v170-blog-list-media-final-style, v173-blog-list-image-fit-style, v175-blog-card-hard-contain-style. */

/* --- v176-blog-card-no-crop-style --- */
      
      .blog-grid .blog-card .blog-img img:not(.video-thumb),
      .blog-grid .blog-card .blog-card-media img:not(.video-thumb),
      .blog-grid .blog-card .blog-img .v141-media img:not(.video-thumb),
      .blog-grid .blog-card .blog-img .v141-media-frame img:not(.video-thumb){
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
        padding:18px!important;
        margin:0!important;
        background:#fff!important;
        box-sizing:border-box!important;
        transform:none!important;
        display:block!important;
      }
                  
/* --- v177-blog-card-compact-contain-style --- */
      .blog-grid .blog-card .blog-img,.blog-grid .blog-card .blog-img.small{
        width:100%!important;height:205px!important;min-height:205px!important;max-height:205px!important;aspect-ratio:auto!important;
        overflow:hidden!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important
      }
      .blog-grid .blog-card .blog-img .blog-card-media,.blog-grid .blog-card .blog-img .v141-media,.blog-grid .blog-card .blog-img .v141-media-frame,.blog-grid .blog-card .blog-img .v141-media-frame a{
        width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#fff!important
      }
      .blog-grid .blog-card .blog-img img:not(.video-thumb),.blog-grid .blog-card .blog-card-media img:not(.video-thumb),.blog-grid .blog-card .blog-img .v141-media img:not(.video-thumb),.blog-grid .blog-card .blog-img .v141-media-frame img:not(.video-thumb){
        width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:auto!important;background:transparent!important;box-sizing:border-box!important;transform:none!important;display:block!important
      }
      .blog-grid .blog-card .blog-body{padding:18px 20px 20px!important}.blog-grid .blog-card .blog-body h3,.blog-grid .blog-card .blog-body h2{font-size:var(--fs-h3)!important;line-height:1.22!important}.blog-grid .blog-card .blog-body p{font-size:var(--fs-base)!important;line-height:1.5!important}
      @media(max-width:980px){.blog-grid .blog-card .blog-img,.blog-grid .blog-card .blog-img.small{height:220px!important;min-height:220px!important;max-height:220px!important}}
      @media(max-width:620px){.blog-grid .blog-card .blog-img,.blog-grid .blog-card .blog-img.small{height:190px!important;min-height:190px!important;max-height:190px!important}.blog-grid .blog-card .blog-body{padding:16px!important}}

/* --- v181-blog-card-hide-caption-style --- */
.blog-grid .blog-card .blog-img .v141-media-caption,
      .blog-grid .blog-card .blog-img small.v141-media-caption,
      .blog-img .blog-card-media > .v141-media-caption{
        display:none!important;
        visibility:hidden!important;
        width:0!important;
        height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
      }

/* --- v141-media-style --- */
.v141-media{box-sizing:border-box;max-width:100%}
      .v141-media-frame{position:relative;overflow:hidden;width:100%;height:100%}
      .v141-media img,.v141-media iframe,.v141-media video{display:block;width:100%;height:100%;max-width:100% !important;max-height:none !important;box-sizing:border-box}
      .official-video-media .v141-media img,.official-video-media .v141-media iframe,.official-video-media .v141-media video{max-width:100% !important;max-height:100% !important}
      .v141-media-caption{display:block;margin-top:7px;color:var(--muted);font-size:var(--fs-sm);line-height:1.35}
      .blog-img .blog-card-media{width:100%;height:100%;max-width:none!important;margin:0!important}
      .blog-img .blog-card-media .v141-media-frame{width:100%;height:100%;aspect-ratio:auto;display:grid;place-items:center}
      .blog-img .blog-card-media img{width:100%;height:100%;object-fit:contain;object-position:center center;background:#fff;padding:10px;box-sizing:border-box;margin:auto}
      .v141-video-poster{position:relative;width:100%;min-height:180px;border:0;background:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;padding:0}
      .v141-video-poster img{width:100%;height:100%;object-fit:contain;display:block}
      .v141-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:var(--r-kruh);background:rgba(237,111,0,.92);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:var(--shadow-float)}
      .v141-play:before{content:'▶';margin-left:5px}

/* --- v170-blog-list-final-style --- */
.blog-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:34px!important;align-items:start!important}
      .blog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
      .blog-card,.blog-card.featured{display:flex!important;flex-direction:column!important;grid-column:auto!important;background:#fff!important;border:1px solid #ecece3!important;border-radius:var(--r-md)!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;min-height:0!important}
      .blog-img,.blog-img.small{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;background:#f7f7f1!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-bottom:1px solid #efefe7!important}
      .blog-img img,.blog-card-media img,.blog-img .v141-media img{
        width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
        object-fit:contain!important;object-position:center center!important;background:#fff!important;padding:0!important;box-sizing:border-box!important;display:block!important;margin:0!important
      }
      .blog-img .blog-card-media,.blog-img .blog-card-media .v141-media-frame,.blog-img .v141-media,.blog-img .v141-media-frame{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;margin:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff!important}
      
      .blog-img .v141-video-poster img{max-width:100%!important;max-height:100%!important;}
      .blog-body{padding:22px 24px!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
      .blog-body h3,
.blog-body h2{font-size:var(--fs-h3)!important;line-height:1.25!important;margin:0 0 10px!important;color:var(--green)!important}
      .blog-body p{font-size:var(--fs-base)!important;line-height:1.58!important;color:var(--muted)!important;margin:0 0 16px!important}
      .blog-meta{font-size:var(--fs-sm)!important;font-weight:var(--fw-heavy)!important;color:var(--orange-text)!important;margin-bottom:10px!important}
      .blog-body .tags{margin-top:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
      @media(max-width:1080px){.blog-layout{grid-template-columns:1fr!important}}
      @media(max-width:760px){.blog-grid{grid-template-columns:1fr!important}.blog-body{padding:20px!important}}

/* --- v170-blog-list-media-final-style --- */
.blog-img,
      .blog-img.small{
        place-items:center!important;
      }
      .blog-img img,
      .blog-card-media img,
      .blog-img .v141-media img,
      .blog-img .v141-media-frame > img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
        padding:18px!important;
        box-sizing:border-box!important;
        background:#fff!important;
        display:block!important;
        margin:0!important;
      }
      .blog-img .v141-media,
      .blog-img .v141-media-frame,
      .blog-img .blog-card-media{
        width:100%!important;
        height:100%!important;
        aspect-ratio:16/9!important;
        display:grid!important;
        place-items:center!important;
        overflow:hidden!important;
        margin:0!important;
        background:#fff!important;
      }
      .blog-img .v141-video-poster{
        width:100%!important;
        height:100%!important;
        aspect-ratio:16/9!important;
        display:block!important;
        position:relative!important;
        overflow:hidden!important;
        background:#111!important;
        padding:0!important;
      }
      .blog-img .v141-video-poster img{
        width:100%!important;
        height:100%!important;
        padding:0!important;
        background:#111!important;
      }
      .blog-img .v141-video-poster::before{
        content:'▶';
        position:absolute!important;
        z-index:3!important;
        left:50%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        width:60px!important;
        height:60px!important;
        border-radius:var(--r-kruh)!important;
        display:grid!important;
        place-items:center!important;
        background:#ed6f00!important;
        color:#fff!important;
        font-size:28px!important;
        box-shadow:var(--shadow-float)!important;
        pointer-events:none!important;
      }
      .blog-img .v141-play{display:none!important}

/* --- v173-blog-list-image-fit-style --- */
.blog-img,
      .blog-img.small{
        width:100%!important;
        aspect-ratio:16/9!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        background:#fff!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
      }
      .blog-img .blog-card-media,
      .blog-img .v141-media,
      .blog-img .v141-media-frame{
        width:100%!important;
        height:100%!important;
        aspect-ratio:16/9!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
      }
      .blog-img .v141-media-frame a{
        width:100%!important;
        height:100%!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
      }
      .blog-img img:not(.video-thumb),
      .blog-card-media img:not(.video-thumb),
      .blog-img .v141-media img:not(.video-thumb),
      .blog-img .v141-media-frame > img:not(.video-thumb),
      .blog-img .v141-media-frame a > img:not(.video-thumb){
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
        padding:10px!important;
        margin:0!important;
        background:#fff!important;
        display:block!important;
        box-sizing:border-box!important;
        transform:none!important;
      }
      .blog-img .v141-video-poster,
      .blog-img .v141-video-poster img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        padding:0!important;
        margin:0!important;
        background:#111!important;
      }
      .blog-img .v141-video-poster img{
        object-fit:cover!important;
        object-position:center center!important;
        transform:scale(1.08)!important;
      }

/* --- v175-blog-card-hard-contain-style --- */
.blog-grid .blog-card .blog-img,
      .blog-grid .blog-card .blog-img.small{
        width:100%!important;
        aspect-ratio:16/9!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        background:#fff!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
        border-bottom:1px solid #efefe7!important;
      }
            .blog-grid .blog-card .blog-img .blog-card-media,
      .blog-grid .blog-card .blog-img .v141-media,
      .blog-grid .blog-card .blog-img .v141-media-frame,
      .blog-grid .blog-card .blog-img .v141-media-frame a{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:auto!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
      }
      .blog-grid .blog-card .blog-img img:not(.video-thumb),
      .blog-grid .blog-card .blog-card-media img:not(.video-thumb),
      .blog-grid .blog-card .blog-img .v141-media img:not(.video-thumb),
      .blog-grid .blog-card .blog-img .v141-media-frame > img:not(.video-thumb),
      .blog-grid .blog-card .blog-img .v141-media-frame a > img:not(.video-thumb){
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
        padding:12px!important;
        margin:0!important;
        background:#fff!important;
        display:block!important;
        box-sizing:border-box!important;
        transform:none!important;
      }
            .blog-grid .blog-card .blog-img .v141-video-poster,
      .blog-grid .blog-card .blog-img .v141-video-poster img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        padding:0!important;
        margin:0!important;
        background:#111!important;
      }
      .blog-grid .blog-card .blog-img .v141-video-poster img{
        object-fit:cover!important;
        object-position:center center!important;
      }
      
/* --- rám obrázka v karte (predtým element.style zo skriptu) --- */
/* 16 : 9 ako obrázok v detaile článku (14. 10. 2026; bolo napevno 220 px — 481 × 220, fotky sa orezávali) */
html body .blog-layout .blog-grid .blog-card .blog-img.blog-img{height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important;}

/* --- celá karta je odkaz: roztiahnutý odkaz nadpisu (predtým JS kliknutie na kartu) --- */
.blog-grid .blog-card{position:relative}
.blog-grid .blog-card .blog-title-link::after{content:'';position:absolute;inset:0;z-index:1}
.blog-grid .blog-card .tags a{position:relative;z-index:2}
.blog-pagination span.page-link.disabled{opacity:.45;pointer-events:none}
/* Fotka článku vyplní celú plochu obrázka karty (14. 10. 2026 — články dostali fotky; Ivan: „k článkom nájdi obrázky"). Staré vrstvy
   vyššie (v176/v177/v175) držali obrázok „contain" s bielym okrajom 12–18 px — pre logá; fotka bola menší obdĺžnik v bielom ráme
   s hranatými rohmi (vzhlad_medii: 18 nálezov). Teraz fotka do krajov, rohy jej dáva karta (8 px, overflow hidden). */
html body .blog-grid .blog-card .blog-img img:not(.video-thumb),
html body .blog-grid .blog-card .blog-img .v141-media-frame img:not(.video-thumb){width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;padding:0!important;margin:0!important;background:transparent!important}

/* Písmo v Aktualitách ako na ostatných stránkach (Ivan 14. 10. 2026: „v aktualitách odsek vpravo má dobré písmo? veľkosť a farba?"):
   úvodný text pod nadpisom bol v písme nadpisov (Manrope — .blog-title dedil font-heading), inde je úvod v Inter; text výzvy
   v bočnom paneli bol #333, text v ostatných kartách je --muted. */
.blog-title p,.blog-title .rich-text{font-family:var(--font-body)}
.side-box.orange-side p{color:var(--muted)}

/* Aktuality pre zákazníka (Ivan 14. 10. 2026: „viac článkov na stránku? ako lepšie, aby si vyhľadal článok? obrázky — sú všade
   rovnaké?" → „sprav"):
   - obrázok v karte 16 : 9 ako v detaile článku — pravidlo „rám obrázka v karte" vyššie (bol 481 × 220, fotky sa orezávali);
   - rad tém na mobile v jednom riadku, posúva sa do strany — v 11 riadkoch mal 404 px a prvý článok bol až pod obrazovkou. */
@media(max-width:700px){
  html body .blog-tags{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;scrollbar-width:none;padding:0 0 6px!important}
  html body .blog-tags::-webkit-scrollbar{display:none}
  html body .blog-tags > *{flex:0 0 auto!important;white-space:nowrap}
  html body .blog-filter .blog-tags{width:100%}
}

/* Celý obrázok (contain) v ráme 16 : 9 karty: obrázok celý v strede, zvyšok rámu ten istý obrázok zväčšený a rozmazaný
   (Ivan 14. 10. 2026: „obrázok by sa sám automaticky prispôsobil rozmerom a bolo by ho vidieť celý"). Cover = orezaný do krajov. */
html body .blog-grid .blog-card .blog-img.fit-contain .v141-media-frame{position:relative!important;background:#e9ebe4!important}
html body .blog-grid .blog-card .blog-img.fit-contain .v141-media-frame img.obr-pozadie{position:absolute!important;inset:-6%!important;width:112%!important;height:112%!important;object-fit:cover!important;filter:blur(22px) saturate(1.15) brightness(.9);z-index:0}
html body .blog-grid .blog-card .blog-img.fit-contain .v141-media-frame img:not(.obr-pozadie):not(.video-thumb){position:relative!important;z-index:1;object-fit:contain!important}

/* Zoznam bez bočného panela: 3 stĺpce cez celú šírku, 9 článkov = 3 rady (Ivan 14. 10. 2026: „3 články × 3 na 1 stránku, aby stránka
   nebola zbytočne dlhá"); 2 stĺpce na tablete, 1 na mobile. Nad zoznamom hľadanie a hlavné témy, pod ním výzva cez celú šírku. */
html body .blog-layout.blog-layout-plny{grid-template-columns:minmax(0,1fr)!important}
html body .blog-layout-plny .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .blog-layout-plny .blog-grid > .blog-pagination,html body .blog-layout-plny .blog-grid > .blog-prazdne{grid-column:1/-1}
@media(max-width:1080px){html body .blog-layout-plny .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html body .blog-layout-plny .blog-grid{grid-template-columns:minmax(0,1fr)!important}}
.blog-filter{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0 0 28px}
.blog-filter .blog-tags{margin:0!important}
.blog-hladanie{display:flex;gap:10px;width:min(100%,640px)}
.blog-hladanie-popis{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blog-hladanie input[type=search]{flex:1;min-width:0;height:var(--btn-h);padding:0 18px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--text);font:inherit;font-size:var(--fs-base)}
.blog-hladanie input[type=search]:hover{border-color:var(--muted)}
.blog-hladanie input[type=search]:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}
.blog-hladanie .btn{height:var(--btn-h);flex:0 0 auto;width:auto!important}   /* na mobile majú tlačidlá šírku 100 % — tu by vytlačilo stránku na 394 px */
.blog-vysledky{text-align:center;color:var(--muted);font-size:var(--fs-base);margin:-8px 0 24px}
.blog-vysledky strong{color:var(--text)}
.blog-vysledky a{color:var(--green);font-weight:var(--fw-bold);margin-left:8px}
.blog-vysledky a:hover{color:var(--orange-text)}
.blog-vyzva{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}
.blog-vyzva h2{margin:0 0 6px}
.blog-vyzva p{margin:0;color:var(--muted)}
.blog-vyzva .btn{flex:0 0 auto}
@media(max-width:760px){.blog-vyzva{flex-direction:column;align-items:flex-start;padding:24px}.blog-vyzva .btn{width:100%;justify-content:center}}

/* Karta článku po novom (8. 11. 2026, Ivan schválil návrh so snímkami): téma (prvý tag) a čas čítania pri dátume namiesto radu
   štítkov a autora; úvod na 3 riadky — karty rovnako vysoké. Platí v Aktualitách, na úvode aj pod článkom (jeden komponent karta()). */
.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.blog-meta .blog-tema{margin:0!important}
.blog-grid .blog-card .blog-meta a{position:relative;z-index:2}   /* téma klikateľná nad odkazom celej karty */
.blog-grid .blog-card .blog-excerpt-rich{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-grid .blog-card .blog-excerpt-rich p{margin:0!important}
/* Najnovší článok na prvej strane cez celú šírku: fotka vľavo, text a tlačidlo vpravo; na mobile ako ostatné karty. */
html body .blog-layout-plny .blog-grid .blog-card.blog-card-hlavny{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;align-items:center}
.blog-card-hlavny .blog-body{padding:clamp(24px,3vw,40px)!important}
.blog-grid .blog-card.blog-card-hlavny h2{font-size:var(--fs-h2)!important;line-height:1.2!important}
.blog-grid .blog-card.blog-card-hlavny .blog-excerpt-rich{-webkit-line-clamp:4;font-size:var(--fs-lg)}
.blog-card-tlacidlo{margin-top:22px}
.blog-card-tlacidlo .btn{position:relative;z-index:2;width:auto!important;white-space:nowrap;padding:var(--btn-pad-sm)}   /* malé tlačidlo v karte (--btn-h-sm) */
@media(max-width:760px){html body .blog-layout-plny .blog-grid .blog-card.blog-card-hlavny{grid-template-columns:minmax(0,1fr)!important}
  .blog-card-hlavny .blog-body{padding:20px!important}}

/* Pod článkom: výzva podľa témy a 3 ďalšie články (server/sekcie/clanok.js) */
.clanok-vyzva{margin-top:32px!important;padding:24px 28px;background:var(--bg);border-left:4px solid var(--orange);border-radius:var(--r-md);box-sizing:border-box}
.clanok-vyzva h2{margin:0 0 6px!important}
.clanok-vyzva p{margin:0 0 18px!important;color:var(--muted)}
.clanok-vyzva-tlacidla{display:flex;flex-wrap:wrap;gap:12px}
.clanok-vyzva-tlacidla .btn{width:auto!important}
.clanok-dalsie{margin-top:var(--sekcia)}
.clanok-dalsie > h2{margin:0 0 20px}
html body .clanok-dalsie .blog-layout-plny .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){html body .clanok-dalsie .blog-layout-plny .blog-grid{grid-template-columns:minmax(0,1fr)!important}
  /* na mobile výzva cez celú šírku karty článku (okraj karty 22 px) — inak sa „Pozrieť automaty s výťahom" lámalo do 2 riadkov */
  html body #dynamic-article-root .article-main-pro .clanok-vyzva{width:auto!important;max-width:none!important;margin-left:-22px!important;margin-right:-22px!important;padding:20px 16px;border-radius:0}
  .clanok-vyzva-tlacidla .btn{width:100%!important;padding-left:10px;padding-right:10px}}   /* vlastné tlačidlo článku „Možnosti financovania" sa pri 360 px lámalo */