/* comestai.io — MODALITÀ ALTO CONTRASTO Attiva quando ha la classe "hc" (toggle nel footer). Tema scuro uniforme: testo bianco su nero (21:1), link gialli, così il contrasto è massimo su OGNI sezione (chiara o scura) e il logo, pensato per fondo scuro, resta leggibile. WCAG 2.1 AA/AAA. */ html.hc, html.hc body { background: #000000 !important; } /* Testo bianco e niente sfondi/gradienti/ombre su tutti gli elementi (immagini, svg e viewer 3D esclusi) */ html.hc body *:not(img):not(svg):not(path):not(spline-viewer) { background-color: transparent !important; background-image: none !important; color: #ffffff !important; text-shadow: none !important; box-shadow: none !important; border-color: #ffffff !important; } html.hc body *::before, html.hc body *::after { background-image: none !important; color: #ffffff !important; } /* Link: giallo + sottolineati (distinti dal testo) */ html.hc a, html.hc a * { color: #ffff00 !important; } html.hc a { text-decoration: underline !important; } /* Pulsanti: fondo nero, testo giallo, bordo giallo */ html.hc .elementor-button, html.hc button, html.hc input[type="submit"], html.hc input[type="button"], html.hc .wp-block-button__link { background-color: #000000 !important; background-image: none !important; color: #ffff00 !important; border: 2px solid #ffff00 !important; text-decoration: none !important; } html.hc .elementor-button *, html.hc button *, html.hc input[type="submit"] { color: #ffff00 !important; } /* Campi form: fondo nero, testo bianco, bordo bianco */ html.hc input, html.hc textarea, html.hc select { background: #000000 !important; color: #ffffff !important; border: 2px solid #ffffff !important; } html.hc ::placeholder { color: #dddddd !important; opacity: 1 !important; } /* Icone SVG: bianche (erano bianche/colorate su fondi vari) */ html.hc svg, html.hc svg * { fill: #ffffff !important; color: #ffffff !important; } /* Badge store (immagini scure): riquadro bianco per staccarli dal nero */ html.hc a[aria-label*="App Store"] img, html.hc a[aria-label*="Google Play"] img { background: #ffffff !important; padding: 4px !important; border-radius: 4px !important; } /* Elementi puramente decorativi nascosti */ html.hc spline-viewer { display: none !important; } /* Focus sempre ben visibile */ html.hc a:focus, html.hc button:focus, html.hc input:focus, html.hc textarea:focus, html.hc select:focus, html.hc [tabindex]:focus { outline: 3px solid #ffff00 !important; outline-offset: 2px !important; }