/* R.A.K. GROUP v2.0.1 — Video QA hotfix (non-destructive CSS)
 * Scope: only when v2.0 Premium Interface is active.
 * All content remains owned by Elementor Pro.
 */

/* The Elementor Slides widget may retain opacity/entry-animation styling when
 * a slide is already active. Readability wins over transient motion effects. */
body.rak-v20-active .rak-premium-slider .swiper-slide-active .swiper-slide-contents,
body.rak-v20-active .rak-premium-slider .swiper-slide-duplicate-active .swiper-slide-contents {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  position: relative !important;
  z-index: 8 !important;
}
body.rak-v20-active .rak-premium-slider .swiper-slide-active .elementor-slide-heading,
body.rak-v20-active .rak-premium-slider .swiper-slide-active .elementor-slide-description,
body.rak-v20-active .rak-premium-slider .swiper-slide-active .elementor-slide-button,
body.rak-v20-active .rak-premium-slider .swiper-slide-duplicate-active .elementor-slide-heading,
body.rak-v20-active .rak-premium-slider .swiper-slide-duplicate-active .elementor-slide-description,
body.rak-v20-active .rak-premium-slider .swiper-slide-duplicate-active .elementor-slide-button {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}
body.rak-v20-active .rak-premium-slider .swiper-slide-active .elementor-slide-heading,
body.rak-v20-active .rak-premium-slider .swiper-slide-duplicate-active .elementor-slide-heading {
  color: #fff !important;
  text-shadow: 0 4px 20px rgba(0,0,0,.85) !important;
}
body.rak-v20-active .rak-premium-slider .swiper-slide-active .elementor-slide-description,
body.rak-v20-active .rak-premium-slider .swiper-slide-duplicate-active .elementor-slide-description {
  color: #f8fafc !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.82) !important;
}
/* Put the native slide content above decorative overlays, without changing
 * Swiper background fade or navigation. */
body.rak-v20-active .rak-premium-slider .swiper-slide-inner {
  z-index: 6 !important;
}
/* The imported v1.2 card template contains both the older decorative counter
 * and the editable service index. Display only the editable primary number. */
body.rak-v20-active .rak-service-card .rak-card-content:has(.rak-service-index) .rak-v12-card-number {
  display: none !important;
}
/* On shorter laptop viewports, keep the headline above the fold rather than
 * centering it inside a forced 620px+ content block. */
@media (min-width: 768px) and (max-height: 800px) {
  body.rak-v20-active .rak-premium-slider .swiper-slide-inner {
    min-height: clamp(445px, 74svh, 610px) !important;
    padding-top: clamp(52px, 6svh, 78px) !important;
    padding-bottom: 68px !important;
  }
  body.rak-v20-active .rak-premium-slider .swiper-slide-contents::before {
    margin-bottom: 18px !important;
  }
  body.rak-v20-active .rak-premium-slider .elementor-slide-heading {
    font-size: clamp(37px, 4.25vw, 66px) !important;
    margin-bottom: 16px !important;
  }
  body.rak-v20-active .rak-premium-slider .elementor-slide-description {
    margin-bottom: 19px !important;
  }
}
@media (max-width: 767px) {
  body.rak-v20-active .rak-premium-slider .swiper-slide-inner {
    min-height: 560px !important;
  }
  body.rak-v20-active .rak-premium-slider .swiper-slide-contents {
    max-width: 100% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.rak-v20-active .rak-premium-slider .swiper-slide-contents,
  body.rak-v20-active .rak-premium-slider .swiper-slide-contents * {
    animation: none !important;
    transition: none !important;
  }
}