/* Site Header & Mobile Navigation Styles */

@media (max-width: 1023px) {
    .profile-submenu-container {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        background: rgba(248, 249, 253, 0.5) !important;
        margin: 0 !important;
        max-height: 0;
        overflow: hidden;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transition: max-height 0.3s ease-out !important;
    }
    #myProfileWrapper.open .profile-submenu-container {
        max-height: 500px;
    }
    #myProfileWrapper.open #profile-arrow {
        transform: rotate(90deg);
    }
}

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@media (min-width: 1024px) {
    #change-password-modal > div:last-child,
    #deactivate-account-modal > div:last-child {
        animation: none !important;
    }
}

/* Animations from Tailwind (if custom) or used in inline styles */
.animate-fade-in-up {
    animation: fadeInUp 0.3s ease-out forwards;
}

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