/* ========================================
   DISABLE ALL ICON ANIMATIONS
   Remove all hover effects, rotations, scaling, and animations from icons
   ======================================== */

/* ========================================
   1. REMOVE ICON HOVER ANIMATIONS
   ======================================== */

/* Disable ALL icon hover effects */
.why-card:hover .why-card-icon,
.product-icon:hover,
.benefit-icon-wrapper:hover,
.benefit-card-modern:hover .benefit-icon-wrapper,
.app-selection-card:hover .app-card-icon,
.dropdown-item-modern:hover .dropdown-icon,
.modern-card:hover .modern-card-icon,
.modern-why-card:hover .why-card-icon,
.product-item.active .product-icon,
.industry-icon-wrapper:hover,
.app-card-icon:hover {
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* ========================================
   2. DISABLE ROTATION ANIMATIONS
   ======================================== */

/* Remove all rotate transforms from icons */
.why-card-icon,
.product-icon,
.benefit-icon-wrapper,
.app-card-icon,
.dropdown-icon,
.modern-card-icon,
.industry-icon-wrapper,
.app-icon,
.benefit-icon-img,
.industry-icon-img {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Ensure no scale or rotate on hover */
.why-card:hover .why-card-icon,
.benefit-card-modern:hover .benefit-icon-wrapper,
.app-selection-card:hover .app-card-icon,
.dropdown-item-modern:hover .dropdown-icon {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
}

/* ========================================
   3. DISABLE ICON KEYFRAME ANIMATIONS
   ======================================== */

/* Disable iconScaleIn animation */
.product-icon,
.why-card-icon,
.benefit-icon-wrapper,
.app-card-icon,
.industry-icon-wrapper {
    animation: none !important;
    -webkit-animation: none !important;
}

/* Disable iconGlow animation */
.why-card-icon,
.benefit-icon-wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ========================================
   4. DISABLE SPINNING/ROTATING ANIMATIONS
   ======================================== */

/* Remove any spinning or rotating animations */
@keyframes spin {
    from { transform: none !important; }
    to { transform: none !important; }
}

@keyframes iconScaleIn {
    from { 
        opacity: 1 !important;
        transform: none !important;
    }
    to { 
        opacity: 1 !important;
        transform: none !important;
    }
}

@keyframes iconGlow {
    0%, 100% {
        box-shadow: none !important;
    }
}

/* ========================================
   5. REMOVE TRANSFORM TRANSITIONS
   ======================================== */

/* Disable transform transitions on all icon elements */
.why-card-icon,
.product-icon,
.benefit-icon-wrapper,
.benefit-icon-img,
.app-card-icon,
.dropdown-icon,
.modern-card-icon,
.industry-icon-wrapper,
.industry-icon-img,
.app-icon,
.app-icon-svg,
.app-icon-img,
.why-card-icon svg,
.why-card-icon img,
.product-icon svg,
.product-icon img,
.benefit-icon-wrapper svg,
.benefit-icon-wrapper img,
.industry-icon-wrapper svg,
.industry-icon-wrapper img,
.dropdown-icon svg,
.dropdown-icon img {
    transition: none !important;
    -webkit-transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* ========================================
   6. KEEP ONLY POSITION STABLE
   ======================================== */

/* Ensure icons stay in their original position */
.why-card-icon,
.product-icon,
.benefit-icon-wrapper,
.app-card-icon,
.industry-icon-wrapper {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0, 0) scale(1) rotate(0deg) !important;
    -webkit-transform: translate(0, 0) scale(1) rotate(0deg) !important;
}

/* ========================================
   7. DISABLE DROPDOWN ARROW ROTATIONS (Keep Functional Only)
   ======================================== */

/* Note: Dropdown arrow rotation is kept for functionality, but simplified */
.nav-dropdown-wrapper.dropdown .nav-link-modern[aria-expanded="true"] .dropdown-arrow {
    transform: rotate(180deg) !important;
    transition: transform 0.2s ease !important;
}

.accordion-button.mobile-nav-section-btn:not(.collapsed)::after {
    transform: rotate(180deg) !important;
    transition: transform 0.2s ease !important;
}

.pos-solutions-toggle[aria-expanded="true"] .pos-arrow {
    transform: rotate(180deg) !important;
    transition: transform 0.2s ease !important;
}

/* ========================================
   8. REMOVE PULSE/BOUNCE ANIMATIONS
   ======================================== */

/* Disable pulse animations */
@keyframes pulse {
    0%, 100% {
        transform: none !important;
        opacity: 1 !important;
    }
}

@keyframes buttonPulse {
    0%, 100% {
        transform: none !important;
        box-shadow: none !important;
    }
}

/* ========================================
   9. REMOVE BLOB/FLOAT ANIMATIONS FROM ICONS
   ======================================== */

/* Disable all blob float animations */
@keyframes blobFloat1,
@keyframes blobFloat2,
@keyframes blobFloat3,
@keyframes blobFloat4,
@keyframes blobFloat5,
@keyframes blobFloat6 {
    0%, 100% {
        transform: none !important;
    }
}

@keyframes blobPulse1,
@keyframes blobPulse2,
@keyframes blobPulse3,
@keyframes blobPulse4,
@keyframes blobPulse5,
@keyframes blobPulse6 {
    0%, 100% {
        opacity: 1 !important;
    }
}

/* ========================================
   10. OVERRIDE ANY REMAINING ICON ANIMATIONS
   ======================================== */

/* Force remove all animations with highest specificity */
*[class*="icon"]:not(.dropdown-arrow):not([class*="arrow"]),
*[class*="Icon"]:not(.dropdown-arrow):not([class*="arrow"]),
.why-card *[class*="icon"],
.benefit-card *[class*="icon"],
.product-item *[class*="icon"],
.app-selection-card *[class*="icon"],
.industry-card *[class*="icon"] {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

/* ========================================
   11. DISABLE HOVER EFFECTS ON ICON WRAPPERS
   ======================================== */

/* Remove box-shadow and scale effects on hover */
.why-card:hover .why-card-icon,
.benefit-card-modern:hover .benefit-icon-wrapper,
.app-selection-card:hover .app-card-icon {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
}

/* ========================================
   12. KEEP ONLY OPACITY TRANSITIONS (Subtle)
   ======================================== */

/* Allow only subtle opacity changes on hover if needed */
.why-card:hover .why-card-icon,
.benefit-card-modern:hover .benefit-icon-wrapper {
    opacity: 1 !important;
    transition: opacity 0.2s ease !important;
}

/* ========================================
   13. REMOVE "CARDS" BEHIND ICON IMAGES
   Remove backgrounds / borders / shadows behind icon images (keep layout)
   ======================================== */

/* Icon wrapper backgrounds (product/industry/benefit/nav/FBR) */
.product-icon,
.modern-product-icon,
.product-icon-blue,
.product-icon-purple,
.product-icon-teal,
.product-icon-orange,
.product-icon-green,
.product-icon-red,
.industry-icon-wrapper,
.benefit-icon-wrapper,
.why-card-icon,
.dropdown-icon,
.fbr-feature-icon,
.app-card-icon,
.app-card-icon-wrapper,
.pos-option-icon {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    outline: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Ensure hover can't re-add background cards */
.product-item:hover .product-icon,
.product-item.active .product-icon,
.modern-product-item:hover .modern-product-icon,
.industry-card-inner:hover .industry-icon-wrapper,
.benefit-card-modern:hover .benefit-icon-wrapper,
.dropdown-item-modern:hover .dropdown-icon,
.fbr-feature-item:hover .fbr-feature-icon {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ========================================
   END OF ICON ANIMATION DISABLING
   ======================================== */