/* aktivní jen když JS přidá .is-carousel */
.cont__m-scroll.is-carousel {
  position: relative; /* kvůli šipkám */
  padding-top: 60px;
}

/* samotný "track" */
.cont__m-scroll.is-carousel .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;
  padding-left: 22px;
  padding-right: 22px;
  gap: 16px;

  /* 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.is-carousel .col__m-carousel {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-snap-align: start;
}

/* 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: 0px;
  right: calc((100vw - var(--site_width)) / 2);
  width: 44px;
  height: 44px;
  border: 2px solid var(--awb-custom_color_2);
  background: var(--awb-custom_color_2);
  cursor: pointer;
  display: none; /* JS rozhodne */
  align-items: center;
  justify-content: center;
  z-index: 20;
}

.cont__m-scroll .mc-arrow.mc-left {
  /* right: calc( ( ( 100vw - var(--site_width) ) / 2 ) + 68px ); */
  top:40px;
  right: unset;
  left: -20px;
}

.cont__m-scroll .mc-arrow.mc-right {
  top:40px;
  right: -20px;
}

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

.cont__casova-osa.is-carousel > .fusion-builder-row {
  border-top: 4px solid var(--awb-custom_color_2);
}

/* .cont__m-scroll.is-carousel > .fusion-builder-row{
  overflow: visible;
} */

.cont__m-scroll.is-carousel .carousel-title {
  position: absolute;
  background-color: white;
  padding: 8px;
  border: 4px solid var(--awb-custom_color_2);
  top: -14px;
}

/* když JS řekne "disabled", šipku schovej */
.cont__m-scroll.is-carousel .mc-arrow.is-hidden {
  display: none;
}

/* ikonka */
.cont__m-scroll .mc-arrow::before {
  content: "";
  position: relative;
  width: 12px;
  height: 21px;
  background: url('/wp-content/uploads/2026/01/chevron-right_white.svg') center center no-repeat;
  background-size: contain;
  transform: rotate(0deg);
}

.cont__m-scroll .mc-arrow.mc-left::before {
  transform: rotate(180deg); /* ← */
  left: -3px;
}

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

/* hover */
.cont__m-scroll .mc-arrow:hover {
  background: var(--awb-custom_color_2);
}

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

.cont__m-scroll .mc-arrow.mc-left {
    right: 68px
}
}
@media (max-width: 1200px) {
  .cont__m-scroll.is-carousel {
    padding-top: 76px;
  }

  
}

/* 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;
  }
}