/* aktivn� jen kdy� JS p�id� .is-carousel */
.cont__m-scroll.is-carousel {
  position: relative; /* kv�li �ipk�m */
  padding-left: 100px;
  padding-right: 100px;
}



/* samotn� "track" */
#wrapper #main .cont__m-scroll.is-carousel.fullwidth-box .fusion-builder-row {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;

  scroll-snap-type: x mandatory;
  scroll-padding-left: 22px;
  
  /* Track mus� za��nat vlevo (Avada ho n�kdy centruje) */
  justify-content: flex-start !important;

  /* D�LE�IT�: nezab�t "Site Width" */
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* karty */
.cont__m-scroll .col__m-carousel {
  min-width: 270px;
}

.cont__m-scroll.is-carousel .col__m-carousel {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-snap-align: start;
}

/* sticky verze */
.cont__m-scroll.fusion-sticky-transition .col__m-carousel .fusion-image-element > div {width: unset !important;}
.cont__m-scroll.fusion-sticky-transition .col__m-carousel .fusion-image-element  img {
  max-width: 40px; 
}

.cont__m-scroll.fusion-sticky-transition .col__m-carousel .fusion-text {font-size: 18px;}

/* 700�1200: 2.5 karty */
@media (max-width: 1200px) and (min-width: 700px) {
  .cont__m-scroll.is-carousel .col__m-carousel {
    width: 40% !important;
    max-width: 40% !important;
  }
}

/* <700: 1.5 karty */
@media (max-width: 699px) {
  .cont__m-scroll.is-carousel .fusion-builder-row{
    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 22px !important;
    padding-right: 0 !important;
    scroll-padding-left: 22px !important;
  }

  .cont__m-scroll.is-carousel .col__m-carousel {
    width: calc((100% - var(--mc-gap)) / 1.5) !important; /* 1 + 0.5 */
    max-width: calc((100% - var(--mc-gap)) / 1.5) !important;
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    scroll-snap-align: start;
  }
}

/* schovej scrollbar (voliteln�) */
.cont__m-scroll.is-carousel .fusion-builder-row::-webkit-scrollbar { height: 0; }

/* =========================
   �IPKY
   ========================= */
.cont__m-scroll .mc-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  width: 44px;
  height: 44px;
  border: 2px solid var(--awb-color7);
  background: transparent;
  cursor: pointer;

  display: none; /* JS rozhodne */
  align-items: center;
  justify-content: center;

  z-index: 20;
}

.cont__m-scroll .mc-arrow.mc-left {
  left: 24px; /* vedle prav� �ipky */
}

.cont__m-scroll .mc-arrow.mc-right {
  right: 24px; /* vedle prav� �ipky */
}

.cont__m-scroll .mc-arrow:hover {
  border-color: var(--awb-color4)
}

.cont__m-scroll.is-carousel .mc-arrow {
  display: flex;
}

/* kdy� JS �ekne "disabled", �ipku schovej */
.cont__m-scroll.is-carousel .mc-arrow.is-hidden {
  display: block;
  opacity: 0.25;
  pointer-events: none;
}

/* ikonka */
.cont__m-scroll .mc-arrow::before {
    content: "";
    display: block;
    position: relative;
    width: 30px;
    height: 18px;
    background: url(/wp-content/uploads/2026/01/arrow-right-lb.svg) center center no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    transform-origin: center;
}

.cont__m-scroll .mc-arrow.mc-left::before {
  transform: rotateZ(180deg) rotateX(180deg); /* � */
}

.cont__m-scroll .mc-arrow.mc-right::before {
  left: 2px;
}

/* Tablet */
@media only screen and (max-width: 1452px) {
  .cont__m-scroll .mc-arrow {
    right: 16px;
}

.cont__m-scroll .mc-arrow.mc-left {
    right: 68px
}
  
}

/* Mobil: 1 cel� + p�lka dal�� (po��t� i gap) */
@media (max-width: 700px) {
  .cont__m-scroll.is-carousel .fusion-builder-row{
    /* --mc-gap: 16px;
    gap: var(--mc-gap) !important; */

    padding-left: 22px !important;
    padding-right: 0 !important;          /* aby �nakukovala� dal�� karta */
    scroll-padding-left: 22px !important;
  }

  .cont__m-scroll.is-carousel .col__m-carousel{
    width: calc((100% - var(--mc-gap)) / 1.5) !important;
    max-width: calc((100% - var(--mc-gap)) / 1.5) !important;
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .cont__m-scroll.is-carousel .col__m-carousel > .fusion-column-wrapper{
    padding-right: 16px;
    padding-left: 16px;
  }

  .cont__m-scroll.is-carousel {
    padding-left: 50px;
    padding-right: 50px;
}

.cont__m-scroll .mc-arrow.mc-left {
    left: 6px;
}

.cont__m-scroll .mc-arrow.mc-right {
  right: 6px;
}

.cont__m-scroll .col__m-carousel {
  min-width: 240px;
}
}