/**
 * Catalog Discount Swatches Styles — extrahiert aus Inline-<style>-Block in
 * swatch-discount.php::add_catalog_discount_styles()
 *
 * Inline weil hohe Selector-Spezifitaet gegen Theme-CSS noetig.
 *
 * @package    Weezelbau
 * @subpackage Variation-Swatches
 * @version    1.0.0
 */

.vierzeh-catalog-swatches {
    margin: 10px 0;
    text-align: center;
    width: 100%;
    clear: both;
}

.vierzeh-catalog-unit {
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
    font-size: 14px;
}

.vierzeh-catalog-quantities {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Force override any existing button styles */
.woocommerce ul.products li.product .vierzeh-catalog-swatches .vierzeh-catalog-quantity,
.vierzeh-catalog-quantity {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid var(--bs-border-color, #dee2e6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: var(--bs-body-color, #212529) !important;
    background-color: var(--bs-light, #f8f9fa) !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.vierzeh-catalog-quantity:hover,
.vierzeh-catalog-quantity:focus-visible {
    border-color: var(--bs-primary, #6a994e) !important;
    color: var(--bs-primary, #6a994e) !important;
    text-decoration: none !important;
    background-color: var(--bs-light, #f8f9fa) !important;
    outline: 2px solid var(--bs-primary, #6a994e) !important;
    outline-offset: 2px !important;
}

.vierzeh-catalog-quantity.popular::after {
    content: "" !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--bs-danger, #dc3545) !important;
    border-radius: 50% !important;
    top: -2px !important;
    right: -2px !important;
}

.vierzeh-catalog-quantity-value {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
}

/* Out-of-Stock visualization */
.vierzeh-catalog-quantity.out-of-stock {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}

@media (prefers-reduced-motion: reduce) {
    .vierzeh-catalog-quantity {
        transition: none !important;
    }
}

/* Hide regular rabatt display in catalog */
.woocommerce ul.products li.product .vierzeh-catalog-button,
ul.products li.product .vierzeh-catalog-options,
.woocommerce-loop-product__link + .vierzeh-productVariations:not(.vierzeh-catalog-swatches) {
    display: none !important;
}