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

/* ========================================
   MASTER OVERRIDE - NO HOVER EFFECTS ON ANY ICONS OR IMAGES
   This section uses maximum specificity to disable ALL hover effects
   ======================================== */

/* COMPLETELY DISABLE ALL ICON AND IMAGE HOVER EFFECTS */
/* EXCLUDES: Button SVGs, Carousel Nav Buttons, Carousel Buttons, Testimonial Stars */
img:hover,
svg:hover:not(.btn-premium svg):not(.btn-primary svg):not(.cta-button svg):not(.carousel-nav-btn svg):not(.carousel-btn svg):not(.testimonial-stars-new svg),
picture:hover,
[class*="icon"]:hover:not(.btn-premium svg):not(.btn-primary svg):not(.carousel-nav-btn):not(.carousel-nav-btn *):not(.carousel-btn):not(.carousel-btn *):not(.hero-check-icon):not(.benefit-check-icon):not(.acc-feature-icon),
[class*="Icon"]:hover:not(.btn-premium svg):not(.btn-primary svg):not(.carousel-nav-btn):not(.carousel-nav-btn *):not(.carousel-btn):not(.carousel-btn *):not(.hero-check-icon):not(.benefit-check-icon),
[class*="image"]:hover,
[class*="Image"]:hover,
[class*="img"]:hover,
[class*="logo"]:hover,
[class*="Logo"]:hover,
/* DISABLED: These *:hover rules cause cookie banner flickering
*:hover > img,
*:hover > svg,
*:hover > [class*="icon"],
*:hover [class*="icon"],
*:hover [class*="Icon"],
*/
div:not(#cookieConsentBanner):not(.cookie-consent-overlay):not(.cookie-consent-content):not(.testimonial-carousel-wrapper):hover img,
div:not(#cookieConsentBanner):not(.cookie-consent-overlay):not(.cookie-consent-content):not(.testimonial-carousel-wrapper):hover svg:not(.btn-premium svg):not(.btn-primary svg):not(.carousel-nav-btn svg):not(.carousel-btn svg):not(.testimonial-stars-new svg),
a:not(.btn-premium):not(.btn-primary):not(.carousel-nav-btn):not(.carousel-btn):not(.cookie-btn):hover img,
a:not(.btn-premium):not(.btn-primary):not(.carousel-nav-btn):not(.carousel-btn):not(.cookie-btn):hover svg:not(.carousel-nav-btn svg):not(.carousel-btn svg) {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* Disable transitions on all icons and images - EXCEPT carousel buttons and testimonial stars */
img,
svg:not(.carousel-nav-btn svg):not(.carousel-btn svg):not(.testimonial-stars-new svg),
picture,
[class*="icon"]:not(.carousel-nav-btn):not(.carousel-nav-btn *):not(.carousel-btn):not(.carousel-btn *):not(.hero-check-icon):not(.benefit-check-icon):not(.acc-feature-icon),
[class*="Icon"]:not(.carousel-nav-btn):not(.carousel-nav-btn *):not(.carousel-btn):not(.carousel-btn *):not(.hero-check-icon):not(.benefit-check-icon),
[class*="image"],
[class*="Image"] {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* CRITICAL: Allow carousel buttons to have transitions */
.carousel-btn,
.carousel-btn-prev,
.carousel-btn-next,
.carousel-btn svg,
.carousel-btn-prev svg,
.carousel-btn-next svg {
    transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, stroke 0.25s ease !important;
    -webkit-transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, stroke 0.25s ease !important;
}

/* ========================================
   MOBILE NAVBAR - ALLOW PROPER FUNCTIONALITY
   Mobile hamburger and accordion buttons should work properly
   ======================================== */

/* Mobile hamburger button - allow transitions and hover */
button[data-bs-toggle="collapse"][data-bs-target="#mobileNavbar"],
button[data-bs-toggle="collapse"][data-bs-target="#mobileNavbar"]:hover,
button[data-bs-toggle="collapse"][data-bs-target="#mobileNavbar"] svg,
button[data-bs-toggle="collapse"][data-bs-target="#mobileNavbar"]:hover svg,
.mobile-menu-toggle,
.mobile-menu-toggle:hover,
.navbar-toggler,
.navbar-toggler:hover {
    transition: background-color 0.2s ease, color 0.2s ease !important;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile menu elements - allow proper display */
#mobileNavbar,
#mobileNavbar *,
#mobileNavbar .accordion-button,
#mobileNavbar .accordion-button:hover,
#mobileNavbar .accordion-button svg,
#mobileNavbar .accordion-button::after,
#mobileNavbar .nav-link-mobile,
#mobileNavbar .nav-link-mobile:hover,
#mobileNavbar .mobile-nav-section-btn,
#mobileNavbar .mobile-nav-section-btn:hover,
#mobileNavbar .btn-premium,
#mobileNavbar .btn-premium:hover,
#mobileNavbar a,
#mobileNavbar a:hover,
#mobileNavbar button,
#mobileNavbar button:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* Allow accordion arrow rotation in mobile menu */
#mobileNavbar .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
}

/* CRITICAL: Testimonial stars should have NO transitions or hover effects */
.testimonial-stars-new,
.testimonial-stars-new svg {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    pointer-events: none !important;
}

/* Force full opacity and no filters on ALL images at ALL times */
img,
img:hover,
picture,
picture:hover,
[class*="image"] img,
[class*="image"]:hover img,
[class*="Image"] img,
[class*="Image"]:hover img {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* ========================================
   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,
.stat-icon:hover,
.pricing-plan-icon:hover,
.pos-option-icon:hover,
.mp-products-card__icon-wrapper:hover,
.features-inner-sectio-icon:hover,
.empowering-businesses-section .stat-icon:hover,
.empowering-businesses-section .stat-card:hover .stat-icon {
    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: transparent !important;
    transition: none !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 - EXCEPT COOKIE ELEMENTS */
.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:not(.cookie-option-card):not([class*="cookie"]),
[class*="Card"]:hover:not(.cookie-option-card):not([class*="cookie"]) {
    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;
    filter: none !important;
    -webkit-filter: 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,
.section-content:hover::before,
.section-content:hover::after,
[class*="card"]:hover::before,
[class*="card"]:hover::after {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 0 !important;
    display: none !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"],
.footer-logo,
.footer-logo-img,
.footer-brand-link,
.footer-brand-link img,
footer .footer-brand-link,
footer .footer-brand-link img,
footer a.footer-brand-link,
footer a.footer-brand-link img {
    box-shadow: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

.modern-footer img:hover,
.modern-footer svg:hover,
.modern-footer [class*="icon"]:hover,
.footer-logo:hover,
.footer-logo-img:hover,
.footer-brand-link:hover,
.footer-brand-link:hover img,
footer .footer-brand-link:hover,
footer .footer-brand-link:hover img,
footer a.footer-brand-link:hover,
footer a.footer-brand-link:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    background: transparent !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(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: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

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

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

/* DISABLED: Button arrow animation causes layout shift
.btn-premium:hover svg,
.btn-premium-outline:hover svg {
    transform: none !important;
}
*/

/* CRITICAL: Button SVGs must have NO background/box/outline */
.btn-premium svg,
.btn-primary svg,
.btn-premium-outline svg,
.hero-button-animate .btn-premium svg,
.cta-button svg,
a.btn-premium svg,
button.btn-premium svg {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.btn-premium:hover svg,
.btn-primary:hover svg,
.btn-premium-outline:hover svg,
.hero-button-animate .btn-premium:hover svg,
a.btn-premium:hover svg,
button.btn-premium:hover svg {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* ========================================
   13. MOBILE - DISABLE ALL HOVER - EXCEPT COOKIE ELEMENTS
   ======================================== */

@media (max-width: 991px) {
    /* DISABLED: This *:hover rule causes cookie banner flickering
    *:hover:not([class*="cookie"])... {
        transform: none !important;
    }
    */
    
    img, svg, [class*="icon"], [class*="card"]:not([class*="cookie"]) {
        transition: none !important;
    }
}

/* ========================================
   14. NUCLEAR OPTION - FORCE ALL STATIC - EXCEPT COOKIE ELEMENTS
   ======================================== */

/* DISABLED: These wildcard rules cause cookie banner flickering
   The *[class*="..."] selectors still match cookie elements unpredictably
*/
/*
*[class*="image"]:hover:not([class*="cookie"]),
*[class*="Image"]:hover:not([class*="cookie"]),
... {
    transform: 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;
}

/* ========================================
   EMPOWERING BUSINESSES SECTION - ICON HOVER FIX
   ======================================== */

/* Force no hover effects on empowering section icons */
.empowering-businesses-section-new .stat-icon-new,
.empowering-businesses-section-new .stat-icon-new:hover,
.empowering-businesses-section-new .stat-card-new:hover .stat-icon-new,
.empowering-businesses-section-new .stat-icon-new svg,
.empowering-businesses-section-new .stat-icon-new svg:hover,
.empowering-businesses-section-new .stat-card-new:hover .stat-icon-new svg {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    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;
    border: none !important;
    border-radius: 0 !important;
    transition: none !important;
    -webkit-transition: none !important;
    will-change: auto !important;
}

/* ========================================
   WHY MONEYPEX / WHY CARD - ICON HOVER FIX
   ======================================== */

/* Force no hover effects on why-card icons */
.why-card-icon,
.why-card-icon:hover,
.why-card:hover .why-card-icon,
.modern-why-card:hover .why-card-icon,
.why-moneypex-section .why-card:hover .why-card-icon,
.why-moneypex-section .why-card-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    will-change: auto !important;
}

/* Prevent background changes on why-card icon hover */
.why-card:hover .why-card-icon,
.modern-why-card:hover .why-card-icon,
.why-moneypex-section .why-card:hover .why-card-icon {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

/* Hide pseudo-elements that create hover effects */
.why-card-icon::before,
.why-card-icon::after,
.why-card:hover .why-card-icon::before,
.why-card:hover .why-card-icon::after,
.modern-why-card:hover .why-card-icon::after {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Force no hover effects on SVGs inside why-card icons */
.why-card-icon svg,
.why-card-icon svg:hover,
.why-card:hover .why-card-icon svg {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
}

/* ========================================
   ALL CARD ICON HOVER EFFECTS - DISABLED
   ======================================== */

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

/* Modern card icons */
.modern-card-icon,
.modern-card-icon:hover,
.modern-card:hover .modern-card-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    transition: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Feature icons */
.feature-icon-wrapper,
.feature-icon-wrapper:hover,
.feature-card:hover .feature-icon-wrapper,
.paperless-feature-icon,
.paperless-feature-icon:hover,
.paperless-feature-item:hover .paperless-feature-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: none !important;
}

/* App card icons */
.app-card-icon,
.app-card-icon:hover,
.app-selection-card:hover .app-card-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    transition: none !important;
}

/* Product icons */
.product-icon,
.product-icon:hover,
.product-card:hover .product-icon,
.product-item:hover .product-icon,
.product-item.active .product-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    transition: none !important;
    background: transparent !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Product icon SVGs */
.product-icon svg,
.product-icon svg:hover,
.product-item:hover .product-icon svg {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
}

/* MP Products Card Icon Wrapper - Explore Full Range section */
.mp-products-card__icon-wrapper,
.mp-products-card__icon-wrapper:hover {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 5px 10px -5px rgba(0, 0, 0, 0.04) !important;
    transition: none !important;
    background: white !important;
}

.mp-products-card__icon-wrapper svg,
.mp-products-card__icon-wrapper svg:hover {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
}

/* Industry icons */
.industry-icon-wrapper,
.industry-icon-wrapper:hover,
.industry-card:hover .industry-icon-wrapper {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    transition: none !important;
}

/* Generic icon-wrapper hover disable */
[class*="icon-wrapper"],
[class*="icon-wrapper"]:hover,
[class*="-icon"]:hover,
.icon-wrapper,
.icon-wrapper:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    box-shadow: none !important;
    transition: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Icon SVGs inside wrappers */
[class*="icon-wrapper"] svg,
[class*="icon-wrapper"] svg:hover,
[class*="icon-wrapper"]:hover svg {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
}

/* FBR feature icons */
.fbr-feature-icon,
.fbr-feature-icon:hover {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

/* POS icons */
.pos-feature-icon,
.pos-feature-icon:hover,
.pos-option-icon,
.pos-option-icon:hover {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

/* Pricing plan icons */
.pricing-plan-icon,
.pricing-plan-icon:hover,
.pos-pricing-card:hover .pricing-plan-icon {
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

/* ========================================
   COOKIE CONSENT - ALLOW HOVER EFFECTS
   Must come AFTER all the disable rules above
   ======================================== */

/* Allow cookie consent banner and modal to have hover effects */
#cookieConsentModal,
#cookieConsentModal *,
#cookieConsentBanner,
#cookieConsentBanner *,
.cookie-consent-overlay,
.cookie-consent-overlay *,
.cookie-consent-content,
.cookie-consent-content *,
.cookie-option-card,
.cookie-option-card *,
.cookie-btn,
.cookie-btn *,
.cookie-btn-primary,
.cookie-btn-primary *,
.cookie-btn-secondary,
.cookie-btn-secondary *,
.cookie-consent-close,
.cookie-consent-close *,
[class*="cookie-consent"],
[class*="cookie-consent"] *,
[class*="cookie"] {
    /* Re-enable transitions for cookie elements */
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
    -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

/* Cookie buttons - NO transforms to prevent flickering */
.cookie-btn,
.cookie-btn:hover,
.cookie-btn-primary,
.cookie-btn-primary:hover,
.cookie-btn-secondary,
.cookie-btn-secondary:hover {
    transform: none !important;
    -webkit-transform: none !important;
}

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