/* Reference-aligned slider/carousel fixes */
html,
body {
  overflow-x: hidden;
}

/* ===== HERO SLIDER ===== */
.slider-wrapper {
  width: 100%;
  margin-bottom: 32px;
}

@media (min-width: 960px) {
  .slider-wrapper {
    margin-bottom: 60px;
  }
}

.main-slider,
.main-slider .glide,
.main-slider .glide__track {
  position: relative;
  width: 100%;
}

.main-slider .glide__track {
  overflow: hidden;
}

.main-slider .glide__slides {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  transition: transform .65s cubic-bezier(.075,.82,.165,1) !important;
  will-change: transform;
}

.main-slider .slider-wrapper-content {
  position: relative !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 240px !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden;
}

@media (min-width: 640px) {
  .main-slider .slider-wrapper-content {
    min-height: 320px !important;
  }
}

@media (min-width: 960px) {
  .main-slider .slider-wrapper-content {
    min-height: 380px !important;
  }
}

.main-slider .slider-wrapper-content > a,
.main-slider .slider-wrapper-content picture {
  display: block;
  width: 100%;
  height: 100%;
}

.main-slider .slider-wrapper-content img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.slide_pagination {
  position: absolute !important;
  left: 50% !important;
  bottom: 20px !important;
  z-index: 20 !important;
  display: flex !important;
  gap: 4px !important;
  transform: translateX(-50%) !important;
}

.slide_pagination button {
  position: static !important;
  width: 15px !important;
  height: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.5) !important;
  transition: .65s cubic-bezier(.075,.82,.165,1) !important;
  cursor: pointer;
}

.slide_pagination button.glide__bullet--active,
.slide_pagination button.is-active {
  width: 30px !important;
  background: #fff !important;
}

/* ===== CARD CAROUSELS ===== */
.traf-bets-slider,
.traf-pools-slider {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
}

.traf-bets-slider > .glide,
.traf-pools-slider > .glide {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
}

.traf-bets-slider .glide__track,
.traf-pools-slider .glide__track {
  width: 100% !important;
  overflow: hidden !important;
}

.traf-bets-slider .glide__slides,
.traf-pools-slider .glide__slides {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 0 !important;
  transition: transform .42s ease !important;
  will-change: transform !important;
}

.traf-bets-slider .slide-element,
.traf-pools-slider .slide-element {
  box-sizing: border-box !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 15px !important;
}

@media (min-width: 701px) {
  .traf-bets-slider .slide-element,
  .traf-pools-slider .slide-element {
    flex-basis: 50% !important;
    width: 50% !important;
  }
}

@media (min-width: 1201px) {
  .traf-bets-slider .slide-element,
  .traf-pools-slider .slide-element {
    flex-basis: 25% !important;
    width: 25% !important;
  }
}

.traf-bets-slider .bet-element,
.traf-pools-slider .pools-container-element {
  width: 100% !important;
  height: 100% !important;
}

/* Arrows positioned like the reference site */
.traf-bets-slider .glide__arrows,
.traf-pools-slider .glide__arrows {
  position: static !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
}

.traf-bets-slider .glide__arrows button,
.traf-pools-slider .glide__arrows button {
  position: absolute !important;
  top: 50% !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.traf-bets-slider .glide__arrows .arrow--left,
.traf-pools-slider .glide__arrows .arrow--left {
  left: -22px !important;
}

.traf-bets-slider .glide__arrows .arrow--right,
.traf-pools-slider .glide__arrows .arrow--right {
  right: -22px !important;
}

@media (min-width: 1366px) {
  .traf-bets-slider .glide__arrows .arrow--left,
  .traf-pools-slider .glide__arrows .arrow--left {
    left: -42px !important;
  }

  .traf-bets-slider .glide__arrows .arrow--right,
  .traf-pools-slider .glide__arrows .arrow--right {
    right: -42px !important;
  }
}

.traf-bets-slider .glide__arrows .arrow--left svg path,
.traf-pools-slider .glide__arrows .arrow--left svg path {
  fill: #E68E27 !important;
}

.traf-bets-slider .glide__arrows button:disabled,
.traf-pools-slider .glide__arrows button:disabled {
  opacity: .28 !important;
  cursor: default !important;
}

/* Keep the original mobile menu behavior usable in the static copy */
.right-panel-menu {
  transition: opacity .2s ease, visibility .2s ease;
}

@media (max-width: 959px) {
  .right-panel-menu:not(.is-open) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .right-panel-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.pointer.toggler {
  cursor: pointer;
}