/* ========================================
   DISABLE ALL HOVER ANIMATIONS, SHADOWS, AND CARD EFFECTS
   Remove all hover effects, shadows, and card styling from images and icons
   Last Updated: January 2026
   ======================================== */

/* ========================================
   0. MASTER RULES - REMOVE ALL IMAGE SHADOWS AND BORDERS
   ======================================== */

/* Remove ALL shadows and borders from ALL images globally */
img,
picture,
.img-fluid,
.section-image img,
.fbr-image-wrapper img,
.fbr-image img,
.hero-main-image,
.home-hero-image,
.hero-dashboard-image,
.hero-image-wrapper img,
.hero-form-wrapper img,
.feature-image img,
.pos-hero-image,
.pos-dashboard-image,
[class*="image"] img,
[class*="Image"] img {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

/* Remove shadow-lg, rounded classes effect */
.shadow-lg,
.shadow-md,
.shadow-sm,
.shadow,
img.shadow-lg,
img.shadow-md,
img.shadow-sm,
img.shadow,
.rounded-3,
.rounded-2,
.rounded-1,
.rounded {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ========================================
   1. REMOVE ALL IMAGE WRAPPER CARD STYLING
   ======================================== */

/* Remove card/container styling from image wrappers */
.hero-image-wrapper,
.hero-form-wrapper,
.hero-form-container,
.section-image,
.fbr-image-wrapper,
.fbr-image,
.paperless-image-wrapper,
.feature-image,
.pos-hero-wrapper,
[class*="image-wrapper"],
[class*="Image-wrapper"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    outline: none !important;
}

/* ========================================
   2. DISABLE ALL IMAGE HOVER EFFECTS
   ======================================== */

/* Master hover disable for ALL images */
img:hover,
picture:hover,
.img-fluid:hover,
.section-image:hover,
.section-image:hover img,
.section-image img:hover,
.fbr-image-wrapper:hover,
.fbr-image-wrapper:hover img,
.fbr-image:hover,
.fbr-image:hover img,
.hero-main-image:hover,
.home-hero-image:hover,
.hero-dashboard-image:hover,
.hero-image-wrapper:hover,
.hero-image-wrapper:hover img,
.hero-form-wrapper:hover,
.hero-form-wrapper:hover img,
.paperless-image-wrapper:hover,
.paperless-image-wrapper:hover img,
.feature-image:hover,
.feature-image:hover img,
.pos-hero-image:hover,
.pos-dashboard-image:hover,
[class*="image"]:hover,
[class*="image"]:hover img,
[class*="Image"]:hover,
[class*="Image"]:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    opacity: 1 !important;
}

/* ========================================
   3. DISABLE ALL ICON HOVER EFFECTS
   ======================================== */

/* Remove ALL icon hover effects */
svg:hover,
[class*="icon"]:hover,
[class*="Icon"]:hover,
.why-card-icon:hover,
.benefit-icon-wrapper:hover,
.feature-icon-wrapper:hover,
.fbr-feature-icon:hover,
.app-card-icon:hover,
.product-icon:hover,
.industry-icon-wrapper:hover,
.dropdown-icon:hover,
.social-icon:hover,
.social-icon-pro:hover,
.stat-icon-new:hover,
.pricing-plan-icon:hover,
.pos-option-icon:hover,
.mp-products-card__icon-wrapper:hover,
.features-inner-sectio-icon:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: inherit !important;
}

/* Disable icon transitions */
svg,
[class*="icon"],
[class*="Icon"] {
    transition: none !important;
    -webkit-transition: none !important;
}

/* ========================================
   4. DISABLE ALL CARD HOVER EFFECTS
   ======================================== */

/* Remove ALL card hover transformations */
.why-card:hover,
.benefit-card-modern:hover,
.benefit-card: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,
.pos-pricing-card:hover,
[class*="card"]:hover,
[class*="Card"]:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

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

/* ========================================
   5. DISABLE CARD ICON HOVER EFFECTS
   ======================================== */

