@import "./uni-core.min.css";
@import "./unicons.min.css";
@import "./prettify.min.css";
@import "./swiper-bundle.min.css";
@import "./custom.css";
@import "./main.min.purge.css";

#footer {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    align-items: center;
}

@media (min-width: 769px) {
    #footer > *:not(:last-child)::after {
        content: "|";
        margin-left: .5rem;
        color: var(--bs-primary);
        opacity: .6;
        display: inline-block;
    }
}

.tabulkaCenikBody > tr > td {
    text-align: center !important;
    vertical-align: middle !important;
}
.tabulkaCenikBody > tr > th {
    text-align: start !important;
    vertical-align: middle !important;
}



    .tabulkaCenikBody > tr > td > i {
        font-size: 1.75rem;
    }
        .tabulkaCenikBody > tr > td > i.bi-x {
            font-size: 2.25rem;
        }

    .min-vh-80 {
        min-height: 80vh;
    }

.headerBorder {
    border-bottom: 4px solid var(--bs-primary);
}

.uc-navbar-nav > li > a {
    padding: 20px 14px;
    text-transform: uppercase;
}

.mensiPismo {
    font-size: 0.8rem !important;
}

.flex-row {
    flex-direction: row;
}

.irislogo {
    max-width: 150%;
}

.ikonka {
    font-size: 24px;
    margin-right: 0.5rem;
    color: rgba(var(--bs-primary-rgb)) !important;
    text-align: center;
    vertical-align: middle;
}

.ikonaFunkce {
    font-size: 6rem;
    color: #466a7f;
    text-align: center;
    vertical-align: middle;
}

.superscript {
    font-size: 0.8rem;
    vertical-align: super !important;
}

.icon-slot {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-iris-green {
    color: #609000;
}

a {
    transition: 0.1s ease-in-out;
}

    a:hover:not(.btn, .text-blue) {
        color: #737373 !important;
    }

    .text-blue:hover:not(h2) {
        color: var(--color-blue-700) !important;
    }

.w-80 {
    width: 80%;
}

.mobilNav {
    text-transform: uppercase;
    gap: 1rem;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-6 {
    flex: 6;
}

.flex-7 {
    flex: 7;
}

.novinky a {
    color: var(--color-blue);
    text-decoration: underline !important;
}

.osobniUdaje li {
    list-style-type: disc;
}

.obrazek {
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.feature-item {
    background-color: #f0efeb !important;
}

@media (max-width: 768px) {
    #footer {
        flex-direction: column;
    }

    .flex-row {
        flex-direction: column;
        gap: 1.5rem;
    }

    .obrazek {
        width: 350px;
        height: 200px;
    }

    .gapMobil {
        padding-right: 0 !important;
    }

    .nav-y:hover a,
    .nav-y:active a {
        opacity: 1 !important;
    }

    .gapCenik {
        gap: 1rem !important;
    }

    .containerCenik {
        padding: 0;
    }

    .mobil-d-none {
        display: none !important;
    }
    .flex-row-header {
        flex-direction: row !important;
        gap: 1.5rem;
    }
}

@media (max-width: 510px) {
    .telefonHeader > i {
        display: none;
    }

    .flex-row-header {
        flex-direction: column !important;
    }

    .gapMobil {
        gap: 0 !important;
    }
}

.irisZelena {
    fill: #609000 !important;
    color: #609000 !important;
}

.vbr {
    display: inline-block;
    width: 1px;
    margin-right: 2rem;
    border-right: solid 1px #e6e6e7;
}

#mobil-header {
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    overflow: hidden;
    transition: max-height .3s ease, opacity .3s ease, transform .3s ease, visibility .3s ease;
}

    #mobil-header.active {
        max-height: 400px;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

#mobilMenuOpen svg rect {
    transition: 0.3s ease;
    transform-origin: 50% 50%;
    transform-box: fill-box;
}

#mobilMenuOpen.active svg rect.line-1 {
    transform: translateY(6px) rotate(45deg);
}

#mobilMenuOpen.active svg rect.line-2 {
    opacity: 0;
}

#mobilMenuOpen.active svg rect.line-4 {
    transform: translateY(-6px) rotate(-45deg);
}

.burger-icon {
    width: 2rem !important;
    height: 2rem !important;
}

.items-stretch {
    align-items: stretch !important;
}