
/*
 * Top Elektro Haus – AUSVERKAUFT badge
 * Optimized for WoodMart / WooCommerce product grids.
 */

/* Common WoodMart/WooCommerce out-of-stock label variants */
.product-label.out-of-stock,
.wd-product-labels .out-of-stock,
.wd-product-labels .product-label.out-of-stock,
.product-grid-item .product-label.out-of-stock,
.wd-product .product-label.out-of-stock,
.teh-out-of-stock-badge {
    background: #d92d20 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 7px !important;
    padding: 6px 10px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .45px !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.14) !important;
}

/* Prevent inherited theme colors from hiding the text in light mode */
.product-label.out-of-stock *,
.wd-product-labels .out-of-stock *,
.wd-product-labels .product-label.out-of-stock *,
.product-grid-item .product-label.out-of-stock *,
.wd-product .product-label.out-of-stock *,
.teh-out-of-stock-badge * {
    color: #ffffff !important;
}

/* Keep the badge compact when WoodMart gives labels fixed dimensions */
.wd-product-labels .product-label.out-of-stock,
.wd-product-labels .out-of-stock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* Dark mode / OS dark scheme: keep exactly the same readable badge */
@media (prefers-color-scheme: dark) {
    .product-label.out-of-stock,
    .wd-product-labels .out-of-stock,
    .wd-product-labels .product-label.out-of-stock,
    .product-grid-item .product-label.out-of-stock,
    .wd-product .product-label.out-of-stock,
    .teh-out-of-stock-badge {
        background: #d92d20 !important;
        color: #ffffff !important;
    }
}
