/* Banner della manutenzione programmata (maintenance-banner.js) */
#maintenanceBanner[hidden] { display: none !important; }

.mwb {
    position: sticky;
    z-index: 1020;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 12px;
    padding: 10px 16px;
    border-radius: 0 0 10px 10px;
    font-size: .88rem;
    line-height: 1.45;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}
.mwb-ico { font-size: 1.15rem; line-height: 1.3; flex-shrink: 0; }
.mwb-text { flex: 1; min-width: 0; }
.mwb-msg { margin-top: 2px; opacity: .9; white-space: pre-line; }
.mwb-count { font-variant-numeric: tabular-nums; }

.mwb-info   { background: #EEF2FF; color: #3730A3; border: 1px solid #C7D2FE; }
.mwb-soon   { background: #FEF3C7; color: #92400E; border: 1px solid #FCD34D; }
.mwb-urgent { background: #DC2626; color: #fff; }
.mwb-live   { background: #7F1D1D; color: #fff; }

.mwb-close {
    background: none; border: none; color: inherit; opacity: .7;
    padding: 0 2px; cursor: pointer; line-height: 1.3;
}
.mwb-close:hover { opacity: 1; }

.mwb-btn {
    flex-shrink: 0; align-self: center;
    background: #fff; color: #7F1D1D; border-radius: 50px;
    font-weight: 700; font-size: .78rem; padding: 5px 14px; text-decoration: none;
}
.mwb-btn:hover { background: #FEE2E2; color: #7F1D1D; }

@media (max-width: 576px) {
    .mwb { flex-wrap: wrap; border-radius: 0; }
    .mwb-btn { margin-left: 30px; }
}