/**
 * Crumb Believable GSAP helper styles.
 *
 * Add these classes in Divi:
 * Advanced tab > CSS ID & Classes > CSS Class
 *
 * cb-hero        = hero entrance animation
 * cb-reveal      = fade/slide reveal on scroll
 * cb-stagger     = stagger children inside this row/section
 * cb-card        = soft hover lift card
 * cb-parallax    = subtle image parallax on scroll
 * cb-float       = gentle floating loop
 */

.cb-card,
.cb-premium-card,
.cb-treat-card {
  will-change: transform;
  transition: box-shadow 240ms ease, filter 240ms ease;
}

.cb-card:hover,
.cb-premium-card:hover,
.cb-treat-card:hover {
  box-shadow: 0 28px 70px rgba(36, 20, 14, 0.18);
}

.cb-button-pop,
.et_pb_button,
.wp-element-button,
.button {
  will-change: transform;
}

.cb-parallax,
.cb-gsap-parallax {
  overflow: hidden;
}

.cb-parallax img,
.cb-gsap-parallax img {
  will-change: transform;
  transform: scale(1.08);
}

.cb-gallery-item img,
.cb-treat-card img,
.cb-card img {
  transform-origin: center;
}

.cb-gsap-ready .cb-reveal,
.cb-gsap-ready .cb-gsap-up,
.cb-gsap-ready .cb-fade,
.cb-gsap-ready .cb-hero .et_pb_module,
.cb-gsap-ready .cb-gsap-hero .et_pb_module {
  will-change: transform, opacity;
}

/* Keep the site readable if JS is blocked or GSAP does not load. */
.no-js .cb-reveal,
.no-js .cb-gsap-up,
.no-js .cb-fade {
  opacity: 1 !important;
  transform: none !important;
}