/* ============================================================
   animations-martial-arts.css — Martial Arts template animation states
   Initial hidden states, hover effects, reduced motion
   ============================================================ */

/* --- Hero initial states set by GSAP (fromTo) --- */
/* Global animations.css sets .hero-section .hero-heading { opacity:0 }.
   In this template the wrapper div also carries that class, but GSAP targets
   the H1 directly. Reset the wrapper div so only the H1 is animated. */
.hero-section .c-text.hero-heading {
  opacity: 1;
}
.hero-section .hero-cta {
  will-change: transform, opacity;
}

/* --- Hover effects — feature cards --- */
.fr-feature-card-foxtrot {
  transition: transform 0.3s ease;
}

.fr-feature-card-foxtrot:hover {
  transform: translateY(-3px);
}

.fr-feature-card-foxtrot__icon {
  transition: transform 0.3s ease;
}

.fr-feature-card-foxtrot:hover .fr-feature-card-foxtrot__icon {
  transform: scale(1.08);
}

/* --- Hover effects — article cards --- */
.fr-article-card-alpha {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fr-article-card-alpha:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* --- Hover effects — testimonial cards --- */
.fr-testimonial-card-lima {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fr-testimonial-card-lima:hover {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 8px;
}

/* --- Fallback: no-gsap class is added by animations-core.js if GSAP fails ---
     Hero heading/sub-text are visible by default; no override needed here.
     CTA box fallback: ensure it's visible if GSAP didn't set fromTo state. */
html.no-gsap .hero-section .hero-cta {
  opacity: 1 !important;
  transform: none !important;
}

/* --- Accessibility: reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  .hero-section .hero-heading,
  .hero-section .hero-sub-text,
  .hero-section .hero-cta {
    opacity: 1 !important;
    transform: none !important;
  }

  .fr-feature-card-foxtrot,
  .fr-feature-card-foxtrot__icon,
  .fr-article-card-alpha,
  .fr-testimonial-card-lima {
    transition: none !important;
  }
}