/* Meldungen des Hauses in jedem Bereich.
   Fokus: Meldungen bekommen den Fokus (tabindex -1), damit Bildschirmleser sie vorlesen. Eine Meldung ist kein Bedienelement
   und zeigt deshalb keinen Fokusrahmen; am naechsten Bedienelement erscheint er wie gewohnt. */
:is(.emeu-hinweis, .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-NoticeGroup, .wc-block-components-notice-banner, [role="alert"], [role="status"])[tabindex="-1"]:is(*, #emeu-meldung):focus {
  outline: none;
}

/* Zeichen: Hinweise tragen das Info-Zeichen statt des Schrift-Zeichens von WooCommerce, gefuellt wie Erfolg und Fehler: ein voller
   Kreis mit ausgespartem i. Lage und Farbe bleiben; wo eine Gestaltung eigene Zeichen setzt, ist deren Regel staerker. */
:is(div, p).woocommerce-info::before {
  content: "";
  width: 1.25em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20a10 10 0 1 0 0-20Z M11 10.5h2v6.5h-2Z M11 6.5h2v2h-2Z'/%3E%3C/svg%3E") center / 1.25em 1.25em no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20a10 10 0 1 0 0-20Z M11 10.5h2v6.5h-2Z M11 6.5h2v2h-2Z'/%3E%3C/svg%3E") center / 1.25em 1.25em no-repeat;
}