/* Fix for animation conflicts on non-landing pages */

/* Ensure all pages except landing page have visible content */
body:not(:has(.landing-page)) .animate-fadeIn,
body:not(:has(.landing-page)) .animate-slideIn,
body:not(:has(.landing-page)) .animate-slideUp,
body:not(:has(.landing-page)) .animate-slideInUp {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* Alternative fix for browsers that don't support :has() */
.animate-fadeIn,
.animate-slideIn,
.animate-slideUp,
.animate-slideInUp {
    opacity: 1;
}

/* Only hide elements on landing page before animation */
.landing-page .animate-fadeIn:not(.animated),
.landing-page .animate-slideInUp:not(.animated) {
    opacity: 0;
}

/* Ensure form elements and other interactive content is always visible */
.login-form,
.register-form,
.contact-form,
.chat-container,
.sidebar,
.navbar,
.footer,
.modal,
.dialog,
.card,
.form-control,
.btn {
    opacity: 1 !important;
    transform: none !important;
}