.footer-creator {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display:inline;
}
.list-inline li {
    display:inline;
}
.main-content {
    min-height: 65vh;
}

.container-bohdalov {
    padding: 50px 200px;
}

.zasahy-roky > li {
    padding: 0px 10px;
}

.sdh-zasah-item-bold {
    font-weight: bold;
    color: var(--firdip-base, #CA4445);
}

.dokumenty-list-bohdalov li {
    list-style-type: none;
}
.dokumenty-list-bohdalov li:first-of-type {
    padding-top:10px;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .container-bohdalov {
        padding: 10px 5px;
    }
}



/* Tab pils pro Zásahy /START */

.sdh-tabs__list{
    display:flex;
    flex-wrap:wrap;
    gap:.25rem;
    border-bottom:1px solid #d9d9d9;
    margin:0 0 .75rem 0;
    padding:0;
}

.sdh-tabs__tab{
    appearance:none;
    border:1px solid transparent;
    border-bottom:none;
    background:transparent;
    padding:.5rem .8rem;
    cursor:pointer;
    border-radius:.6rem .6rem 0 0;
    font:inherit;
}

.sdh-tabs__tab:hover{ background: rgba(0,0,0,.04); }

.sdh-tabs__tab.is-active{
    background:#fff;
    border-color:#d9d9d9;
    border-bottom:1px solid #fff;
    font-weight:600;
}

.sdh-tabs__panel{ padding:.25rem 0; }
.sdh-tabs__panel[hidden]{ display:none !important; }

.sdh-zasahy-list{
    list-style:none;
    margin:0;
    padding:0;
}

.sdh-zasah-item{
    padding:.35rem 0;
    border-bottom:1px dashed rgba(0,0,0,.15);
}

.sdh-zasah-link{ white-space:nowrap; }
/* Tab pils pro Zásahy /END */



/* Tooltip pro odkazy - pristupnost /START */
.tooltip-pristupnost{
    position: relative;
    display: inline-block;
}

.tooltip-pristupnost-text{
    opacity: 0;
    visibility: hidden;

    position: absolute;
    left: 50%;
    bottom: 120%;
    transform: translateX(-50%);

    padding: .5rem .75rem;
    border-radius: .375rem;
    background: #111;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    white-space: nowrap;

    z-index: 9999;
    pointer-events: none; /* ať tooltip “nepřeruší” hover */
    transition: opacity .2s ease;
}

.tooltip-pristupnost:hover .tooltip-pristupnost-text,
.tooltip-pristupnost:focus-visible .tooltip-pristupnost-text{
    opacity: 1;
    visibility: visible;
}
/* Tooltip pro odkazy - pristupnost /END */


/* Výpis galerii /START */

        .image-bg-box {
            display: block;
            position: relative;
            min-height: 140px;
            border-radius: 8px;
            overflow: hidden;
            text-decoration: none;
            margin-bottom: 5px;

            /* celý obrázek, žádný ořez */
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #e9ecef; /* neutrální pozadí */

            transition: box-shadow .2s ease;
        }

        /* overlay s centrováním */
        .image-bg-overlay {
            position: absolute;
            inset: 0;

            display: flex;
            align-items: center;
            justify-content: center;

            background: rgba(255, 255, 255, 0.95);
        }

        /* text */
        .image-bg-overlay h4 {
            color: #111;
            font-weight: 700;
            line-height: 1.2;
            padding: .6rem .8rem;
            margin: 0;
            text-align: center;
        }

        /* hover a focus – přístupnost */
        .image-bg-box:hover {
            box-shadow: 0 4px 16px rgba(0,0,0,.2);
        }

        .image-bg-box:focus-visible {
            outline: 3px solid #0d6efd; /* Bootstrap primary */
            outline-offset: 3px;
        }

        /* responzivní výška */
        @media (min-width: 576px) {
            .image-bg-box {
                min-height: 160px;
            }
        }

        @media (min-width: 992px) {
            .image-bg-box {
                min-height: 180px;
            }
        }

/* Výpis galerii /END */