/* Κάνε την Drupal .visually-hidden πραγματικά αόρατη (όπως η sr-only) */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Αν υπάρχει η παραλλαγή .visually-hidden.focusable, να γίνεται ορατή όταν παίρνει focus */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: inherit !important;
}