/* Ritocchi UI del sito (spec utente 2026-09-19): titolo sidebar centrato, pulsante
 * PayPal, box bianco dietro il titolo di pagina, pagina donazione. Caricato dopo
 * style.css e tema-bordeaux.css. */

/* Titolo sidebar centrato (logo + nome del sito) */
.sidebar-area .logo { padding: 22px 16px 18px; }
.sidebar-area .logo .logo-link { gap: 10px; }
.sidebar-area .logo .logo-link img { width: 38px; height: 38px; }
.sidebar-area .logo .logo-text {
  position: static;
  font-size: 22px;
  line-height: 1;
}

/* Pulsante PayPal in fondo alla sidebar, sopra il box utente */
.btn-paypal {
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #ffc439;
  color: #003087;
  font-weight: 600;
  font-size: 14px;
  transition: filter .15s ease, transform .15s ease;
}
.btn-paypal i { font-size: 20px; }
.btn-paypal:hover { filter: brightness(.95); color: #003087; transform: translateY(-1px); }

/* Box bianco dietro il titolo di pagina: distanzia il titolo dal bordo superiore */
.main-content { padding-top: 16px; }
.main-content-container > h3:first-child,
.main-content-container > .d-flex:first-child:has(> h3) {
  background: #fff;
  border-radius: 12px;
  padding: 18px 24px;
  margin-bottom: 20px !important;
}

/* Pagina donazione */
.dona-card { max-width: 520px; margin: 0 auto; }
.dona-importi { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.dona-importi .btn { padding: 12px 0; font-weight: 600; }
.dona-paypal {
  background: #ffc439; color: #003087; font-weight: 700; border: 0;
  padding: 14px; border-radius: 10px; font-size: 16px;
}
.dona-paypal:hover { filter: brightness(.95); color: #003087; }


/* ---- Electo Data: preloader con il nome del sito (11 lettere: il tema animava solo le prime 5) ---- */
#preloader .preloader .waviy.preloader-nome { white-space: nowrap; }
#preloader .preloader .waviy.preloader-nome span:nth-child(6) { animation-delay: 0.6s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(7) { animation-delay: 0.7s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(8) { animation-delay: 0.8s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(9) { animation-delay: 0.9s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(10) { animation-delay: 1s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(11) { animation-delay: 1.1s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(12) { animation-delay: 1.2s; }
#preloader .preloader .waviy.preloader-nome span:nth-child(13) { animation-delay: 1.3s; }
@media only screen and (max-width: 767px) { #preloader .preloader .waviy.preloader-nome { font-size: 24px; } }

/* ---- Menu: voce Dashboard inibita (grigia, non cliccabile) ---- */
.menu-link.menu-link-disabilitato { color: #9aa3b2 !important; opacity: .6; cursor: not-allowed; pointer-events: none; }
.menu-link.menu-link-disabilitato .menu-icon { color: #b8bfcc !important; }

/* ---- Menu: sezione Novita' ---- */
.novita-box { padding: 0 16px 16px; }
.novita-stacco { margin: 14px 0 10px; border-top: 1px solid #d9dee8; opacity: 1; }
.novita-elenco { margin: 8px 0 0; padding: 0; }
.novita-voce { margin-bottom: 12px; font-size: 12.5px; line-height: 1.35; }
.novita-data { color: #8a94a6; font-size: 11px; }
.novita-titolo { font-weight: 600; color: #2b3445; }
.novita-testo { color: #566074; margin-top: 2px; }
.novita-fonte { color: #8a94a6; font-size: 11px; margin-top: 3px; font-style: italic; }


/* ---- Mappa: selettore vista Collegi/Municipi/Quartieri, in alto al centro e piu' grande ---- */
.toggle-vista-mappa {
	position: absolute; top: 14px; left: 50%; transform: translateX(-50%);
	z-index: 950; background: #fff; border-radius: 10px;
	box-shadow: 0 4px 14px rgba(20, 30, 60, .28);
}
.toggle-vista-mappa .btn {
	font-size: 16px; font-weight: 600; padding: 10px 26px; background: #fff; white-space: nowrap;
}
.toggle-vista-mappa .btn.active { background: var(--bs-primary, #605dff); color: #fff; }
.toggle-vista-mappa[hidden], .toggle-vista-mappa .btn[hidden] { display: none !important; }


/* ---- Rondella di caricamento a schermo intero (caricamento.js): blocca i clic finche' i dati non arrivano ---- */
.caricamento-velo {
	position: fixed; inset: 0; z-index: 3000; display: none; align-items: center; justify-content: center;
	background: rgba(255, 255, 255, .55); cursor: progress; backdrop-filter: blur(1px);
}
.caricamento-velo.attivo { display: flex; }
.caricamento-box {
	display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 30px;
	background: #fff; border-radius: 14px; box-shadow: 0 8px 28px rgba(20, 30, 60, .25);
}
.caricamento-box .spinner-border { width: 3rem; height: 3rem; }
.caricamento-testo { font-size: 14px; color: #566074; }