/* Doplňky stylů webu (Aktuality, 2. 10. 2026): drobečková navigace, menu s Aktualitami, přístupnost,
   patička a výzva v H1. style.css styluje každý <nav>, <header> a <footer> → tady se to pro nové prvky přebíjí.
   Barvy: růžová #df1d89 má na bílé kontrast 4,49 : 1 (pro běžný text málo) → tlačítka #c4177a (5,6 : 1). */

:root {
    --tz-pink: #df1d89;
    --tz-pink-text: #c4177a;
    --tz-blue: #224086;
    --tz-blue-dark: #13244a;
    --tz-blue-light: #2a5c9d;
    --tz-grey: #5b6170;
    --tz-line: #e4e4e4;
    --tz-bg: #f5f6f9;
    --tz-pink-bg: #fcebf5;
}


/* ── Přeskočit na obsah a fokus ─────────────────────── */
.skip-link {
    position: absolute;
    left: 16px;
    top: -60px;
    z-index: 10;
    background: var(--tz-blue-dark);
    color: #fff;
    padding: 10px 16px;
    text-decoration: none;
}
.skip-link:focus { top: 12px; }
main:focus { outline: none; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
    outline: 3px solid var(--tz-blue);
    outline-offset: 2px;
}

/* ── Drobečková navigace a stránkování ──────────────── */
nav.breadcrumbs,
nav.pagination {
    float: none;
    position: static;
    height: auto;
    background: none;
}
nav.breadcrumbs li a {
    display: inline;
    color: var(--tz-blue);
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    text-align: left;
    text-transform: none;
    background: none;
    padding: 0;
    margin: 0;
}
.breadcrumbs-wrap { padding-top: 4px; }
.breadcrumbs {
    font-size: 15px;
    line-height: 1.4;
    color: var(--tz-grey);
    margin: 4px 0 28px;
}
.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumbs li {
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 0;
}
.breadcrumbs li + li::before {
    display: inline;                    /* style.css má „nav li:before { display: none }“ */
    content: "›";
    color: #80868f;                     /* 3,7 : 1 */
    margin: 0 8px;
}
.breadcrumbs a {
    color: var(--tz-blue);
    text-decoration: none;
}
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs [aria-current="page"] {
    max-width: 52ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Hlavní menu ───────────────────────────────────── */
/* Na počítači ikonka domečku odpadá (na úvod vede logo), menší mezery, na noteboocích menší logo:
   wrapper má max. 1400 px a menu s Aktualitami by se vedle loga nevešlo. */
@media (min-width: 1361px) {
    header nav ul { padding-right: 24px; }
    header nav li a { margin: 16px 8px; }
    header nav li:first-child { display: none; }
}
@media (min-width: 1361px) and (max-width: 1500px) {
    header .logo a { width: 460px; height: auto; }
}
/* Menu pod logem (801–1100 px) na jeden řádek */
@media (min-width: 801px) and (max-width: 1100px) {
    header nav ul { padding-right: 0; }
    header nav li a { margin: 16px 6px; font-size: 15px; }
}
/* Aktivní položka: barva sama nestačí (kontrast vůči ostatním 2,18 : 1) → podtržení */
@media (min-width: 801px) {
    header nav li a.active {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 6px;
    }
}
/* Název stránky v modrém pruhu na mobilu, když stránka v menu není (Pro média, Kontakt, Almanach…) */
header nav li.menu-current { display: none; }

/* ── Patička ───────────────────────────────────────── */
.footer-links {
    font-size: 15px;
    padding: 24px 20px 0;
    margin: 0;
}
footer a { color: #fff; }                      /* dřív #df1d88 na #2e2e2e = 3,02 : 1 */
footer .float-left,
footer .float-right { color: #aaa; }           /* dřív #888 = 3,83 : 1 */

/* ── Tlačítka ──────────────────────────────────────── */
.button.pink,
.button.blue:hover { background-color: var(--tz-pink-text); }

/* ── Výzva v H1 (dřív <style> ve snippetu promo) ───── */
@keyframes tzHlasujBlink { 0%, 100% { opacity: 1; } 50% { opacity: .15; } }
#promo_anchor .blink_me { animation: tzHlasujBlink .7s ease-in-out .8s 1; }
#promo_anchor .blink_me:hover,
#promo_anchor .blink_me:focus {
    color: var(--tz-blue) !important;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 8px;
}

/* ── Mobil ─────────────────────────────────────────── */
@media (max-width: 800px) {
    .wrapper.padding.breadcrumbs-wrap { padding: 0 20px; }   /* .wrapper.padding má 100 px a vyšší váhu */
    nav.breadcrumbs li a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
    .breadcrumbs { font-size: 14px; margin: 18px 0; }
    .breadcrumbs [aria-current="page"] { max-width: 24ch; }
    .breadcrumbs--article li:last-child { display: none; }      /* u článku jen předci */

    header nav li.menu-current { display: block; }
    header nav li.menu-current span {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        padding: 18px 40px 16px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* zavřené menu: odkazy mimo pořadí klávesy Tab (main.js přidá .is-open) */
    header nav ul:not(.is-open) li a:not(.active) { visibility: hidden; }

    .footer-links { padding: 24px 0 0; }
}

@media (prefers-reduced-motion: reduce) {
    #promo_anchor .blink_me { animation: none; }
}