/* HOTFIX pozice vyhledávací lupy v červeném poli */

.search-form .btn:before {
    padding: 5px;
}

/* HOTFIX vyhledávací pole na mobilu do šedého pole */

@media (max-width: 767px) {
    #header .search-form {
        margin: 0 !important;
    }
  }

/* HOTFIX scrolování a zobrazování všech položek menu na mobilu */

@media (max-width: 767px) {
    .navigation-in.menu {
        height: 100dvh;
        min-height: 0;
        max-height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .navigation-in.menu .menu-level-1 {
        overflow: visible;
        flex-shrink: 0;
    }

    .navigation-in.menu .menu-secondary-level-1 {
        flex-shrink: 0;
    }
}

/* HOTFIX asi max výška rozbaleného menu - zatím deaktivuji */
/*
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    max-height: 1400px !important;
} */

/* HOTFIX Dočasná oprava zobbrazování loga na mobilu */

   #header .site-name,.responsive-tools>.site-name {
        display: block !important;
    }
    
    @media (max-width: 767px) {
    #header .site-name img,
    .responsive-tools > .site-name img {
        width: auto !important;
        height: auto !important;
        max-width: 140px !important;
        max-height: 40px !important;
        object-fit: contain !important;
    }

    #header .site-name a,
    .responsive-tools > .site-name a {
        display: flex !important;
        align-items: center;
    }
}

/* HOTFIX ===== Main homepage banner */

	/* Mobilní zobrazení */
@media (max-width: 767px) {

    #carousel {
        overflow: hidden !important;
    }

    #carousel .carousel-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 10px !important;

        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch;

        transform: none !important;

        scrollbar-width: none;
    }

    #carousel .carousel-inner::-webkit-scrollbar {
        display: none;
    }

    #carousel .carousel-inner > .item {
        display: block !important;
        position: relative !important;

        flex: 0 0 80vw !important;
        width: 80vw !important;

        left: auto !important;
        right: auto !important;

        margin: 0 !important;

        transform: none !important;
        transition: none !important;

        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }

    #carousel .carousel-inner > .item.next,
    #carousel .carousel-inner > .item.prev,
    #carousel .carousel-inner > .item.active {
        display: block !important;
        position: relative !important;
        transform: none !important;
        left: auto !important;
    }

    #carousel .carousel-control {
        display: none !important;
    }
}

	/* DESKTOP + TABLET CAROUSEL HOTFIX */
@media (min-width: 768px) {

    .wide-carousel {
        overflow: visible !important;
    }

    #carousel {
        position: relative !important;
        overflow: visible !important;
    }

    #carousel .carousel-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        width: 100% !important;

        gap: 10px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;

        transform: none !important;
    }

    #carousel .carousel-inner::-webkit-scrollbar {
        display: none;
    }


    /* všechny původní Bootstrap stavy neutralizujeme */
    #carousel .carousel-inner > .item,
    #carousel .carousel-inner > .item.active,
    #carousel .carousel-inner > .item.next,
    #carousel .carousel-inner > .item.prev,
    #carousel .carousel-inner > .item.active.left,
    #carousel .carousel-inner > .item.active.right,
    #carousel .carousel-inner > .item.next.left,
    #carousel .carousel-inner > .item.prev.right {

        display: block !important;
        position: relative !important;

        left: auto !important;
        right: auto !important;

        margin: 0 !important;

        transform: none !important;
        transition: none !important;

        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;

        flex-shrink: 0 !important;
    }


    /* TABLET = 3 bannery */
    #carousel .carousel-inner > .item {
        flex-basis: calc((100% - 20px) / 3) !important;
        width: calc((100% - 20px) / 3) !important;
    }


    /* původní Bootstrap šipky pryč */
    #carousel .carousel-control {
        display: none !important;
    }


    /* naše šipky */
    #carousel .rox-carousel-arrow {
        position: absolute !important;

        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 44px !important;
        height: 44px !important;

        padding: 0 !important;
        border: 5px solid #fff !important;
        border-radius: 50% !important;

        background: #f8ebe2 !important;
        color: #1f1f1f !important;

        font-size: 32px !important;
        line-height: 1 !important;

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

        cursor: pointer !important;

        z-index: 50 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transition:
            opacity .2s ease,
            visibility .2s ease !important;
    }

    #carousel .rox-carousel-prev {
        left: -22px !important;
    }

    #carousel .rox-carousel-next {
        right: -22px !important;
    }

    #carousel .rox-carousel-arrow.is-hidden {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
	
	#carousel .rox-carousel-arrow::before {
    content: "";
    width: 9px;
    height: 9px;

    border-top: 2px solid #1f1f1f;
    border-right: 2px solid #1f1f1f;

    border-radius: 1.5px;
}

#carousel .rox-carousel-prev::before {
    transform: rotate(-135deg);
    margin-left: 3px;
}

#carousel .rox-carousel-next::before {
    transform: rotate(45deg);
    margin-right: 3px;
}

}


/* DESKTOP = 4 bannery */
@media (min-width: 1201px) {

    #carousel .carousel-inner > .item {
        flex-basis: calc((100% - 30px) / 4) !important;
        width: calc((100% - 30px) / 4) !important;
    }

}