/* =========================================================
   Correzioni accessibilità WCAG 2.1 AA — tema neeon-child
   Sito: tripsi.it (Calabria On Web)
   ========================================================= */


/* ---------------------------------------------------------
   2.4.7 (F78/G195, 211×) + 1.4.11 (4×)
   Indicatore di focus visibile.
   Il tema neeon rimuove l'outline con selettori molto
   specifici sul menu: serve alta specificità + !important
   per vincere il cascade su TUTTI gli elementi interattivi.
   --------------------------------------------------------- */

#menu-primary-menu a:focus,
#menu-primary-menu-1 a:focus,
#menu-footer-menu a:focus,
#mobile-navigation a:focus,
#footer-1 .textwidget a:focus,
#meanmenu .mean-bar button:focus,
#header-search-field:focus,
#fluentform_19 .ff-btn:focus,
.custom-subheader .e-search-form .e-search-submit:focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
  outline: 3px solid #1a5fb4 !important;   /* linea scura: visibile su sfondo chiaro */
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #ffffff !important; /* anello bianco SOLIDO: visibile su footer scuro */
}

/* versione "tastiera" più pulita, dove supportata */
#menu-primary-menu a:focus-visible,
#menu-primary-menu-1 a:focus-visible,
#menu-footer-menu a:focus-visible,
#mobile-navigation a:focus-visible,
#footer-1 .textwidget a:focus-visible,
#meanmenu .mean-bar button:focus-visible,
#header-search-field:focus-visible,
#fluentform_19 .ff-btn:focus-visible,
.custom-subheader .e-search-form .e-search-submit:focus-visible {
  outline: 3px solid #1a5fb4 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #ffffff !important;
}

/* Non azzerare MAI l'outline sugli elementi interattivi */
a,
button,
input,
select,
textarea,
[tabindex],
[role="button"] {
  outline-color: #1a5fb4;
}


/* ---------------------------------------------------------
   1.4.3 (G18, 96×) — Contrasto testo su immagini.
   MAUVE non legge i pixel dell'immagine: calcola il
   contrasto del testo bianco contro il background-color
   dell'antenato (bianco) → 1:1 → errore.
   Si assegna un background-color scuro di fallback ai
   contenitori delle card con testo chiaro: è coperto
   dall'immagine (nessun cambio visivo), ma rende il
   contrasto calcolabile e reale (bianco su scuro = pass)
   e migliora la leggibilità se l'immagine non carica.
   --------------------------------------------------------- */
.rt-thumb-slider-default .rt-slide,
.rt-thumb-slider-vertical .rt-item.rt-slide-thumb,
.rt-post-overlay-style5 .rt-item,
.rt-post-list-style4 .top-post-item,
.rt-post-slider-style2 .rt-item {
  background-color: #1a1a1a;
}

/* Coerenza: i testi/meta delle card restano bianchi sul fondo scuro */
.rt-thumb-slider-default .rt-slide .entry-title a,
.rt-thumb-slider-default .rt-slide .post-date,
.rt-thumb-slider-vertical .rt-slide-thumb .entry-title a,
.rt-thumb-slider-vertical .rt-slide-thumb .post-date,
.rt-post-overlay-style5 .rt-item .entry-title a,
.rt-post-overlay-style5 .rt-item .entry-meta li,
.rt-post-overlay-style5 .rt-item .entry-meta a,
.rt-post-list-style4 .top-post-item .entry-title a,
.rt-post-list-style4 .top-post-item .entry-meta li,
.rt-post-list-style4 .top-post-item .entry-meta a,
.rt-post-slider-style2 .rt-item .entry-title a,
.rt-post-slider-style2 .rt-item .entry-meta li,
.rt-post-slider-style2 .rt-item .entry-meta a {
  color: #ffffff !important;
}

/* Link di categoria/meta su sfondo chiaro: blu più scuro (≈6,3:1 su bianco) */
.post-terms.rt-cat a,
.rt-post-list-default .entry-content .post-terms a,
.entry-meta .post-author a,
.entry-meta .post-date a {
  color: #1a5fb4;
}


/* ---------------------------------------------------------
   1.4.1 (F73, 1×) — Link distinguibili senza il colore.
   I link nel corpo del testo devono avere la sottolineatura.
   --------------------------------------------------------- */
.entry-content p a,
.textwidget a,
.rt-cat-description a,
.comment-text a,
.elementor-widget-text-editor a {
  text-decoration: underline;
}


/* ---------------------------------------------------------
   1.4.10 (C38, 1×) — Reflow del campo ricerca.
   A 320px il campo deve adattarsi senza scroll orizzontale.
   --------------------------------------------------------- */
#header-search .header-search-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#header-search #header-search-field,
.e-search-form .e-search-input {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 1.4.3 — link riquadro CATEGORIE */
.elementor-element-3500d4d .elementor-heading-title a {
  color: #0034c2 !important;   /* ~9:1 su bianco/grigio chiaro */
}

/* 1.4.1 — sottolinea i link dentro al testo */
.elementor-widget-text-editor a,
.textwidget a,
.entry-content a,
.copyright a { text-decoration: underline !important; }

.skip-link { text-decoration: underline !important; }