.elementor-543 .elementor-element.elementor-element-fbfa48e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-e513682{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-543 .elementor-element.elementor-element-b71ca55{padding:0px 0px 0px 100px;}.elementor-543 .elementor-element.elementor-element-a0c503e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-543 .elementor-element.elementor-element-72efbcc{--swiper-slides-to-display:4;--swiper-slides-gap:26px;}.elementor-543 .elementor-element.elementor-element-72efbcc .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-543 .elementor-element.elementor-element-72efbcc{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-543 .elementor-element.elementor-element-fbfa48e{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-b71ca55{padding:0px 0px 20px 0px;}.elementor-543 .elementor-element.elementor-element-a0c503e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-72efbcc{--swiper-slides-to-display:1;--swiper-slides-gap:20px;}}@media(min-width:768px){.elementor-543 .elementor-element.elementor-element-a0c503e{--width:100%;}}/* Start custom CSS for loop-carousel, class: .elementor-element-72efbcc *//* spodní navigační bar pod karuselem */
.loop-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    gap: 20px;
}

/* text 1 / 7 vlevo */
.loop-counter {
    font-size: 16px;
    color: #1E2540;
    white-space: nowrap;
}

/* progress line uprostřed */
.loop-progress-line {
    flex: 1;
    height: 6px;
    background: #DFDFDF;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.loop-progress-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--progress);
    background: #0E1B4D;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* wrapper pro šipky vpravo */
.loop-arrows {
    display: flex;
    gap: 16px;
}

/* ŠIPKY – menší, kulaté */
.loop-bottom-bar .loop-arrow {
    width: 42px;
    height: 42px;
    border-radius: 59px !important;   /* vynutíme kruh */
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* levá – bílý kruh, tmavě modrá šipka */
.loop-bottom-bar .loop-arrow.prev {
    background: #FFFFFF;
    color: #0E1B4D;
}

/* pravá – tmavě modrý kruh, bílá šipka */
.loop-bottom-bar .loop-arrow.next {
    background: #0E1B4D;
    color: #FFFFFF;
}
/* schovat šipky na mobilech */
@media (max-width: 767px) {
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* volitelné: ať progress zabere víc místa, když nejsou šipky */
    .loop-bottom-bar {
        justify-content: flex-start;
        gap: 12px;
    }
}

@media (max-width: 767px) {

    /* šipky schovat */
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* spodní bar přes celou šířku + 20px odsazení po stranách */
    .loop-bottom-bar {
        padding: 0 10px;  /* tohle je ten offset co chceš */
        gap: 12px;
    }
}/* End custom CSS */