/* Offline clone fixes — popups, accordions, animations, carousels */

body.offline-popup-active {
  overflow: hidden;
}

.elementor.elementor-location-popup {
  display: none !important;
}

.elementor.elementor-location-popup.offline-popup-visible {
  display: flex !important;
  position: fixed;
  inset: 0;
  z-index: 999999;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  overflow-y: auto;
  background: rgba(43, 37, 49, 0.82);
}

.elementor.elementor-location-popup.offline-popup-visible > .e-con-height-full {
  width: min(720px, 100%);
  max-height: 92vh;
  overflow-y: auto;
  margin: auto;
  background: #f3f6f8;
  border-radius: 4px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}

.elementor.elementor-location-popup.offline-popup-visible .elementor-invisible,
.elementor-invisible.offline-revealed,
.elementor-widget-accordion.elementor-invisible,
.elementor-widget-accordion .elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
}

/* Accordions */
.elementor-accordion .elementor-tab-title {
  cursor: pointer;
}

.elementor-accordion .elementor-tab-title.elementor-active + .elementor-tab-content {
  display: block !important;
}

/* Scroll-reveal sections that never animated offline */
.elementor-invisible.offline-revealed {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Careers / job carousel fallback when Swiper JS unavailable */
.offline-swiper-fallback.swiper {
  overflow: hidden;
}

.offline-swiper-fallback .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  transform: none !important;
}

.offline-swiper-fallback .swiper-slide {
  flex: 0 0 calc(50% - 10px);
  scroll-snap-align: start;
  height: auto;
  width: calc(50% - 10px) !important;
}

@media (max-width: 767px) {
  .offline-swiper-fallback .swiper-slide {
    flex: 0 0 100%;
    width: 100% !important;
  }
}

.elementor-swiper-button-prev,
.elementor-swiper-button-next {
  cursor: pointer;
}