/* Local overrides for the ported joezz.com layout */

html,
body {
  background: #fff;
}

/* Avada usually hides overflow until JS kicks in — prevent horizontal bounce */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/* Hide the page-load helper noscript link leftover */
.page-load-link {
  display: none !important;
}

/* Carousel arrow buttons — replace missing icomoon glyphs with inline SVG */
.awb-swiper-button,
.awb-swiper-button-prev,
.awb-swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px !important;
  height: 28px !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  color: #fff !important;
  cursor: pointer;
  opacity: 1 !important;
  transition: none !important;
  z-index: 5;
}

.awb-swiper-button:hover,
.awb-swiper-button-prev:hover,
.awb-swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
  transform: translateY(-50%) !important;
}

/* Kill the icomoon pseudo-element glyph — the awb-icons font isn't loaded
   so it renders as an empty box next to our inline SVG */
.awb-swiper-button i.awb-icon-angle-left::before,
.awb-swiper-button i.awb-icon-angle-right::before {
  content: none !important;
}

.awb-swiper-button.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.awb-swiper-button i.awb-icon-angle-left,
.awb-swiper-button i.awb-icon-angle-right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  font-style: normal;
}

.awb-swiper-button i.awb-icon-angle-left svg,
.awb-swiper-button i.awb-icon-angle-right svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Position the prev/next buttons over the swiper */
.awb-carousel {
  position: relative;
}

.awb-carousel .awb-swiper-button-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.awb-carousel .awb-swiper-button-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}