/* ==========================================================================
   Kreislaufkraft · Hellos Knopf-Werksdesign abgeschaltet
   --------------------------------------------------------------------------
   Hello Elementor macht in seiner reset.css aus JEDEM nackten <button> einen
   pinken Umriss-Knopf. Zwei Regeln sind daran beteiligt:

     [type=button],[type=submit],button{
       background-color:transparent; border:1px solid #c36; border-radius:3px;
       color:#c36; padding:.5rem 1rem; ... }

     [type=button]:focus,[type=button]:hover,
     [type=submit]:focus,[type=submit]:hover,
     button:focus,button:hover{ background-color:#c36; color:#fff; ... }

   #c36 ist Pink - eine Restfarbe aus Hellos Werksdesign, die in dieser Marke
   nirgends vorkommt.

   WARUM DAS EINE FALLE IST
   Die Zustandsregel wiegt (0,1,1) und schlaegt damit jede Komponente, die
   ihren Hintergrund nur im Ruhezustand setzt, etwa
   `.kk-cart__close{background:#F5F5F4}` mit (0,1,0). Wer ein eigenes
   Bedienelement baut und nur an :hover denkt, bekommt beim Fokus Pink -
   und Fokus kommt oefter, als man denkt: Schubladen und Dialoge setzen ihn
   beim Oeffnen selbst, damit Tastatur und Screenreader im Inhalt landen.

   Genau daran ist das Schliesskreuz der Warenkorb-Schublade aufgefallen: Es
   ging JEDES Mal pink auf, weil das Oeffnen-Skript den Fokus daraufsetzt.
   Vorher hatten schon die Magazin-Filter einen eigenen Abwehrblock im
   Seiten-CSS gebraucht. Statt diese Abwehr in jedem Bauteil zu wiederholen,
   steht sie ab jetzt einmal hier.

   WAS STATTDESSEN GILT
   Ein nackter Knopf traegt die Farbe seiner Umgebung und veraendert sich bei
   :hover und :focus NICHT von allein. Ueber sein Aussehen entscheidet die
   Komponente - nicht das Theme. Geometrie, Innenabstand und Radius aus
   Hellos Reset bleiben unangetastet, hier geht es nur um Farbe.

   WIE ES WIRKT
   Dieselben Selektoren, dieselbe Gewichtung, aber spaeter im Dokument -
   damit gewinnt diese Datei den Gleichstand. Jede Komponente mit eigener
   Regel wiegt (0,1,0) oder mehr und gewinnt weiterhin gegen beide.

   WICHTIG - DAS ERSETZT KEINEN FOKUSRING
   Hier wird nur Farbe neutralisiert, nicht die Sichtbarkeit des Fokus. Der
   Umriss des Browsers bleibt unangetastet. Wer ein Bedienelement mit
   `outline:none` baut, muss selbst einen Ring fuer :focus-visible setzen -
   siehe `.kk-cart__close` in der functions.php.
   ========================================================================== */

/* Ruhezustand: Rahmen und Schrift folgen der Umgebung statt Pink. */
[type=button],
[type=submit],
button {
	border-color: currentColor;
	color: inherit;
}

/* Hover und Fokus: keine eigene Farbe. Beide Werte wiederholen den
   Ruhezustand, damit sich ohne Zutun der Komponente nichts aendert. */
[type=button]:hover,
[type=button]:focus,
[type=submit]:hover,
[type=submit]:focus,
button:hover,
button:focus {
	background-color: transparent;
	color: inherit;
}