/* ZAO LP clone — overrides to replace plugin-driven behavior with static equivalents.
   Loaded LAST so it wins. Keep this file thin; section styling comes from the mirrored theme CSS. */

/* KingComposer scroll-in animations were JS-triggered (opacity:0 until shown).
   Force final/visible state so nothing stays hidden without the KC runtime. */
.kc-animated,
.kc-animate-eff-fadeInUp,
.kc-animate-eff-fadeIn,
.kc-animate-eff-fadeInLeft,
.kc-animate-eff-fadeInRight,
.kc-animate-eff-fadeInDown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

/* Testimonial slider: native swiper runtime removed -> our tiny slider shows one slide at a time. */
.testimonial-slider-standard .swiper-wrapper { display: block !important; transform: none !important; }
.testimonial-slider-standard .swiper-slide { display: none !important; width: 100% !important; }
.testimonial-slider-standard .swiper-slide.clone-active { display: block !important; }
.testimonial-slider-standard .clone-pagination {
  display: flex; justify-content: center; gap: 8px; margin-top: 22px;
}
.testimonial-slider-standard .clone-pagination .clone-dot {
  width: 10px; height: 10px; border-radius: 50%; border: 0;
  background: rgba(141, 96, 211, .35); cursor: pointer; padding: 0; transition: background .2s, transform .2s;
}
.testimonial-slider-standard .clone-pagination .clone-dot.is-active { background: #8d60d3; transform: scale(1.15); }

/* Hurrytimer markup is kept but driven by our countdown.js — reveal it (plugin hid it via .hurryt-loading). */
.hurrytimer-campaign.hurryt-loading { visibility: visible !important; }
.hurrytimer-cdt__inner { display: flex; }

/* ---- Mobile overflow fix ----
   On the live page several KingComposer INNER rows/columns carry author-set custom horizontal
   offsets (e.g. row margin-left:50px, column margin-left:-65px) tuned for the 2-column desktop
   layout, with no responsive reset. On mobile the columns stack full-width and those offsets push
   content off-screen (right OR left) and clip it. Reset all inner-row/inner-column horizontal
   margins to 0 < 768px so stacked content fills the viewport; clip the residual grid gutter. */
@media (max-width: 767px) {
  .entry-content .kc_row_inner,
  .entry-content .kc_column_inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-builder-wrap { overflow-x: hidden; }
}