/* ===================================================================
   Accessibility overrides
   Aggiunto in seguito all'audit WCAG 2.1 AA del [DATA].
   Questo file va incluso DOPO tutti gli altri fogli di stile
   (vedi include/headerInclude.php) in modo che le regole qui sotto
   abbiano la precedenza. Non contiene modifiche di layout: solo
   correzioni di accessibilita' (focus, contrasto, reset dei pulsanti
   icon-only convertiti da <span>/<div> a <button>).
   =================================================================== */

/* --- Skip link ("Salta al contenuto principale") ------------------ */
.skip-link {
	position: absolute;
	left: -999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -1;
	background: #ffffff;
	color: #111111;
	padding: 12px 20px;
	border-radius: 0 0 4px 0;
}
.skip-link:focus {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	/* L'header e' position:fixed con z-index:1000000 (vedi style.css):
	   deve stare sopra di esso quando riceve il focus, altrimenti resta coperto. */
	z-index: 1000001;
	outline: 3px solid #1a73e8;
	outline-offset: 2px;
}

/* --- Testo nascosto solo visivamente (per screen reader) ---------- */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --- Focus visibile ------------------------------------------------
   Il tema disattiva l'outline su :focus (a:hover, a:focus{outline:none})
   senza fornire un'alternativa: qui lo ripristiniamo su tutti gli
   elementi interattivi. */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.close-popup:focus,
.open-menu:focus,
.open-links:focus,
.size:focus,
.order:focus,
[tabindex]:focus {
	outline: 3px solid #1a73e8 !important;
	outline-offset: 2px;
}

/* --- Reset per i controlli icon-only convertiti da <span>/<div> a
   <button>, cosi' che l'aspetto visivo resti identico a prima
   (nessuna modifica di layout, solo di semantica/accessibilita'). --- */
button.open-menu,
button.open-links,
button.close-popup,
button.size,
button.order,
button.sidebar-toggle {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	text-align: inherit;
}

/* Reset dei <fieldset> aggiunti attorno ai gruppi di radio button
   (Orientamento, Copyright, Storiche) per non alterare il layout.
   NOTA: senza "width: 100%" il fieldset collassa a larghezza 0 (comportamento
   intrinseco del browser per <fieldset> quando non ha contenuto "normale" in
   flusso - qui il <legend> e' sr-only/absolute), spingendo visivamente radio
   e label fuori dal riquadro della sidebar verso destra. Verificato dal vivo. */
fieldset.filter-fieldset {
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	min-width: 0;
	display: block;
}

/* --- Pulsante pausa/riprendi dello slider in home (criterio 2.2.2) - */
.slider-pause-toggle {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 50;
	background: rgba(0, 0, 0, 0.55);
	color: #ffffff;
	border: none;
	border-radius: 4px;
	padding: 8px 14px;
	font-size: 13px;
	cursor: pointer;
}
.slider-pause-toggle span {
	margin-left: 6px;
}
.slider-pause-toggle:hover,
.slider-pause-toggle:focus {
	background: rgba(0, 0, 0, 0.8);
}

/* --- Contrasto colore ------------------------------------------------
   #c5c5c5 su sfondo bianco e i grigi "muted" sono sotto la soglia
   minima 4.5:1 richiesta dal criterio 1.4.3. Valori sostituiti con
   toni piu' scuri che mantengono lo stesso "family" di grigio.
   ESCLUSI gli input di tipo pulsante (submit/button/reset): quelli non
   sono campi di testo, hanno sfondo rosso brand e testo bianco per
   design (vedi regola dedicata piu' sotto) - la regola sotto applicava
   il grigio anche a loro rendendo il testo dei pulsanti "Registrati",
   "Login", ecc. poco leggibile sul rosso. */
input:not([type="submit"]):not([type="button"]):not([type="reset"]),
select,
textarea {
	color: #595959 !important; /* era #c5c5c5 - contrasto ~1.6:1, ora ~7:1 su bianco */
}
input::placeholder,
textarea::placeholder {
	color: #595959 !important;
	opacity: 1;
}
.muted,
.text-muted {
	color: #595959 !important; /* era #989898/#b3b3b3, sotto soglia AA */
}

/* --- Testo bianco su tutti i pulsanti (submit/button e simili) -------
   Alcuni input[type=submit] ereditavano un grigio scuro invece del
   bianco prima usato dal tema per il testo dei pulsanti (es. sfondo
   rosso brand): uniformato al bianco su tutti i pulsanti "con testo"
   del sito. ESCLUSI:
   - i pulsanti icon-only (menu, chiudi popup, ecc., vedi ".open-menu"
     e affini piu' sopra in questo file): per quelli il colore deve
     restare quello del tema (icona scura su sfondo chiaro), il bianco
     li renderebbe invisibili;
   - ".btn-default" (Bootstrap, usato in area-utente/recupera password) e
     i pulsanti dentro ".field.button" (senza trattino, area-utente:
     "Cambia Password/Email/informazioni generali"): hanno sfondo
     chiaro/trasparente con testo scuro per design (nessuna regola li
     colora di rosso/nero come ".field.field-button") - il bianco li
     renderebbe illeggibili. */
input[type="submit"]:not(.btn-default),
input[type="button"]:not(.btn-default),
input[type="reset"]:not(.btn-default),
button:not(.open-menu):not(.open-links):not(.close-popup):not(.size):not(.order):not(.sidebar-toggle):not(.btn-default),
.theme-btn,
.btn:not(.btn-default),
.button {
	color: #ffffff !important;
}
.field.button input,
.profile-info .field.button input {
	color: #515151 !important;
}

/* --- Contrasto colore (round 2, da report FastPass Accessibility Insights) - */

/* .title > i (es. sottotitoli in corsivo homepage): era #b3b3b3 su bianco
   (2.09:1), sotto soglia 4.5:1. */
