/*
Theme Name: Neexapro Purple
Theme URI: https://neexapro.com
Author: Your Name
Author URI: https://neexapro.com
Description: A modern, professional WordPress theme for financial solutions with purple color scheme and Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neexapro-purple
Tags: financial, business, modern, purple, tailwind
*/

/* Slide-in Animations */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes floatDelayed {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
}

/* Animation Classes */
.animate-slide-in-left {
    animation: slideInLeft 0.8s ease-out forwards;
}

.animate-slide-in-right {
    animation: slideInRight 0.8s ease-out forwards;
}

.slide-in-left {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-in-right {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-in-up {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-up {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-float-delayed {
    animation: floatDelayed 3s ease-in-out infinite;
    animation-delay: 1.5s;
}

/* Visible state */
.slide-in-left.visible {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Initial hidden state */
.slide-in-left:not(.visible) {
    transform: translateX(-50px);
}

.slide-in-right:not(.visible) {
    transform: translateX(50px);
}

.slide-in-up:not(.visible) {
    transform: translateY(50px);
}

.fade-in-up:not(.visible) {
    transform: translateY(30px);
}

/* Footer Accordion Styles */
.footer-accordion-content {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    overflow: hidden;
}

/* Mobile styles */
@media (max-width: 767px) {
    .footer-accordion-content.hidden {
        max-height: 0 !important;
        opacity: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
    }
    
    .footer-accordion-content:not(.hidden) {
        max-height: 1000px;
        opacity: 1;
        display: block !important;
    }
}

/* Desktop styles */
@media (min-width: 768px) {
    .footer-accordion-content {
        max-height: none !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    .footer-accordion-content.hidden {
        display: block !important;
        max-height: none !important;
        opacity: 1 !important;
    }
}