/*
 * Correzioni di accessibilità (WCAG 2.1 AA / Linee guida AgID).
 * Il verde istituzionale #25ae91 ha contrasto 2.78:1 con il testo bianco:
 * dove c'è testo bianco su verde si usa una tonalità più scura (#1c7f6a, 4.89:1).
 */

:root {
  --mcc-verde-accessibile: #1c7f6a;
  --mcc-verde-accessibile-scuro: #17735f;
  --mcc-focus: #ff9900;
}

/* Pulsanti, badge e barre verdi con testo bianco */
.btn-verde,
.btn-info.btn-verde,
.btn-verde-border,
.scheda-news .scheda-argomenti .badge-argomenti,
.related-posts h6,
.metaslider .caption-wrap,
.u-background-70,
#sezione-notifica,
.Linklist-link.Linklist-link--lev6,
.Linklist-link.Linklist-link--lev7 {
  background-color: var(--mcc-verde-accessibile) !important;
  border-color: var(--mcc-verde-accessibile) !important;
}
.btn-verde-border { color: #fff !important; }

.Linklist-link.Linklist-link--lev5,
.list-group-item {
  background-color: var(--mcc-verde-accessibile-scuro) !important;
}

/* Briciole di pane: sfondo verde originale con testo nero (7.5:1) */
html body #briciole .breadcrumb .breadcrumb-item,
html body #briciole .breadcrumb .breadcrumb-item a,
html body #briciole .breadcrumb .breadcrumb-item.active {
  color: #000 !important;
}

/* Titoli bianchi sul verde chiaro #6DCCB3 (1.91:1): testo scuro */
.u-background-800 .titolosezione h2,
.u-background-800 .titolosezione p {
  color: #000 !important;
}

/* Testi e link verdi su sfondo bianco */
.btn-primary,
#footer .footer-list li,
#footer .footer-list li span,
html body #footer .postFooter,
#footer .postFooter a:hover,
#footer .footer-list li a:hover {
  color: var(--mcc-verde-accessibile) !important;
}
#footer .social a svg.icon { fill: var(--mcc-verde-accessibile) !important; }

.page-item .page-link:hover { background: var(--mcc-verde-accessibile) !important; }

/* Focus sempre visibile (WCAG 2.4.7), come nel kit Bootstrap Italia */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--mcc-focus) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Barra di accessibilità: colori coerenti con il sito */
.a11y-toolbar ul li button {
  background-color: var(--mcc-verde-accessibile) !important;
  color: #fff !important;
}
.a11y-toolbar ul li button:hover,
.a11y-toolbar ul li button.active {
  background-color: #000 !important;
  color: #fff !important;
}

/* Sezione "Dove siamo": azzurro #009ee0 (3.01:1) scurito a #0077b3 (4.9:1) */
#mappa-google,
.u-background-82 {
  background-color: #0077b3 !important;
}

/* Titoli del footer (visibili su mobile) */
html body #footer h5 {
  color: var(--mcc-verde-accessibile) !important;
}
