/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* Übernommen aus den alten Backend-Einstellungen (customsass) des NOVA/clear-Themes.
 * Dieselben Regeln liegen auch in der DB (ttemplateeinstellungen, Sektion customsass) —
 * doppelte Anwendung ist unschädlich, da identisch. */
#footer .productlist-filter-headline {
  font-size: 20px;
}

.col.product-wrapper.mb-4.col-md-4.col-xl-3.col-6 {
  height: auto !important;
}

#search .form-control {
  background-color: #ffffff !important;
}

#jtl-nav-wrapper .form-control::placeholder, #jtl-nav-wrapper .form-control:focus::placeholder {
  color: #707070;
}

#footer h1 {
  color: #0cc2b6;
}

/* Fix für JTL NOVA 5.7: Produkt-Slider (Cross-Selling, OPC-Produktstreams) stehen
 * in einem Bootstrap-.row-Container (display:flex). Die von slick erzeugte
 * .slick-list kann als Flex-Item wegen min-width:auto nicht unter ihre
 * max-content-Breite schrumpfen — slick misst dadurch beim Initialisieren eine
 * vielfach zu große Breite und schreibt riesige Slide-Maße fest (Boxen mit
 * >26.000px Höhe/Breite). Diese Regel zwingt die Liste auf Containerbreite,
 * BEVOR slick misst. Harmlos, falls JTL das Problem später selbst behebt. */
.row.carousel > .slick-list {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}