/* When card is hovered, icons should not animate */
.why-card:hover .why-card-icon,
.benefit-card-modern:hover .benefit-icon-wrapper,
.app-selection-card:hover .app-card-icon,
.product-card:hover .product-icon,
.industry-card:hover .industry-icon-wrapper,
.pos-pricing-card:hover .pricing-plan-icon,
[class*="card"]:hover [class*="icon"],
[class*="Card"]:hover [class*="icon"] {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ========================================
   6. DISABLE PSEUDO-ELEMENT HOVER EFFECTS
   ======================================== */

/* Remove ::before and ::after animations on hover */
.why-card:hover::before,
.why-card:hover::after,
.benefit-card-modern:hover::before,
.benefit-card-modern:hover::after,
.testimonial-card-growth:hover::before,
.testimonial-card-growth:hover::after,
.section-image:hover::before,
.section-image:hover::after,
[class*="card"]:hover::before,
[class*="card"]:hover::after {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 0 !important;
}

/* ========================================
   7. SPECIFIC PAGE IMAGE FIXES
   ======================================== */

/* Accounting page */
.accounting-page img,
.accounting-page .hero-main-image,
.accounting-page .home-hero-image,
.accounting-page .section-image img,
.accounting-page .fbr-image-wrapper img {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.accounting-page img:hover,
.accounting-page .hero-main-image:hover,
.accounting-page .section-image:hover img {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* FBR page */
.fbr-page img,
.fbr-page .fbr-image-wrapper img,
.fbr-page .hero-main-image {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.fbr-page img:hover,
.fbr-page .fbr-image-wrapper:hover img {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* POS pages */
.pos-page img,
[class*="pos"] img {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

/* ========================================
   8. TRUSTED BY / LOGO IMAGES
   ======================================== */

.trusted-by-section img,
.trusted-by-card img,
.company-logo-wrapper img,
.trusted-by-img {
    box-shadow: none !important;
    border: none !important;
    transition: opacity 0.2s ease !important;
}

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

/* ========================================
   9. HEADER / FOOTER IMAGES AND ICONS
   ======================================== */

/* Header logo */
.header-logo,
.header-logoo,
.navbar-brand img,
.header-logo-animated img {
    box-shadow: none !important;
    border: none !important;
}

.header-logo:hover,
.navbar-brand:hover img,
.header-logo-animated:hover img {
    transform: none !important;
    scale: 1 !important;
}

/* Footer */
.modern-footer img,
.modern-footer svg,
.modern-footer [class*="icon"] {
    box-shadow: none !important;
}

.modern-footer img:hover,
.modern-footer svg:hover,
.modern-footer [class*="icon"]:hover {
    transform: none !important;
    scale: 1 !important;
}

/* ========================================
   10. SOCIAL ICONS
   ======================================== */

.social-icon,
.social-icon-pro,
.social-icon img,
.social-icon svg {
    box-shadow: none !important;
    transition: none !important;
}

.social-icon:hover,
.social-icon-pro:hover,
.social-icon:hover img,
.social-icon:hover svg {
    transform: none !important;
    scale: 1 !important;
    box-shadow: none !important;
}

/* ========================================
   11. DROPDOWN ICONS
   ======================================== */

.dropdown-icon,
.dropdown-icon img,
.dropdown-icon svg {
    box-shadow: none !important;
}

.dropdown-icon:hover,
.dropdown-item-modern:hover .dropdown-icon {
    transform: none !important;
    scale: 1 !important;
    background: inherit !important;
}

/* ========================================
   12. BUTTON HOVER (Keep color changes only)
   ======================================== */

.btn-premium:hover,
.btn-premium-outline:hover {
    transform: none !important;
    scale: 1 !important;
}

/* Keep button arrow animation (functional) */
.btn-premium:hover svg,
.btn-premium-outline:hover svg {
    transform: translateX(4px) !important;
}

/* ========================================
   13. MOBILE - DISABLE ALL HOVER
   ======================================== */

@media (max-width: 991px) {
    *:hover {
        transform: none !important;
        -webkit-transform: none !important;
        scale: 1 !important;
    }
    
    img, svg, [class*="icon"], [class*="card"] {
        transition: none !important;
    }
}

/* ========================================
   14. NUCLEAR OPTION - FORCE ALL STATIC
   ======================================== */

/* Force ALL elements with image/icon/card classes to have no hover effects */
*[class*="image"]:hover,
*[class*="Image"]:hover,
*[class*="img"]:hover,
*[class*="Img"]:hover,
*[class*="icon"]:hover,
*[class*="Icon"]:hover,
*[class*="logo"]:hover,
*[class*="Logo"]:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Force remove ALL shadows from images */
img[class*="shadow"],
[class*="shadow"] img,
.shadow img,
.shadow-lg img,
.shadow-md img,
.shadow-sm img {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ========================================
   END OF STYLES
   ======================================== */