/*
   Landing pages (reklamni cile: /sklapece/, /hakove-nosice/,
   /komunalni-vozidla/, /prestavby-dodavek/, /dotace-elektromobil/,
   /transit-4x4-hakovy-nosic/) v novem designu (manual v2).

   Zaklad je home-new.css (tokeny, hn-hero, hn-trust, hn-row, hn-section),
   tady je jen to, co landingy maji navic: stitek nad nadpisem, seznam
   s vlasovymi linkami, bloky vycetu a kroku, srovnani, FAQ. Vse scoped na
   body.home-new, aby se to nemichalo s custom.css.
   ========================================================================== */

/* Hero landingu: nadpis se smi zalomit (dlouhe nazvy, nemcina), veta pod
   nim taky. Delsi slova se na uzkem displeji deli, ne pretecou. */
body.home-new .hn-lp-hero { padding-bottom: 0; }
body.home-new .hn-lp-hero .hn-h1 {
    white-space: normal;
    max-width: 22ch;
    font-size: clamp(1.9rem, 4.2vw, 3.25rem);
    overflow-wrap: break-word;
    hyphens: auto;
}
body.home-new .hn-lp-hero .hn-sub {
    white-space: normal;
    max-width: 62ch;
}
body.home-new .hn-lp-hero .hn-meta { color: rgba(255,255,255,.72); margin-bottom: 12px; }

/* Stitek nad nadpisem sekce (puvodni "section-badge") */
body.home-new .hn-lp-kicker { display: block; margin-bottom: 8px; }

/* Delsi odstavec pod nadpisem sekce: citelna sirka radku */
body.home-new .hn-lp-measure { max-width: 70ch; }

/* Seznam s vlasovymi linkami (misto odrazek s fajfkou) */
body.home-new .hn-lp-list { list-style: none; padding: 0; margin: 0; }
body.home-new .hn-lp-list li {
    padding: 12px 0;
    border-top: 1px solid var(--hn-slate-200);
    font-size: .9375rem;
}
body.home-new .hn-lp-list li:last-child { border-bottom: 1px solid var(--hn-slate-200); }
/* Polozka se stavovou ikonou (vyhoda / nevyhoda): ikona nese vyznam,
   text pro ctecky je ve visually-hidden */
body.home-new .hn-lp-list--status li { display: flex; gap: 10px; align-items: baseline; }
body.home-new .hn-lp-list--status li > i { flex: 0 0 auto; }

/* Blok vyctu (pro koho, argumenty, programy): nadpis a veta pod linkou */
body.home-new .hn-lp-block { border-top: 1px solid var(--hn-slate-200); padding-top: 16px; height: 100%; }

/* Kroky postupu: cislo mono misto kolecka */
body.home-new .hn-lp-step {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--hn-navy);
}

/* Srovnani cen (komunalni vozidla): dve cisla vedle sebe mezi linkami */
body.home-new .hn-lp-compare {
    margin-top: 40px;
    padding: 24px 0;
    border-top: 1px solid var(--hn-slate-200);
    border-bottom: 1px solid var(--hn-slate-200);
}
body.home-new .hn-lp-compare .hn-price--big { overflow-wrap: anywhere; }

/* FAQ: Bootstrap accordion bez karet, jen linky */
body.home-new .hn-lp-faq { max-width: 860px; }
body.home-new .hn-lp-faq .accordion-item { border-color: var(--hn-slate-200); background: transparent; }
body.home-new .hn-lp-faq .accordion-button {
    padding: 16px 0;
    font-weight: 700;
    font-size: 1rem;
    color: var(--hn-ink);
    background: transparent;
    box-shadow: none;
}
body.home-new .hn-lp-faq .accordion-button:focus-visible { outline: 2px solid var(--hn-navy); outline-offset: 2px; }
body.home-new .hn-lp-faq .accordion-body { padding: 0 0 18px; color: var(--hn-slate-600); }

@media (max-width: 991.98px) {
    body.home-new .hn-lp-hero .col-lg-9 { text-align: left; }
    body.home-new .hn-lp-hero .hn-acts { justify-content: flex-start; }
}