/* ==========================================================================
   Eigene Ergänzungen zur YOOtheme-Vorlage.

   YOOtheme lädt diese Datei von selbst, wenn es sie gibt (siehe
   LoadThemeHead.php). Sie überlebt Updates, weil sie nicht zur Vorlage
   gehört - deshalb steht hier alles, was sonst eine Kerndatei bräuchte.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Sprunglink "Zum Hauptinhalt springen"

   Er ist das erste Element im Seitenkörper und soll nur sichtbar werden,
   wenn er den Fokus hat. YOOtheme regelt das über .uk-hidden-visually -
   allerdings in einer Regel, deren Selektorliste :has() enthält:

     .uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
     … .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
     … { position:absolute!important; width:0!important; … }

   Kennt ein Browser :has() nicht, verwirft er nach den CSS-Regeln die
   GESAMTE Liste - also auch den ersten Selektor, der mit :has() nichts zu
   tun hat. Dann bleibt der Sprunglink stehen, und weil .uk-notification
   position:fixed, top:15px, z-index:1040 mitbringt, legt er sich als Balken
   über das Menü. Genau so gemeldet am 25.08.2026 auf einem Android-Gerät.

   Deshalb hier dieselbe Aussage noch einmal, aber in DREI getrennten
   Regeln. Fällt eine aus, stehen die anderen weiter - und die erste, die
   das Verstecken übernimmt, kommt ohne jeden modernen Selektor aus.
   -------------------------------------------------------------------------- */

/* 1. Verstecken. Kann in keinem Browser ausfallen. */
.uk-hidden-visually {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

/* 2. Im Fokus zeigen - für alle, die mit der Tastatur navigieren. */
.uk-hidden-visually:focus,
.uk-hidden-visually:active {
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip-path: none !important;
	white-space: normal !important;
}

/* 3. Dasselbe, wenn etwas DARIN den Fokus hat. Bewusst eine eigene Regel:
      Zusammen mit Punkt 2 würde ein Browser ohne :focus-within die ganze
      Liste verwerfen - und der Sprunglink wäre nie erreichbar. */
.uk-hidden-visually:focus-within {
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip-path: none !important;
	white-space: normal !important;
}