/* ========================================
   DISABLE ALL HOVER ANIMATIONS
   Remove all hover effects from images, cards, and elements
   ======================================== */

/* ========================================
   1. DISABLE IMAGE HOVER EFFECTS
   ======================================== */

/* Remove ALL image hover transformations */
img:hover,
.hero-main-image:hover,
.home-hero-image:hover,
.hero-dashboard-image:hover,
.section-image:hover img,
.paperless-image-wrapper:hover,
.fbr-image-wrapper:hover,
.hero-image-wrapper:hover .hero-main-image,
.testimonial-card-growth:hover img,
.trusted-by-card:hover img,
.company-logo-wrapper:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Disable transitions on images */
img,
.hero-main-image,
.home-hero-image,
.hero-dashboard-image,
.section-image img,
.testimonial-card-growth img {
    transition: none !important;
    -webkit-transition: none !important;
}

/* Keep only logo opacity change (functional) */
.trusted-by-section img,
.company-logo-wrapper img {
    transition: opacity 0.2s ease !important;
}

.trusted-by-section img:hover,
.company-logo-wrapper img:hover {
    transform: none !important;
    scale: 1 !important;
    filter: grayscale(0) opacity(1) !important;
}

/* ========================================
   2. DISABLE CARD HOVER EFFECTS
   ======================================== */

/* Remove ALL card hover transformations */
.why-card:hover,
.benefit-card-modern:hover,
.testimonial-card:hover,
.testimonial-card-growth:hover,
.product-card:hover,
.industry-card:hover,
.modern-card:hover,
.app-selection-card:hover,
.cta-card-growth:hover,
.feature-card:hover,
.pricing-card:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

/* Disable card transitions */
.why-card,
.benefit-card-modern,
.testimonial-card,
.testimonial-card-growth,
.product-card,
.industry-card,
.modern-card,
.app-selection-card,
.cta-card-growth,
.feature-card,
.pricing-card {
    transition: none !important;
    -webkit-transition: none !important;
}

/* ========================================
   3. DISABLE CARD ::BEFORE AND ::AFTER HOVER EFFECTS
   ======================================== */

/* Remove pseudo-element animations on hover */
.why-card:hover::before,
.testimonial-card-growth:hover::before,
.benefit-card-modern:hover::before,
.why-moneypex-section .why-card:hover::before {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 0 !important;
}

.section-image:hover::before,
.section-image:hover::after {
    opacity: 0 !important;
}

/* ========================================
   4. DISABLE IMAGE WRAPPER HOVER EFFECTS
   ======================================== */

/* Remove wrapper hover effects */
.hero-image-wrapper:hover,
.hero-form-wrapper:hover,
.paperless-image-wrapper:hover,
.fbr-image-wrapper:hover,
.fbr-page .fbr-image-wrapper:hover {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: inherit !important;
}

/* ========================================
   5. DISABLE BUTTON HOVER ANIMATIONS (Keep Color Changes)
   ======================================== */

/* Remove transform on button hover, keep color/background changes */
.btn-premium:hover,
.btn-premium-outline:hover,
.modern-btn-primary:hover,
.btn-secondary:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

/* Keep button arrow animation (functional indicator) */
.btn-premium:hover svg,
.btn-premium-outline:hover svg {
    transform: translateX(5px) !important;
    transition: transform 0.3s ease !important;
}

/* ========================================
   6. DISABLE SPECIFIC SECTION IMAGE HOVERS
   ======================================== */

/* Hero section images */
.hero-main-image,
.home-hero-image,
.hero-dashboard-image {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
}

.hero-main-image:hover,
.home-hero-image:hover,
.hero-dashboard-image:hover,
.hero-image-wrapper:hover .hero-main-image {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: inherit !important;
}

/* Section images */
.section-image,
.section-image img {
    transition: none !important;
}

.section-image:hover,
.section-image:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    filter: none !important;
    border-color: inherit !important;
}

/* FBR/Feature images */
.fbr-image-wrapper,
.fbr-image-wrapper img,
.paperless-image-wrapper,
.paperless-image-wrapper img {
    transition: none !important;
}

.fbr-image-wrapper:hover,
.paperless-image-wrapper:hover {
    transform: none !important;
    box-shadow: inherit !important;
}

/* ========================================
   7. DISABLE TESTIMONIAL IMAGE SCALING
   ======================================== */

/* Testimonial images */
.testimonial-card-growth img {
    transition: none !important;
}

