/* 2026 refresh overrides, loaded after style.css */

/* Hero: text is visible immediately; slides cross-fade photo and text together
   (see main.js), so the template's separate delayed text animations are off */
.cr-slider .swiper-wrapper .swiper-slide-active h1,
.cr-slider .swiper-wrapper .swiper-slide-active h2,
.cr-slider .swiper-wrapper .swiper-slide-active p {
  -webkit-animation: none;
          animation: none;
}
.cr-slider .slider-animation {
  opacity: 1;
  transform: none;
  transition: none;
}

/* Hero photo: phones get a smaller portrait crop of the same image */
.hero-bg {
  background-image: var(--hero-bg);
}
@media (max-width: 767px) {
  .hero-bg {
    background-image: var(--hero-bg-mobile, var(--hero-bg));
  }
}

/* Hero decorative doodle overlapped the headline on small screens */
@media (max-width: 767px) {
  .cr-hero-banner .hero-container::after,
  .cr-hero-banner .hero-container::before {
    display: none;
  }
}

/* Loyalty card: solid enough to read over a busy photo */
.bg-banner-loyalty [data-aos] {
  background: rgba(20, 24, 16, 0.62) !important;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px !important;
  padding: 32px !important;
}

/* Testimonial cards stretch to equal height inside the slider */
.cr-testimonial-slider .swiper-slide {
  height: auto;
}

/* Visible keyboard focus for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid #b0c334;
  outline-offset: 2px;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-duration: 0.01ms !important;
  }
}
