/*!
 * CSS custom
 * Version: 1.0
*/

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #bbbbbb;
}
main {
    flex: 1; /* Tato část vytlačí footer dolů */
}

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    padding: 10px 15px;
    background: darkred;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 3px solid #fff;
    font-size: 14px;
    display: none; /* skryté na začátku */
    opacity: 0.8;
    transition: opacity 0.3s;
}

.back-to-top:hover {
    opacity: 1;
}

.obr-ram {
    /*margin: 10px 10px;*/
    border-radius: 5px;
    border: 5px solid silver;
}

.stin {
    box-shadow: black 2px 4px 10px;
}

.odsadit {
    text-indent: 2rem; /* Velikost odsazení */
    text-align: justify;
    margin: 1rem;
}

.odsadit2 {
    text-align: justify;
    margin-left: 1rem;
}

.odstavec {
    text-align: justify;
    margin: 1rem;
}

.txt-justify {
    text-align: justify !important;
}

/* prvni pismeno odstavce je vetsi nez okolni text */
.inicialka::first-letter {
    font-size: 3.5rem;   /* Velikost písmene */
    font-weight: bold;    /* Tučné písmeno */
    float: left;               /* Text bude písmeno obtékat */
    margin-right: 8px;   /* Mezera mezi písmenem a textem */
    line-height: 1;         /* Aby písmeno neodsouvalo řádky pod sebou */
    color: #7E070B;
}

/* ---------------------------------------------------------------------------------------------- */
/* horní menu a logo */
/* ---------------------------------------------------------------------------------------------- */
.logo {
    height: 168px;
    background: #7E070B url('/images/logo-akj.jpg') no-repeat center top;
}
@media only screen and (max-width: 850px) {
    /* Kaskadove styly pro obrazovky sirsi nez 850 pixelu patri sem. */
    .logo {
        height: 159px;
        background: #7E070B url('/images/logo-akj-small.jpg') no-repeat center top;
    }
}
/* Změna barvy při kliknutí (aktivní stav) */
.dropdown-item:active,
.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #2b3035;
    color: #fff;
}
.nav-link:focus-visible,
.dropdown-item:focus-visible {
    outline: 2px solid #ffffff; /* Šířka a barva rámečku */
    outline-offset: -2px;       /* Posune rámeček mírně dovnitř, aby nepřetékal */
    border-radius: 4px;       /* Lehké zaoblení, aby to ladilo s Bootstrapem */
    box-shadow: none;       /* Odstraní případný výchozí stín Bootstrapu */
}

/* Platí pouze pro tlačítka uvnitř hlavního menu */
#hlavniNavigace .btn-hover-border {
    color: rgba(255, 255, 255, 0.75); /* Výchozí barva textu v menu */
    background-color: transparent;
    border: 1px solid transparent; /* Průhledný rámeček zabrání "poskakování" textu */
    transition: all 0.25s ease-in-out; /* Plynulý přechod */
}

/* Efekt při najetí myší – pouze pro toto menu */
#hlavniNavigace .btn-hover-border:hover {
    color: #ffffff; /* Čistě bílý text */
    border-color: #ffffff; /* Bílý rámeček */
    background-color: transparent; /* Pozadí zůstane průhledné */
}

/* AKTIVNÍ STAV (Bílé pozadí, černý text) */
#hlavniNavigace .btn-hover-border.active,
#hlavniNavigace .btn-hover-border.active:hover {
    color: #000000 !important;       /* Černý text */
    background-color: #ffffff !important; /* Bílé pozadí */
    border-color: #ffffff !important;     /* Bílý rámeček */
}
/* ---------------------------------------------------------------------------------------------- */