/* Product Badges Module v1.3 */

/* === BASE BADGE STYLE === */
.product-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-badge--text {
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

.product-badge--image .product-badge__img {
    max-width: 55px;
    max-height: 55px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* === BEFORE JS REPOSITIONING: fallback inline display === */
/* Badges show inline where the hook outputs them */
.product-badge:not([data-repositioned="1"]) {
    position: relative;
    margin: 4px 2px;
    z-index: 2;
}

/* === AFTER JS REPOSITIONING: absolute on the image === */
.product-badge[data-repositioned="1"] {
    position: absolute;
    z-index: 3;
    margin: 0;
}

/* -- Four corners -- */
.product-badge[data-repositioned="1"].product-badge--top-left {
    top: 10px;
    left: 10px;
}
.product-badge[data-repositioned="1"].product-badge--top-right {
    top: 10px;
    right: 10px;
}
.product-badge[data-repositioned="1"].product-badge--bottom-left {
    bottom: 15px;
    left: 12px;
}
.product-badge[data-repositioned="1"].product-badge--bottom-right {
    bottom: 15px;
    right: 12px;
}

/* === PRODUCT PAGE: slightly bigger === */
.product-badge--ctx-product-page[data-repositioned="1"] .product-badge--text,
.product-badge--ctx-product-page.product-badge--text[data-repositioned="1"] {
    font-size: 13px;
    padding: 5px 14px;
}
.product-badge--ctx-product-page[data-repositioned="1"].product-badge--top-left {
    top: 14px;
    left: 14px;
}
.product-badge--ctx-product-page[data-repositioned="1"].product-badge--top-right {
    top: 14px;
    right: 14px;
}
.product-badge--ctx-product-page[data-repositioned="1"].product-badge--bottom-left {
    bottom: 20px;
    left: 16px;
}
.product-badge--ctx-product-page[data-repositioned="1"].product-badge--bottom-right {
    bottom: 20px;
    right: 16px;
}
.product-badge--ctx-product-page.product-badge--image .product-badge__img {
    max-width: 75px;
    max-height: 75px;
}

/* === Responsive === */
@media (max-width: 767px) {
    .product-badge--text {
        font-size: 10px;
        padding: 3px 7px;
    }
    .product-badge[data-repositioned="1"].product-badge--top-left { top: 6px; left: 6px; }
    .product-badge[data-repositioned="1"].product-badge--top-right { top: 6px; right: 6px; }
    .product-badge[data-repositioned="1"].product-badge--bottom-left { bottom: 10px; left: 8px; }
    .product-badge[data-repositioned="1"].product-badge--bottom-right { bottom: 10px; right: 8px; }
    .product-badge--image .product-badge__img {
        max-width: 40px;
        max-height: 40px;
    }
}