/* Container always exists inside .wrap but collapses when hidden */
#service-maintenance-alert-container {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    transition:
        max-height 0.3s ease,
        opacity 0.3s ease,
        margin-bottom 0.3s ease;
}

/* Visible state: smooth slide-down & fade-in */
#service-maintenance-alert-container.service-maintenance-alert-visible {
    max-height: 200px;   /* enough for one alert line */
    opacity: 1;
    margin-bottom: 1rem; /* space below alert when visible */
}