/* ---------------------------------------------------------------
   Correzioni ES2000
   Foglio aggiunto con il passaggio al sito statico: raccoglie le
   sistemazioni fatte dopo l'uscita da WordPress. È l'ultimo caricato,
   quindi le sue regole prevalgono su quelle del tema.
   --------------------------------------------------------------- */

/* Carosello dei casi di successo.
   L'effetto tridimensionale applicava alle anteprime laterali un velo
   nero, che spegneva il verde del logo e le faceva sembrare sporche.
   L'ombra viene tolta: la rotazione in prospettiva basta a dare
   profondità, e le anteprime restano nitide. */
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow {
  display: none !important;
}

/* Divisori del piè di pagina.
   Il valore predefinito di Elementor per i divisori è quasi nero
   (--divider-color: #0c0d0e) e viene schiarito solo dal foglio di stile
   specifico del piè di pagina. Nell'istante in cui quella regola non è
   ancora applicata, cambiando pagina, le due righe lampeggiavano scure.
   Qui il colore chiaro è impostato a monte, così non accade più. */
footer .elementor-widget-divider,
.lqd-sticky-footer .elementor-widget-divider {
  --divider-color: #fff;
}

/* Riquadro di messa a fuoco.
   Facendo clic su un collegamento o su un pulsante, il browser disegna
   attorno un riquadro azzurro: è l'indicatore di messa a fuoco, utile a
   chi naviga con la tastiera ma fuori posto quando si usa il mouse.

   Le regole qui sotto lo tolgono per il clic e lo mantengono per la
   tastiera, nei colori del sito. Non va rimosso del tutto: senza, chi
   naviga con il tasto Tab non vede più dove si trova. */

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible),
.elementor-button:focus:not(:focus-visible),
.nav-trigger:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #bfcd2c;
  outline-offset: 2px;
  border-radius: 2px;
}