.title > i {
	color: #737373 !important;
}

/* Testo <p> globale: era #777777 su bianco (4.47:1), leggermente sotto
   soglia 4.5:1. Riguarda anche #cookie-bar (nessun colore proprio,
   eredita da qui). */
p {
	color: #717171 !important;
}

/* Il footer scuro ha sfondo #272727/#1c1c1c: il grigio chiaro sopra va bene
   li', ma qui serve un valore diverso (piu' chiaro) per restare leggibile
   su sfondo scuro - la regola "p" sopra e' pensata per sfondi chiari. */
footer p,
.bottom-footer p {
	color: #8e8e8e !important;
}

/* Link "Privacy Policy" / "Studio Reclame" nel bottom-footer: ereditavano il
   colore di default di Bootstrap (a{color:#337ab7}) su sfondo #1c1c1c,
   contrasto 3.73:1. Aggiunta anche sottolineatura per non affidarsi al solo
   colore (criterio 1.4.1, link-in-text-block). */
.bottom-footer a {
	color: #398cd3 !important;
	text-decoration: underline !important;
}

/* Pulsanti/elementi con sfondo rosso brand (.theme-btn e affini, vedi
   css/color.css): #eb1925 con testo bianco dava 4.46:1, sotto soglia.
   Stesso elenco di selettori di color.css, solo rosso leggermente piu'
   scuro. */
.main-tabber .custom-tabs li.active a,
.main-search form button,
.package:before,
.package:after,
.theme-btn,
.field.field-button input,
.buy:before,
.package > strong a,
.pages > a:hover,
.rangeslider__fill,
.rangeslider__handle,
.apply-credit form button,
.size:before,
.post-detail > a:hover,
.button,
.remove-item:hover,
.buy,
.all-services h3 span,
.images-widget a:before,
.popup-container span.close-popup,
.wishlist-btn a {
	background: #df1723 !important;
}

/* Etichette "Totale Immagini / Telefono / Email" nella barra scura sotto lo
   slider home (.site-info-bar, sfondo semitrasparente rgba(0,0,0,.67) su
   foto/video): ereditano il rosso brand (#eb1925, da color.css) pensato per
   link su sfondo chiaro, qui contrasto ~1.7:1. Icona e numero/indirizzo
   accanto sono gia' bianchi: allineato lo stesso colore. Escluso
   ".site-info-bar.simple" che sta su sfondo chiaro altrove nel sito e per
   cui il rosso va gia' bene. */
.site-info-bar:not(.simple) .info-box span {
	color: #ffffff !important;
}

/* --- Contrasto colore (round 3, check generale con axe-core) ---------
   Barra filtri/ordinamento "Nuovi / Alfabetico / Migliori" e paginazione
   nelle pagine elenco (album, ricerca foto, ecc. - sfondo ".filteration"
   #f2f2f2 chiaro, pulsanti ".pages > a" su sfondo bianco): */
.filteration li a {
	color: #595959 !important; /* era #777777 (ereditato) - 4.0:1 su #f2f2f2, ora ~6.3:1 */
}
.filteration li.active a {
	color: #d31621 !important; /* era #eb1925 (brand) - 3.99:1 su #f2f2f2, ora 4.8:1 */
}
.pages > a,
.pages > span {
	color: #595959 !important; /* era #858585 - 3.3:1 su #f2f2f2 e 3.7:1 su bianco, ora passa entrambi */
}

/* Altri elementi della stessa barra filtri (album e ricerca foto): "Totale
   foto: N", "Foto per pagina:", pulsanti ordinamento "Rating/Alfabetico/
   Data", il placeholder "Seleziona categoria" del select categorie, e il
   link "Reset filtri" - tutti su sfondo #f2f2f2 con vari grigi/rosso sotto
   soglia (da #777777 a 4.0:1 fino a #999999). */
.total-foto,
.total-foto-bottom,
.total-foto > li,
.total-foto-bottom > li,
.filter-order,
.filter-order span,
.bs-placeholder .filter-option {
	color: #595959 !important;
}
.link-reset-filtri {
	color: #d31621 !important; /* era #eb1925 (brand), stesso valore usato sopra per ".filteration li.active a" */
}

/* Pagina dettaglio foto: i link "Autore", "Categorie", "Tags", "Persone" nel
   riquadro dati foto (".text-detail") usano il blu di default di Bootstrap
   (#337ab7): 3.96:1 sullo sfondo grigio chiaro del blocco "Autore/Copyright"
   (".gray", #efefef) - sotto soglia 4.5:1 - e comunque, anche dove il
   contrasto passa (sfondo bianco del blocco "Categorie/Tags"), i link si
   distinguono dal testo solo per il colore (axe: "link-in-text-block").
   Scurito il blu e aggiunta la sottolineatura in entrambi i casi. */
.text-detail a {
	color: #2d6da4 !important; /* era #337ab7 - 3.96:1 su #efefef, ora 4.76:1; ancora meglio su bianco */
	text-decoration: underline !important;
}

/* ".icon-title > i" (es. sottotitolo corsivo sotto al titolo della foto,
   stesso ruolo di ".title > i" gia' corretto sopra ma selettore CSS diverso):
   era #b3b3b3 su bianco, 2.09:1. */
.icon-title > i {
	color: #737373 !important;
}

/* Pagine "Contatti" / "Recupera dati": le etichette "Telefono/Email/Sito"
   dentro ".info-box.info-contatti" (sfondo bianco, diverso dalla barra scura
   ".site-info-bar" gia' corretta sopra) ereditano lo stesso rosso brand
   #eb1925 - qui 4.46:1, appena sotto soglia 4.5:1. */
.info-contatti span {
	color: #d31621 !important;
}