/********************************************
 * Content Tabs (ACF Slider)
 * Arrows pinned at left/right edges
 ********************************************/

/* Bottom sticky tab bar *//* Bottom sticky tab bar */
.et_pb_tabs_controls {
  display: flex;
  align-items: center;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999998;
  background: #ffffff;
  border-top: 1px solid #ddd;
  padding: 0.5rem 3rem; /* padding so arrows don’t cover tabs */
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
}

.et_pb_tabs_controls::-webkit-scrollbar {
  height: 6px;
}
.et_pb_tabs_controls::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.et_pb_tabs_controls li {
  flex: 0 0 auto;
  margin: 0 0.4rem;
  white-space: nowrap;
}

.et_pb_tabs_controls a {
  white-space: nowrap;
}

.et_pb_tabs_controls.ctas-grab {
  cursor: grabbing;
}

/* Arrows fixed at left/right of the screen */
.ctas-nav {
  position: fixed;
  bottom: 0.4rem;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  color: #2ea3f2;
  border: 1px solid #2ea3f2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  transition: all 0.2s ease;
  z-index: 999999;
}

.ctas-prev {
  left: 10px;
}
.ctas-next {
  right: 10px;
}

.ctas-nav:hover,
.ctas-nav:focus-visible {
  background: #2ea3f2;
  color: #fff;
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
  outline: none;
}

.ctas-nav.ctas-disabled {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
}

.ctas-nav.ctas-hidden {
  display: none !important;
}

/* OPTIONAL: hide arrows on small screens and rely on swipe only */
@media (max-width: 980px) {
  .ctas-nav {
    display: none;
  }
}