/**
 * Custom CSS - Infinity IPTV
 * Additional styles and animations
 * 
 * @package Infinity_IPTV
 */

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-in {
    animation: fadeInUp 0.6s ease forwards;
}

/* Additional hover effects */
.pricing-card:hover .pricing-tier {
    color: var(--accent);
}

.feature-card:hover .feature-icon {
    transform: scale(1.1);
}

.feature-icon {
    transition: var(--transition);
}

/* WhatsApp pulse animation */
@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.whatsapp-float {
    animation: whatsappPulse 2s infinite;
}

/* Better focus states for accessibility */
.btn:focus,
.faq-question:focus,
a:focus {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .site-header,
    .site-footer,
    .whatsapp-float,
    .scroll-to-top {
        display: none !important;
    }
    
    .hero-section {
        padding-top: 20px;
    }
}