/**
 * Bossnet Badge Styles
 */

.bossnet-badges-container {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* Single product overlay (top-right of gallery image) */
.woocommerce-product-gallery,
.woocommerce div.product div.images {
    position: relative;
}
.bossnet-badges-single-overlay {
    position: absolute;
    top: 15px;
    right: 15px;
    left: auto;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    pointer-events: none;
}
.bossnet-badges-single-overlay .bossnet-badge {
    pointer-events: auto;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.bossnet-badge {
    display: inline-block;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

/* Default badge colors (can be overridden in settings) */
.bossnet-badge.badge-new {
    background: #28a745;
    color: #fff;
}

.bossnet-badge.badge-liquidation {
    background: #dc3545;
    color: #fff;
}

.bossnet-badge.badge-bestseller {
    background: #ffc107;
    color: #000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bossnet-badges-container {
        top: 5px;
        left: 5px;
    }

    .bossnet-badge {
        padding: 4px 10px;
        font-size: 11px;
    }
}

/* WooCommerce product image compatibility */
.woocommerce ul.products li.product {
    position: relative;
}

.woocommerce ul.products li.product .bossnet-badges-container {
    position: absolute;
}

/* Single product page - ensure image container is relative */
.single-product .woocommerce-product-gallery {
    position: relative;
}

.single-product .woocommerce-product-gallery__wrapper {
    position: relative;
}

.single-product .woocommerce-product-gallery__image {
    position: relative;
}