/**
 * Design Comuni Inveruno - Correzioni di contrasto (WCAG 2.1 AA, 1.4.3 / 1.4.11)
 * Da caricare DOPO inveruno-colori.css (functions.php, dipendenza 'dci-inveruno-colori').
 *
 * Regola: l'ocra #ef9200 resta come colore di SFONDO con testo scuro (#1a1a1a = 7,28:1);
 * dove l'ocra e' usato come colore del TESTO, dei link o dei bordi su bianco si usa il nero (21:1).
 */
:root {
	--inv-ocra: #ef9200;          /* sfondi: testata, hero, bg-primary, pulsanti */
	--inv-ocra-scuro: #000;       /* testo, link, bordi su bianco: nero, 21:1 (nome storico della variabile) */
	--inv-su-ocra: #1a1a1a;       /* testo su ocra: 7,28:1; su #d18000: 5,63:1 */
}

/* --- Testata (header centrale #ef9200, slim header #d18000) --- */
.it-header-center-wrapper .it-brand-wrapper a,
.it-header-center-wrapper .it-brand-title,
.it-header-center-wrapper .it-brand-tagline,
.it-header-center-wrapper .it-search-wrapper > span,
.it-header-center-wrapper .it-socials span,
.it-header-center-wrapper .it-socials a {
	color: var(--inv-su-ocra) !important;
}
.it-header-center-wrapper .it-socials .icon { fill: var(--inv-su-ocra) !important; }
.it-header-wrapper .search-link svg { fill: var(--inv-su-ocra); }  /* icona su cerchio bianco: 17:1 */

.it-header-slim-wrapper a,
.it-header-slim-wrapper .btn-primary,
.it-header-slim-wrapper .nav-link {
	color: var(--inv-su-ocra) !important;
}

/* --- Sfondi ocra: hero, sezione valutazione, calendario --- */
.it-hero-wrapper,
.it-hero-wrapper .it-hero-text-wrapper,
.it-hero-wrapper .it-hero-text-wrapper h1,
.it-hero-wrapper .it-hero-text-wrapper p,
.it-calendar-wrapper .it-header-block-title,
.it-calendar-wrapper .it-header-block-title h2 {
	color: var(--inv-su-ocra) !important;
}

/* --- Sezione "Argomenti in evidenza" in home: sfondo ocra (assets/img/evidenza-header.png del sito) --- */
.evidence-section .section h2.text-white,
.evidence-section .section .u-grey-light {
	color: var(--inv-su-ocra) !important;
}

/* --- Pulsante primario: testo scuro su ocra, bianco solo sull'hover blu #30475f (9,58:1) --- */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
	color: var(--inv-su-ocra) !important;
}
.btn-primary .icon { fill: var(--inv-su-ocra) !important; }
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
	color: #fff !important;
}
.btn-primary:hover .icon { fill: #fff !important; }

/* --- Ocra usato come colore del testo su bianco --- */
/* Link generici SENZA !important: con !important vincerebbero anche sulla barra di
   amministrazione di WordPress (#wpadminbar), che ha le sue regole senza !important. */
a {
	color: var(--inv-ocra-scuro);
}
a.read-more,
.t-primary,
.chip .chip-label,
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a,
.link-list-wrapper ul li a span,
.cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper .accordion .accordion-header .accordion-button,
.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span,
.cmp-navscroll .link-list .nav-link.active,
.cmp-navscroll .link-list .nav-link:hover,
.card-wrapper .card-title a,
.btn-outline-primary {
	color: var(--inv-ocra-scuro) !important;
}
.btn-dropdown,
.btn-dropdown small {
	color: var(--inv-ocra-scuro) !important;
}
.btn-dropdown .icon,
a.read-more .icon,
.btn-outline-primary .icon { fill: var(--inv-ocra-scuro) !important; }
.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active { border-left-color: var(--inv-ocra-scuro) !important; }

/* Link su sfondo ocra: testo scuro */
.it-hero-wrapper a,
.bg-primary > .container a:not(.btn) {
	color: var(--inv-su-ocra) !important;
}
/* Footer (#202021) e menu principale da desktop (#50575e): link chiari */
.it-footer a,
.it-footer .link-list-wrapper ul li a span {
	color: #fff !important;
}
@media (min-width: 992px) {
	.it-header-navbar-wrapper .navbar .navbar-nav > li > .nav-link,
	.it-header-navbar-wrapper .navbar .navbar-nav > li > .nav-link span {
		color: #fff !important;
	}
}
/* Voci dei sottomenu/megamenu su sfondo bianco: niente #eee in hover */
.it-header-navbar-wrapper .dropdown-menu a,
.it-header-navbar-wrapper .dropdown-menu a span,
.it-header-navbar-wrapper .dropdown-menu a:hover {
	color: var(--inv-ocra-scuro) !important;
}

/* Chip di stato del servizio ("Servizio attivo"): il Customizer aveva gia' reso grigia
   l'etichetta, restava verde il bordo. Tutto in nero come gli altri accenti. */
.chip.chip-success,
.chip.chip-success > .chip-label {
	color: var(--inv-ocra-scuro) !important;
	border-color: var(--inv-ocra-scuro) !important;
}

/* --- Contrasto non testuale (1.4.11): bordi di componenti su bianco >= 3:1 --- */
.btn-outline-primary { box-shadow: inset 0 0 0 2px var(--inv-ocra-scuro) !important; }
.chip:not(.chip-disabled) { border-color: var(--inv-ocra-scuro); }

/* Stelle della valutazione: stato selezionato/hover >= 3:1 sul bianco */
.cmp-rating .rating > label svg:hover,
.rating:not(:checked) > label:hover svg,
.rating:not(:checked) > label:hover ~ label svg,
.rating > input:checked ~ label svg {
	fill: var(--inv-ocra-scuro) !important;
}

/* --- Siti tematici in home: da 768 px lo sfondo e' #d8942c (inveruno-colori.css), con testo bianco = 2,56:1 --- */
@media (min-width: 768px) {
	.card-bg-blue,
	.card-bg-blue .card-title,
	.card-bg-blue p { color: var(--inv-su-ocra) !important; }
	.card-bg-blue .icon { fill: var(--inv-su-ocra) !important; }
	.card-bg-blue:hover,
	.card-bg-blue:hover .card-title,
	.card-bg-blue:hover p { color: #fff !important; }  /* hover #51575e: 7,3:1 */
	.card-bg-blue:hover .icon { fill: #fff !important; }
}