/********************************************************************************************************************/
/*BreadCrumbs menu*/
/********************************************************************************************************************/
.breadcrumbs {
    font-family: "RalewayRegular", Arial, sans-serif; /* Nastavte rodinu písma */
    font-size: 16px; /* Velikost písma */
    color: var(--orange); /* Barva textu */
    background-color: var(--white); /* Barva pozadí */
    padding: 10px 20px; /* Vnitřní odsazení */
    border-radius: 5px; /* Zakulacení rohů */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Jemný stín */
}

    .breadcrumbs a {
        text-decoration: none; /* Odstranění podtržení */
        color: var(--blue-upMenu); /* Barva odkazů */
        margin: 0 5px; /* Vnější odsazení mezi odkazy */
    }

        .breadcrumbs a:hover {
            text-decoration: underline; /* Podtržení při najetí myší */
            color: var(--blue-upMenu); /* Změna barvy při najetí myší */
        }

        .breadcrumbs a:active {
            color: var(--orange); /* Barva při aktivním stavu */
        }

@media (max-width: 767px) {
    .breadcrumbs {
        font-family: "RalewayRegular", Arial, sans-serif; /* Nastavte rodinu písma */
        font-size: 18px; /* Velikost písma */
        color: var(--orange); /* Barva textu */
        background-color: var(--white); /* Barva pozadí */
        padding: 10px 20px; /* Vnitřní odsazení */
        border-radius: 5px; /* Zakulacení rohů */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Jemný stín */
    }

        .breadcrumbs a:active {
            color: var(--orange); /* Barva při aktivním stavu */
        }
}

/* Styl pro pipes */
.pipe {
    color: var(--blue-upMenu);
    margin: 0 5px; /* Vnější odsazení mezi pipes a textem */
}