/* Spolek Za rozvoj Konské — v0.9.115
 * Mobil/PWA: okamžitě viditelná spodní navigace + kompaktní hero.
 * Desktop zůstává beze změny.
 */
.mobile-bottom-nav-v09115 { display:none; }

@media (max-width: 960px) {
    :root { --spolek-bottom-nav-h: 64px; }

    body {
        padding-bottom: calc(var(--spolek-bottom-nav-h) + env(safe-area-inset-bottom, 0px)) !important;
    }

    .wrap { width:min(100% - 22px,1180px) !important; }

    header { height:auto !important; min-height:0 !important; }
    header .nav {
        min-height:56px !important;
        height:auto !important;
        padding-top:5px !important;
        padding-bottom:5px !important;
        gap:6px !important;
        flex-wrap:nowrap !important;
    }
    header .brand { flex:1 1 auto !important; min-width:0 !important; gap:6px !important; }
    header .brand img { width:34px !important; height:34px !important; flex:0 0 34px !important; }
    header .brand span::before { height:28px !important; margin-right:7px !important; }
    header .brand span small { font-size:8px !important; line-height:1 !important; margin-bottom:2px !important; }
    header .brand span b { font-size:clamp(15px,4.3vw,18px) !important; line-height:1.03 !important; white-space:nowrap !important; }

    .mobile-header-user,.mobile-nav-toggle,.mobile-pwa-install,[data-mobile-nav-toggle] {
        width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important;
        flex:0 0 40px !important; border-radius:11px !important;
    }

    /* Hero je proti 0.9.113 výrazně nižší. */
    .home-hero,.hero.home-hero { min-height:188px !important; height:188px !important; overflow:hidden !important; }
    .home-hero__inner,.hero-in.home-hero__inner {
        min-height:188px !important; height:188px !important;
        padding-top:10px !important; padding-bottom:9px !important;
        display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important; gap:7px !important;
    }
    .home-hero__content { min-width:0 !important; width:100% !important; max-width:none !important; }
    .home-hero__event { display:grid !important; grid-template-columns:50px minmax(0,1fr) !important; gap:8px !important; align-items:start !important; }
    .home-hero-date { width:50px !important; min-width:50px !important; min-height:62px !important; padding:5px 3px !important; border-radius:11px !important; }
    .home-hero-date__day { font-size:27px !important; line-height:.9 !important; }
    .home-hero-date__month { font-size:8px !important; line-height:1 !important; margin-top:4px !important; }
    .home-hero-date__year { font-size:8px !important; line-height:1 !important; margin-top:2px !important; }
    .home-hero__event-copy > small,.home-hero__content > small { font-size:8px !important; line-height:1 !important; letter-spacing:.11em !important; }
    .home-hero__event-copy h1,.home-hero__content > h1,.home-hero h1 {
        font-size:clamp(24px,7vw,30px) !important; line-height:.98 !important; margin:3px 0 4px !important;
        white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
    }
    .home-hero__event-copy p {
        font-size:11px !important; line-height:1.15 !important; margin:0 0 6px !important;
        display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important;
    }
    .home-hero .btn { min-height:36px !important; padding:7px 11px !important; border-radius:9px !important; font-size:12px !important; line-height:1 !important; }
    .home-hero__city-logo { width:min(82px,23vw) !important; min-width:0 !important; padding:4px 5px !important; margin:0 !important; border-radius:9px !important; align-self:end !important; }
    .home-hero__city-logo img { width:100% !important; height:auto !important; max-height:26px !important; object-fit:contain !important; }

    .home-news.section { padding-top:12px !important; padding-bottom:12px !important; }
    .home-news__heading,.title-row.home-news__heading {
        display:flex !important; flex-direction:row !important; align-items:flex-end !important; justify-content:space-between !important;
        text-align:left !important; margin-bottom:8px !important; gap:8px !important;
    }
    .home-news__heading > div { text-align:left !important; margin:0 !important; }
    .home-section-kicker { font-size:8px !important; line-height:1 !important; }
    .home-news__heading h2 { font-size:22px !important; line-height:1 !important; margin:3px 0 0 !important; }
    .home-news__heading > a { font-size:10px !important; white-space:nowrap !important; }
    .home-news .cards { gap:7px !important; }
    .home-news-card,.home-news .card.home-news-card {
        display:grid !important; grid-template-columns:78px minmax(0,1fr) !important; min-height:84px !important;
        border-radius:12px !important; overflow:hidden !important;
    }
    .home-news-card__image { width:78px !important; height:100% !important; min-height:84px !important; }
    .home-news-card__image img { width:100% !important; height:100% !important; object-fit:cover !important; }
    .home-news-card__body { min-width:0 !important; padding:7px 8px !important; }
    .home-news-card h3 { font-size:13px !important; line-height:1.1 !important; margin:3px 0 4px !important; }
    .home-news-card p { display:none !important; }
    .home-news-card__link { font-size:10px !important; padding:0 !important; }

    .home-overview { padding-top:12px !important; padding-bottom:12px !important; }
    .home-dashboard,.home-info-grid { gap:7px !important; }
    .home-panel { padding:8px !important; border-radius:12px !important; }
    .home-panel__heading { margin-bottom:5px !important; }
    .home-panel__heading h3 { font-size:15px !important; line-height:1.05 !important; margin:1px 0 0 !important; }
    .home-panel__heading > a { font-size:10px !important; }
    .home-panel__eyebrow { font-size:8px !important; }
    .home-icon-row { min-height:58px !important; padding:6px 0 !important; gap:7px !important; }
    .home-date-badge { width:45px !important; min-width:45px !important; height:48px !important; border-radius:9px !important; }
    .home-date-badge__day { font-size:18px !important; }
    .home-date-badge__month,.home-date-badge__year { font-size:7px !important; }

    /* Spodní menu je od prvního HTML snímku vždy fixed. */
    .mobile-bottom-nav-v09115 {
        display:grid !important;
        position:fixed !important;
        inset:auto 0 0 0 !important;
        z-index:2147483646 !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        align-items:stretch !important;
        gap:1px !important;
        min-height:60px !important;
        padding:4px 5px max(4px,env(safe-area-inset-bottom,0px)) !important;
        background:rgba(255,255,255,.985) !important;
        border-top:1px solid rgba(10,71,48,.14) !important;
        box-shadow:0 -8px 24px rgba(15,54,41,.11) !important;
        transform:translate3d(0,0,0) !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
    }
    .mobile-bottom-nav-v09115__item {
        min-width:0 !important; min-height:52px !important; padding:4px 2px 3px !important; margin:0 !important;
        border:0 !important; border-radius:11px !important; background:transparent !important; color:#627069 !important;
        display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
        gap:2px !important; font:inherit !important; text-decoration:none !important; cursor:pointer !important;
        -webkit-tap-highlight-color:transparent !important;
    }
    .mobile-bottom-nav-v09115__item svg {
        width:21px !important; height:21px !important; fill:none !important; stroke:currentColor !important;
        stroke-width:1.8 !important; stroke-linecap:round !important; stroke-linejoin:round !important;
    }
    .mobile-bottom-nav-v09115__item span { font-size:9px !important; line-height:1 !important; font-weight:650 !important; white-space:nowrap !important; }
    .mobile-bottom-nav-v09115__item.is-active { color:#087248 !important; background:#edf8f3 !important; }
}

@media (min-width: 961px) { .mobile-bottom-nav-v09115 { display:none !important; } }