/* ================================================
   HOVER & ANIMATION OPTIMIZATION - DISABLED
   ALL hover effects and animations are disabled for layout stability
   ================================================ */

/* ==========================================
   1. GLOBAL PERFORMANCE OPTIMIZATIONS
   ========================================== */

/* Force hardware acceleration for better performance */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* DISABLED: Transforms cause layout breaks
*[class*="transition"],
*[class*="hover"],
*[class*="card"],
*[class*="btn"] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
*/

/* ==========================================
   2. CARD HOVER OPTIMIZATIONS - DISABLED
   ========================================== */

/* DISABLED: All card hover effects cause layout breaks
.benefit-card-modern,
.modern-card,
.modern-why-card,
.modern-feature-card-large,
.stat-card-new {
    transition: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.benefit-card-modern:hover,
.modern-card:hover,
.modern-why-card:hover,
.modern-feature-card-large:hover,
.stat-card-new:hover {
    -webkit-transform: none !important;
    transform: none !important;
}

.benefit-icon-wrapper,
.modern-card-icon,
.why-card-icon {
    transition: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}
*/

/* ==========================================
   3. BUTTON OPTIMIZATIONS - DISABLED
   ========================================== */

/* DISABLED: Button transforms cause layout breaks
.btn-premium,
.btn-premium-outline,
.billing-toggle-btn,
button[class*="btn"] {
    transition: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.btn-premium:hover,
.btn-premium-outline:hover {
    -webkit-transform: none !important;
    transform: none !important;
}
*/

/* ==========================================
   4. NAVIGATION OPTIMIZATIONS
   ========================================== */

.nav-link-modern,
.dropdown-item-modern,
.nav-link-mobile {
    transition: color 0.2s ease,
                background-color 0.2s ease !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.dropdown-menu-modern {
    transition: opacity 0.3s ease,
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: opacity, transform !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}

/* ==========================================
   5. PRICING CARD OPTIMIZATIONS - DISABLED
   ========================================== */

/* DISABLED: Pricing card transforms cause layout breaks
.pos-pricing-card,
.pricing-card,
.modern-pricing-card {
    transition: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.pos-pricing-card:hover,
.pricing-card:hover,
.modern-pricing-card:hover {
    -webkit-transform: none !important;
    transform: none !important;
}
*/

/* ==========================================
   6. BILLING TOGGLE SLIDER OPTIMIZATION
   ========================================== */

.billing-toggle-slider {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* ==========================================
   7. IMAGE OPTIMIZATIONS
   ========================================== */

img,
.hero-dashboard-image,
.hero-section-col-two-laptop {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* ==========================================
   8. ANIMATION OPTIMIZATIONS
   ========================================== */

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================
   9. BROWSER-SPECIFIC FIXES
   ========================================== */

/* Safari specific fixes */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .modern-navbar {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

/* Firefox specific fixes */
@-moz-document url-prefix() {
    .benefit-card-modern:hover,
    .modern-card:hover {
        transform: translateY(-4px) !important;
    }
}

/* Edge specific fixes */
@supports (-ms-ime-align: auto) {
    .benefit-card-modern,
    .modern-card {
        -ms-transform: translateZ(0);
    }
}

/* ==========================================
   10. TESTIMONIAL CARDS OPTIMIZATION - DISABLED
   ========================================== */

/* DISABLED: Testimonial card transforms cause layout breaks
.testimonial-card-growth,
.testimonial-card {
    transition: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.testimonial-card-growth:hover,
.testimonial-card:hover {
    -webkit-transform: none !important;
    transform: none !important;
}
*/

/* ==========================================
   11. FEATURE CARDS OPTIMIZATION - DISABLED
   ========================================== */

/* DISABLED: Feature card transforms cause layout breaks
.modern-feature-grid-card,
.modern-risk-card,
.modern-process-card-beautiful,
.modern-workflow-card,
.modern-smart-feature-card,
.modern-smart-feature-pk-card {
    transition: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.modern-feature-grid-card:hover,
.modern-risk-card:hover,
.modern-process-card-beautiful:hover,
.modern-workflow-card:hover,
.modern-smart-feature-card:hover,
.modern-smart-feature-pk-card:hover {
    -webkit-transform: none !important;
    transform: none !important;
}
*/

/* ==========================================
   12. ACCORDION & COLLAPSE OPTIMIZATION
   ========================================== */

.accordion-button,
.accordion-item {
    transition: background-color 0.3s ease,
                border-color 0.3s ease !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* ==========================================
   13. GENERAL HOVER STATE OPTIMIZATION
   ========================================== */

/* Prevent text selection on hover elements */
.benefit-card-modern,
.modern-card,
.btn-premium,
.billing-toggle-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* DISABLED: Pseudo-elements cause layout issues
.benefit-card-modern::before,
.modern-card::before,
.pos-pricing-card::before {
    display: none !important;
}
*/

/* ==========================================
   14. MOBILE OPTIMIZATION
   ========================================== */

@media (max-width: 768px) {
    /* DISABLED: This *:hover rule causes cookie banner flickering
    *:hover {
        transform: none !important;
    }
    */
    
    /* Tap highlight removal */
    * {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }
}

/* ==========================================
   15. LOADING & INITIAL STATE OPTIMIZATION
   ========================================== */

/* Prevent FOUC (Flash of Unstyled Content) */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.visible,
.fade-in-up[style*="opacity: 1"] {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================
   16. Z-INDEX OPTIMIZATION
   ========================================== */

/* Ensure proper stacking context */
.modern-navbar {
    z-index: 1030 !important;
}

.dropdown-menu-modern {
    z-index: 1040 !important;
}

/* ==========================================
   END OF HOVER & ANIMATION OPTIMIZATION
   ========================================== */