/* HTML Invisibile screen reader */

.screenreader-text {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  left: -999px;
  top: auto;
  width: 1px;
  word-wrap: normal !important;
  border: 0px !important; 
}

.screenreader-text:focus {
  color: var(--white);
  background-color: var(--black);
  display: inline-block;    
  height: auto;
  width: auto;
  position: absolute;
  top: 10px;
  left:10px;
  margin: auto;
  font-weight: 500;
  border: 0px !important; 
}

/* barra vai al contenuto */

#skip-link {border:0px !important; border-radius:5px; padding:8px;}

.skip-link-text {
  position: absolute;
  left: -999px;
  top: auto;
}

.skip-link-label {
  padding: 0px;
}

.skip-link-text:focus {
  color: #fff;
  background-color: #000;
  display: inline-block;    
  height: auto;
  width: auto;
  position: absolute;
  top: 10px;
  left:10px;
  margin: auto;
  font-weight: 500;

  border: 0px !important; 
}

/* Gestione del focus */

a:focus {
    /* Un focus visibile che soddisfi i requisiti di accessibilità */
    outline: 3px solid #000000; /* Un anello blu più spesso e visibile */
    outline-offset: 2px; /* Spazio tra l'elemento e l'anello */
    box-shadow: 0 0 0 3px #fff;

/*

  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #ffffff,0 0 0 5px #000000 !important;
  outline: 3px solid rgba(0,0,0,0) !important;
  outline-offset: 3px !important;
*/
}

/*

input:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #ffffff,0 0 0 5px #000000 !important;
  outline: 3px solid rgba(0,0,0,0) !important;
  outline-offset: 3px !important;
/*  border-color: var(--focus) !important;
  box-shadow:inset 0 0 0 3px var(--focus) !important;
  outline: none !important;
}*/

/*select:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #ffffff,0 0 0 5px #000000 !important;
  outline: 3px solid rgba(0,0,0,0) !important;
  outline-offset: 3px !important;
/*  border-color: var(--focus) !important;
  box-shadow:inset 0 0 0 3px var(--focus) !important;
  outline: none !important;
}*/

/*
button:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px #ffffff,0 0 0 5px #000000 !important;
  outline: 3px solid rgba(0,0,0,0) !important;
  outline-offset: 3px !important;
/*  border-color: var(--focus) !important;
  box-shadow:inset 0 0 0 3px var(--focus) !important;
  outline: none !important;
}*/

.box-link:focus .boxflex {border:4px solid var(--focus);}

.link_blocco{display: inline-block; overflow: hidden;}