/*
 * Floor Select: Neutralisierung des Hello-Elementor-Resets.
 *
 * Das Elterntheme setzt in reset.css für JEDEN Knopf:
 *   button, [type=button], [type=submit] { border: 1px solid #c36; color: #c36 }
 *   ...:hover, ...:focus                 { background-color: #c36; color: #fff }
 * #c36 ist ein Magenta. Jeder Knopf ohne eigene Hover- und Fokusregel wurde
 * beim Zeigen magenta und blieb es nach dem Klick, weil der Fokus stehen
 * bleibt. Gemeldet am 29.09.2026 als "WordPress-Lila", gemessen an den
 * Mengenknöpfen, den Filterknöpfen der Musterbox, den Bildminiaturen der
 * Produktseite und im Fokus von Muster- und Primärknöpfen.
 *
 * Diese Datei lädt direkt nach reset.css und vor design.css. Mit denselben
 * Selektoren schlägt sie den Reset über die Reihenfolge, und jede Regel aus
 * design.css, korrekturen.css oder musterbox.css schlägt wiederum sie.
 * Knöpfe mit eigener Farbe setzen nur zwei Variablen, dann stimmt auch ihr
 * Fokus.
 */

[type="button"],
[type="submit"],
button {
	border-color: var(--fs-linie, #DDD8D1);
	color: var(--fs-navy, #0D1B2A);
}

[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
button:hover,
button:focus {
	background-color: var(--fs-knopf-hover, var(--fs-sand, #E7E4DF));
	color: var(--fs-knopf-hover-schrift, var(--fs-navy, #0D1B2A));
}

/* Tastatur sieht einen klaren Rahmen, die Maus nicht. */
[type="button"]:focus-visible,
[type="submit"]:focus-visible,
button:focus-visible {
	outline: 2px solid var(--fs-navy, #0D1B2A);
	outline-offset: 2px;
}

/* Knöpfe mit eigener Grundfarbe behalten sie auch im Fokus. */
.fs-btn-primaer,
.fs-widerruf__senden,
.fs-musterleiste__weiter {
	--fs-knopf-hover: var(--fs-navy-soft, #233549);
	--fs-knopf-hover-schrift: var(--fs-weiss, #FFFFFF);
}

.fs-btn-muster,
.fs-muster-btn {
	--fs-knopf-hover: var(--fs-gold-dark, #A07C3F);
	--fs-knopf-hover-schrift: var(--fs-navy, #0D1B2A);
}

.fs-filter__knopf {
	--fs-knopf-hover: var(--fs-weiss, #FFFFFF);
	--fs-knopf-hover-schrift: var(--fs-navy, #0D1B2A);
}

.fs-filter__knopf.ist-aktiv {
	--fs-knopf-hover: var(--fs-navy, #0D1B2A);
	--fs-knopf-hover-schrift: var(--fs-weiss, #FFFFFF);
}

.fs-menge__knopf {
	--fs-knopf-hover: var(--fs-linie, #DDD8D1);
}

.fs-produkt__miniatur,
.fs-burger,
.fs-suchfeld__knopf {
	--fs-knopf-hover: transparent;
}