/**
 * Ergaenzungen zu integrity-light.css / ubermenu.min.css / minimal.css fuer
 * das Verhalten aus chrome.js. Die eigentliche Optik (Farben, Abstaende,
 * .m1w-*/.mi-*-Klassen) kommt bereits aus dem seitenspezifischen
 * Cornerstone-CSS (_thg_page_css); hier steht nur, was das Original per
 * JavaScript (cs-classic.js/ubermenu.min.js, beide nicht mitgeliefert)
 * geloest haette.
 */

/* Body-Scroll waehrend Off-Canvas-Menue oder Suchmodal offen sind sperren
   (im Original macht das cs-classic.js beim Setzen von x-active). */
body.x-off-canvas-active,
body.x-modal-active {
	overflow: hidden;
}

/* UberMenu traegt bereits die Klasse "ubermenu-nojs" und hat dafuer schon
   einen :hover-Fallback im Original-CSS. Tastatur-Fokus braucht dieselbe
   Sichtbarkeit -- ubermenu.min.js (kostenpflichtig) wird nicht mitgeliefert,
   daher hier als reine CSS-Entsprechung zum vorhandenen :hover-Selektor. */
.ubermenu-nojs .ubermenu-item:focus-within > .ubermenu-submenu-drop,
.ubermenu-nojs .ubermenu-tab:focus-within > .ubermenu-tab-content-panel {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	max-height: none !important;
}

/* Sichtbarer Fokusring auf den Cornerstone-Anchors/Buttons, die von Haus aus
   keinen mitbringen (Off-Canvas-/Modal-Toggle, Aufklapper, Schliessen-Buttons). */
.x-anchor-toggle:focus-visible,
.x-off-canvas-close:focus-visible,
.x-modal-close:focus-visible,
[data-x-toggle="collapse"]:focus-visible {
	outline: 2px solid #000080;
	outline-offset: 2px;
}