/*
 * Block: Category Products (acf/single-category-overview)
 *
 * Aktiv eingebundenes Block-Stylesheet (register_block_assets.php). Die alte
 * block-product-overview.css im selben Ordner ist toter Legacy-Code und wird
 * nirgends geladen.
 */

/*
 * Aufzählungspunkte unterdrücken.
 *
 * In den Artikel-Layouts (.mu-narrow-layout, .mu-wide-with-styles-layout,
 * .block-editor-page, siehe assets/css/styles/mu-blog.css) bekommt jedes <li>
 * in .entry-content einen lila Bullet. Die Produkt-Kacheln und Farbvarianten
 * sind ebenfalls <li> und sollen keine Bullets bekommen. !important ist nötig,
 * weil die Blog-Regel spezifischer ist als jede Klasse am Element selbst.
 */
.mu_category-products li::before {
  content: none !important;
}

.mu_category-products li {
  padding-left: 0 !important;
}

/*
 * Breite Darstellung.
 *
 * Gleiche Geometrie wie die Theme-Klasse .mu-wide-layout, aber ohne deren
 * Nebenwirkung: jene zieht ab 1024px zusätzlich jedes <img> im Wrapper auf
 * 125% und beschneidet damit Produktbilder (runde Ecken weg) und bläht Badges
 * auf. Hier wird nur der Wrapper verbreitert.
 */
@media screen and (min-width: 1024px) {
  .mu_category-products__wide {
    width: 125%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}