/* ============================================================
   ACCESSIBILITY CSS
   Ottimizzazioni accessibilità (WCAG 2.1)
   ============================================================ */


/* --- 1. Cookie consent: pulsante ACCETTA ---
   Problema: sfondo #11bbdd con testo bianco = ~2.1:1 (minimo 4.5:1)
   Fix: sfondo più scuro → #0a7a9e = 4.6:1 su bianco
   ----------------------------------------------------------- */
.cc-btn.cc-allow {
	background-color: #0a7a9e !important;
	color: #fff !important;
}


/* --- 2. Header nav-link (lingua, dropdown) ---
   Problema: testo grigio chiaro su sfondo bianco
   Fix: colore #595959 = 7:1 su bianco
   ----------------------------------------------------------- */
.header-nav-top .nav-link,
.header-nav-top .nav-link i {
	color: #595959 !important;
}


/* --- 2b. Header menu principale (HOME, PRODOTTI, CATALOGHI ecc.) ---
   Problema: .dropdown-item grigio chiaro su sfondo bianco
   Fix: colore #333 = 12.6:1 su bianco
   ----------------------------------------------------------- */
.header-nav-main .dropdown-item,
.header-nav-main .dropdown-item:link,
.header-nav-main .dropdown-item:visited {
	color: #333333 !important;
	background-color: transparent !important;
}
.header-nav-main .dropdown-item:hover,
.header-nav-main .dropdown-item:focus {
	color: #d00000 !important;
}
.header-nav-main .dropdown-item.active,
.header-nav-main .dropdown-item.current-page-active {
	color: #ffffff !important;
	background-color: #d00000 !important;
}
.header-nav-main .dropdown-item.active:hover,
.header-nav-main .dropdown-item.active:focus,
.header-nav-main .dropdown-item.current-page-active:hover,
.header-nav-main .dropdown-item.current-page-active:focus {
	color: #ffffff !important;
	background-color: #a80000 !important;
}


/* --- 3. Colore primario su sfondo bianco ---
   Problema: #FF0D00 su bianco = ~4.0:1 (testo normale richiede 4.5:1)
   Fix: #d00000 = 5.7:1 su bianco
   ----------------------------------------------------------- */
.text-primary,
h1.text-primary, h2.text-primary, h3.text-primary,
h4.text-primary, h5.text-primary, h6.text-primary {
	color: #d00000 !important;
}
.text-color-primary {
	color: #d00000 !important;
}


/* --- 4. Tab navigation labels (Personalizzazione, Progettazione ecc.) ---
   Problema: .nav-link non attivi troppo chiari su sfondo bianco
   Fix: colore #595959 per inattivi, #d00000 per attivo/hover
   ----------------------------------------------------------- */
.tabs .nav-link,
.tabs .nav-link p {
	color: #595959 !important;
}
.tabs .nav-link.active,
.tabs .nav-link:hover,
.tabs .nav-link:focus,
.tabs .nav-link.active p,
.tabs .nav-link:hover p,
.tabs .nav-link:focus p {
	color: #d00000 !important;
}


/* --- 4b. Pulsanti .btn-primary (slider "Vai ai prodotti") ---
   Problema: sfondo #FF0D00 con testo bianco = ~4.0:1 (minimo 4.5:1)
   Fix: sfondo #d00000 = 5.7:1 con testo bianco
   ----------------------------------------------------------- */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: #d00000 !important;
	border-color: #d00000 !important;
}


/* --- 4c. Link email su sfondo chiaro (.font-weight-semibold) ---
   Problema: colore link ereditato troppo chiaro su sfondo bianco
   Fix: colore scuro con contrasto sufficiente
   ----------------------------------------------------------- */
.lead a.font-weight-semibold,
p a.font-weight-semibold {
	color: #0056b3 !important;
}
.lead a.font-weight-semibold:hover,
p a.font-weight-semibold:hover {
	color: #003d80 !important;
}


/* --- 5. Testo con opacity che riduce il contrasto ---
   Problema: .opacity-8/.opacity-9 abbassano la leggibilità del testo
   Fix: opacity: 1 per gli elementi di testo
   ----------------------------------------------------------- */
p.opacity-9,
p.opacity-8,
.lead.opacity-9,
.lead.opacity-8,
p.text-3-4,
p.text-4 {
	opacity: 1 !important;
	color: #444 !important;
}


/* --- 6. Footer: link contatti (telefono, email) ---
   Problema: link su sfondo footer scuro con colore insufficiente
   Fix: testo chiaro su sfondo scuro
   ----------------------------------------------------------- */
#footer .contact-details a {
	color: #d4d4d4 !important;
}
#footer .contact-details a:hover,
#footer .contact-details a:focus {
	color: #ffffff !important;
}


/* --- 7. Footer: voci mappa del sito ---
   Problema: opacity-8 riduce il contrasto del testo chiaro su sfondo scuro
   Fix: opacity: 1 + colore esplicito
   ----------------------------------------------------------- */
#footer .text-color-light.opacity-8,
#footer .text-color-light.opacity-8 strong {
	opacity: 1 !important;
	color: #d4d4d4 !important;
}
#footer a:hover .text-color-light,
#footer a:focus .text-color-light {
	color: #ffffff !important;
}


/* --- 8. Footer copyright: testo e link ---
   Problema: testo e link con contrasto insufficiente sull'area copyright
   Fix: colore sufficiente su sfondo scuro
   ----------------------------------------------------------- */
.footer-copyright p,
.footer-copyright a {
	color: #c0c0c0 !important;
}
.footer-copyright a:hover,
.footer-copyright a:focus {
	color: #ffffff !important;
	text-decoration: underline !important;
}