/*
 * Macarons und Co. – Kategoriebanner
 *
 * Behebt das gekachelte Bannerbild auf den Produktkategorie-Seiten.
 *
 * Ursache: Das Banner im Elementor-Template "Kategorieseiten Design" (ID 18062)
 * bezieht sein Hintergrundbild dynamisch aus dem WooCommerce-Kategoriebild.
 * Für dynamische Bilder schreibt Elementor jedoch nur `background-image` aus,
 * nicht die zugehörigen Einstellungen:
 *
 *   1. includes/controls/groups/background.php
 *      Die Controls für Repeat, Display Size und Position hängen an der
 *      Bedingung `'image[url]!' => ''`. Bei einem dynamischen Bild ist das
 *      statische Feld `background_image` leer, die Bedingung greift nicht –
 *      die drei Eigenschaften fehlen in der generierten post-18062.css.
 *
 *   2. core/dynamic-tags/dynamic-css.php
 *      Die Laufzeit-Generierung filtert mit
 *      `array_intersect_key( $controls, $dynamic_settings )` auf genau jene
 *      Controls, die unter `__dynamic__` stehen. Das ist allein
 *      `background_image` – Repeat, Size und Position fallen auch hier durch.
 *
 * Der Browser fällt deshalb auf die CSS-Initialwerte zurück: `repeat` und
 * `auto`. Das Kategoriebild (2350 × 2350 px) wird in Originalgröße gekachelt,
 * statt den Container formatfüllend zu bedecken.
 *
 * Im Elementor-Editor sind no-repeat, cover und center center korrekt gesetzt –
 * sie erreichen den Browser nur nicht. Die Regel unten liefert genau diese drei
 * Werte nach.
 *
 * Der Selektor ist auf das Kategorie-Template begrenzt, greift aber unabhängig
 * von der Element-ID: Wird der Container in Elementor gelöscht und neu angelegt,
 * wirkt der Fix weiterhin. Auf Containern ohne Hintergrundbild sind die drei
 * Eigenschaften wirkungslos.
 *
 * Container mit einem statisch gesetzten Bild sind nicht betroffen: Elementor
 * schreibt für diese eine Regel mit höherer Spezifität und behält damit Vorrang.
 */

.elementor-18062 .elementor-element.e-con {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}