/* Stili per la pagina di manutenzione */
#maintenance-page {
    display: none; /* Nascosto di default */
    height: 100vh;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--dark-bg, #121212);
    color: var(--text-color, #e0e0e0);
    padding: 20px;
}

#maintenance-page .maintenance-icon {
    font-size: 5rem;
    color: var(--primary-color, #007bff);
    margin-bottom: 30px;
    animation: spin 4s linear infinite;
}

#maintenance-page h1 {
    font-size: 2.8rem;
    color: #fff;
}

#maintenance-page p {
    font-size: 1.2rem;
    max-width: 600px;
    color: var(--text-muted, #a0a0a0);
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Logica per attivare la modalità manutenzione */

/* Quando la classe .maintenance-mode è sul body, mostra la pagina di manutenzione */
body.maintenance-mode #maintenance-page {
    display: flex;
}

/* E nascondi tutto il resto del sito */
body.maintenance-mode > header,
body.maintenance-mode > main,
body.maintenance-mode > footer,
body.maintenance-mode > #cookie-banner {
    display: none;
}