.testimonial-card-growth:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    box-shadow: none !important;
}

/* ========================================
   8. DISABLE WHY MONEYPEX CARD ANIMATIONS
   ======================================== */

/* Why Moneypex section specific */
.why-moneypex-section .why-card,
.why-card {
    transition: none !important;
}

.why-moneypex-section .why-card:hover,
.why-card:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

/* Why card icon (already covered in disable-icon-animations.css but reinforced here) */
.why-card:hover .why-card-icon,
.why-moneypex-section .why-card:hover .why-card-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
}

/* Why card title */
.why-card:hover .why-card-title {
    color: inherit !important;
}

/* ========================================
   9. DISABLE BENEFIT CARD ANIMATIONS
   ======================================== */

.benefit-card-modern,
.benefit-card {
    transition: none !important;
}

.benefit-card-modern:hover,
.benefit-card:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

.benefit-card-modern:hover .benefit-icon-wrapper {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
}

/* ========================================
   10. DISABLE INDUSTRY/PRODUCT CARD ANIMATIONS
   ======================================== */

.industry-card,
.product-card,
.industry-card-inner,
.product-card-inner {
    transition: none !important;
}

.industry-card:hover,
.product-card:hover,
.industry-card-inner:hover,
.product-card-inner:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    box-shadow: inherit !important;
    background: inherit !important;
}

/* ========================================
   11. DISABLE APP SELECTION CARD ANIMATIONS
   ======================================== */

.app-selection-card,
.modern-card {
    transition: none !important;
}

.app-selection-card:hover,
.modern-card:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

.app-selection-card:hover .app-card-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
}

/* ========================================
   12. MOBILE - DISABLE ALL HOVER EFFECTS
   ======================================== */

@media (max-width: 991px) {
    /* Ensure absolutely NO hover effects on mobile/tablet */
    *:hover {
        transform: none !important;
        -webkit-transform: none !important;
        scale: 1 !important;
    }
    
    /* Disable all transitions on mobile for performance */
    .why-card,
    .benefit-card-modern,
    .testimonial-card-growth,
    .product-card,
    .industry-card,
    .modern-card,
    img,
    .hero-main-image,
    .section-image {
        transition: none !important;
    }
}

/* ========================================
   13. OVERRIDE ALL TRANSFORM TRANSITIONS GLOBALLY
   ======================================== */

/* Force remove transform transitions on common elements */
.why-card,
.benefit-card-modern,
.testimonial-card,
.testimonial-card-growth,
.product-card,
.industry-card,
.modern-card,
.app-selection-card,
.hero-main-image,
.home-hero-image,
.section-image,
.fbr-image-wrapper,
.paperless-image-wrapper,
img[class*="hero"],
img[class*="dashboard"],
img[class*="section"] {
    transition: opacity 0.2s ease !important; /* Only allow opacity for fades */
    -webkit-transition: opacity 0.2s ease !important;
}

/* Completely disable transform on hover */
.why-card:hover,
.benefit-card-modern:hover,
.testimonial-card:hover,
.testimonial-card-growth:hover,
.product-card:hover,
.industry-card:hover,
.modern-card:hover,
.app-selection-card:hover,
.hero-main-image:hover,
.home-hero-image:hover,
.section-image:hover,
.fbr-image-wrapper:hover,
.paperless-image-wrapper:hover,
img[class*="hero"]:hover,
img[class*="dashboard"]:hover,
img[class*="section"]:hover {
    transform: translate(0, 0) scale(1) rotate(0deg) !important;
    -webkit-transform: translate(0, 0) scale(1) rotate(0deg) !important;
}

/* ========================================
   14. KEEP ONLY ESSENTIAL HOVER EFFECTS
   ======================================== */

/* Allow subtle shadow changes on cards (optional - remove if not wanted) */
.why-card:hover,
.benefit-card-modern:hover,
.testimonial-card-growth:hover {
    /* Only allow box-shadow change, no transform */
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1) !important;
}

/* Allow link color changes */
a:hover {
    /* Color changes are OK, no transform */
    transform: none !important;
}

/* ========================================
   15. FORCE STATIC STATE WITH !IMPORTANT
   ======================================== */

/* Nuclear option - force everything to stay static */
*[class*="card"]:hover,
*[class*="Card"]:hover,
*[class*="image"]:hover,
*[class*="Image"]:hover,
*[class*="img"]:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

/* ========================================
   END OF HOVER ANIMATION DISABLING
   ======================================== */