:root {
	--nav-height: 4.2rem;
}
.skip-link {
  position: absolute;
  top: calc(var(--nav-height) + 0.5rem);
  inset-inline-start: 0.5rem; 
  padding: .6rem 1rem;
  background: #000;
  color: #fff;
  text-decoration: none;
  border-radius: .375rem;
  transform: translateY(-1000%);
  z-index: 9999;
}
.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  outline: 2px solid #fff;
}


a:focus, 
button:focus, 
input:focus, 
select:focus, 
textarea:focus {
    border: 1px dashed transprent;
    outline-offset: 0;
    outline: 0 dashed transprent;	
}


a:focus-visible, 
button:focus-visible, 
input:focus-visible, 
select:focus-visible, 
textarea:focus-visible {
    border: 1px dashed transprent;
    outline-offset: 0;
    outline: 0 dashed transprent;
}

/* sr-only: מוצג לקוראי מסך, מוסתר חזותית */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 1px, 1px) !important;
  white-space: nowrap !important; /* למנוע שבירת שורה */
  border: 0 !important;
}



@media (min-width: 783px) {
	body.admin-bar .skip-link { 
		top: calc(var(--nav-height) + 2.5rem); 
	}
}

@media (min-width: 992px) {

	
}