/**
 * Blekline Swiper × Webflow bridge
 *
 * Load AFTER swiper-bundle.min.css in Webflow Head.
 * Does NOT style .swiper-wrapper or .swiper-slide — Webflow owns all track/slide layout.
 * Nav disabled/hover polish + section-level mobile-static hooks only.
 *
 * <link rel="stylesheet" href="https://app.blekline.com/marketing/marketing-swiper-webflow.css?v=6" />
 */

[data-swiper-section] .swiper {
  overflow: clip;
}

/* Native + custom nav disabled states */
[data-swiper-section] [data-swiper-prev].is-disabled,
[data-swiper-section] [data-swiper-next].is-disabled,
[data-swiper-section] .swiper-button-prev.is-disabled,
[data-swiper-section] .swiper-button-next.is-disabled {
  opacity: 0.32;
  cursor: default;
}

[data-swiper-section] [data-swiper-prev]:not(.is-disabled),
[data-swiper-section] [data-swiper-next]:not(.is-disabled) {
  cursor: pointer;
  transition: opacity 180ms ease, transform 180ms ease;
}

[data-swiper-section] [data-swiper-prev]:not(.is-disabled):hover,
[data-swiper-section] [data-swiper-next]:not(.is-disabled):hover {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  [data-swiper-section] [data-swiper-prev],
  [data-swiper-section] [data-swiper-next] {
    transition: none;
  }
}

/* data-swiper-mobile="0" on manual sliders — scroll + drag via marquee fallback */
[data-swiper-section][data-swiper-mobile-static] .swiper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

[data-swiper-section][data-swiper-mobile-static] .swiper::-webkit-scrollbar {
  display: none;
}

[data-swiper-section][data-swiper-mobile-static] .swiper-navigations,
[data-swiper-section][data-swiper-mobile-static] [class*="swiper-navigation"] {
  display: none;
}