/**
 * Frontend styles for Custom Dual Sale Badge
 */

.csb-dual-badge.onsale {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: unset !important;
    min-width: unset !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin: 0 !important;
    z-index: 10 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    pointer-events: none;
}

/* Ficha de Producto (Single Product) */
.single-product .csb-dual-badge.onsale,
.single-product div.product .csb-dual-badge.onsale,
.woocommerce-product-gallery .csb-dual-badge.onsale {
    margin: 0 !important;
    z-index: 10 !important;
}

/* Asegurar que la lupa (zoom/lightbox) de WooCommerce permanezca accesible y con z-index correcto */
.woocommerce-product-gallery__trigger {
    z-index: 20 !important;
}

/* Ocultar badges nativos/duplicados del tema que no sean de CSB */
.woocommerce span.onsale:not(.csb-dual-badge),
.single-product span.onsale:not(.csb-dual-badge),
.woocommerce-product-gallery span.onsale:not(.csb-dual-badge),
.product-label.sale:not(.csb-dual-badge),
.badge-sale:not(.csb-dual-badge),
.sale-badge:not(.csb-dual-badge),
.onsale-badge:not(.csb-dual-badge) {
    display: none !important;
}

/* Evitar badges duplicados generados consecutivamente */
.csb-dual-badge.onsale ~ .csb-dual-badge.onsale,
.single-product .csb-dual-badge.onsale ~ .csb-dual-badge.onsale,
.woocommerce-product-gallery .csb-dual-badge.onsale ~ .csb-dual-badge.onsale,
.product .csb-dual-badge.onsale ~ .csb-dual-badge.onsale {
    display: none !important;
}

.csb-dual-badge .csb-lvl1 {
    display: block;
    line-height: 1.15;
    white-space: nowrap;
}

.csb-dual-badge .csb-lvl2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    line-height: 1.15;
    margin-top: 2px;
    white-space: nowrap;
    opacity: 0.95;
}

.csb-dual-badge .csb-lvl2-logo {
    display: inline-block !important;
    vertical-align: middle !important;
    object-fit: contain !important;
    flex-shrink: 0;
    margin: 0 !important;
}

/* Efecto hover suave en la tarjeta del producto en listados */
ul.products li.product:hover .csb-dual-badge.onsale,
.wc-block-grid__product:hover .csb-dual-badge.onsale {
    transform: scale(1.04);
}