/*
 * hstopbadge - Styling fuer das blaue "Top"-Badge
 *
 * Das Badge nutzt die vorhandene PrestaShop Flag-Leiste
 * (.product-flags), die ihre Kind-Elemente per Flexbox
 * untereinander stapelt. Dadurch reiht es sich automatisch
 * unter/neben bestehende Badges wie Rabatt (-4%) oder
 * "Nicht auf Lager" ein, statt sie zu ueberlagern.
 */
.product-flags .product-flag.hstopbadge {
    background-color: #1a73e8;
    color: #ffffff;
}

/*
 * Falls die "Nicht auf Lager"-Meldung im Theme als eigenstaendiges,
 * breites Banner (statt als normales .product-flag) umgesetzt ist,
 * kann hier bei Bedarf ein zusaetzlicher Abstand ergaenzt werden,
 * z.B.:
 *
 * .product-flags .product-flag.hstopbadge {
 *     margin-top: 30px;
 * }
 */