/*===========================
    SECTION-SPECIFIC ANIMATIONS
    ProfilePal - Interactive Effects
===========================*/

/* ========================================
   SHIMMER EFFECT
======================================== */

/* One-shot shimmer sweep on the About section label */
@keyframes shimmer-sweep {
    0% {
        background-position: 200% center;
    }
    100% {
        background-position: -200% center;
    }
}

.saas-analysis .choose-content-box .section-title-one span.span {
    background-image: linear-gradient(
        120deg,
        currentColor 0%,
        currentColor 40%,
        rgba(255, 255, 255, 0.8) 50%,
        currentColor 60%,
        currentColor 100%
    );
    background-size: 200% auto;
    background-position: 200% center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.saas-analysis .choose-content-box .section-title-one span.span.is-visible {
    animation: shimmer-sweep 1.5s ease-in-out 0.3s forwards;
    animation-iteration-count: 1;
}

/* ========================================
   SPOTLIGHT GLOW
   Follows cursor on feature cards (desktop)
======================================== */

/* Spotlight glow follows cursor on feature cards */
.saas-features .features-item::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
        rgba(122, 185, 41, 0.08),
        transparent 40%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.saas-features .features-item:hover::after {
    opacity: 1;
}

/* Spotlight glow on pricing cards */
.saas-pricing .pricing-item::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
        rgba(122, 185, 41, 0.06),
        transparent 40%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.saas-pricing .pricing-item:hover::after {
    opacity: 1;
}

/* No spotlight on mobile/tablet */
@media (max-width: 991px) {
    .saas-features .features-item::after,
    .saas-pricing .pricing-item::after {
        display: none;
    }
}

/* ========================================
   ACCESSIBILITY - REDUCED MOTION
======================================== */

@media (prefers-reduced-motion: reduce) {
    /* Disable all section-specific animations for users who prefer reduced motion */

    .saas-features .features-item::after,
    .saas-pricing .pricing-item::after {
        display: none !important;
    }

    .saas-analysis .choose-content-box .section-title-one span.span {
        background-image: none !important;
        -webkit-background-clip: unset !important;
        background-clip: unset !important;
        -webkit-text-fill-color: unset !important;
        animation: none !important;
    }
}