/* Wrapper של התמונה */
.woocommerce-product-gallery__image {
    position: relative !important;
}

/* Badge רספונסיבי (רק לתגית ההנחה שלנו) */
.woocommerce-product-gallery__image .onsale.percent-badge,
.product-labels .percent-badge {
    position: absolute !important;
    top: 2% !important;
    right: 4% !important;
    z-index: 20 !important;
    padding: clamp(4px, 1vw, 12px) !important;
    font-size: clamp(12px, 2vw, 16px) !important;
    border-radius: 0.5em !important;
    text-transform: uppercase !important;
}

@media (max-width: 768px) {
    .woocommerce-product-gallery__image .onsale.percent-badge {
        top: 1% !important;
        right: 1% !important;
        font-size: 14px !important;
    }
}

.percent-badge {
    background: linear-gradient(135deg, #261d58, #3a2f7a);
    color: #ffffff;
    font-weight: 500;
    padding: 5px 8px;
    font-size: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 4px;
    animation: pulse 1.5s infinite;
}

@media (max-width: 768px) {
    .percent-badge {
        font-size: 12px;
        padding: 3px 6px;
    }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* Always show discount badge (not hover-only) */
.wd-product .percent-badge,
.woocommerce ul.products li.product .onsale.percent-badge,
.woocommerce-page ul.products li.product .onsale.percent-badge {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Hide theme default sale badge if our custom percent badge is present */
.product:has(.percent-badge) .onsale:not(.percent-badge),
.type-product:has(.percent-badge) .onsale:not(.percent-badge),
.wd-product:has(.percent-badge) .onsale:not(.percent-badge) {
    display: none !important;
}

/* Ensure the badge sits where "Sale" usually is (top-right) */
.woocommerce ul.products li.product .onsale.percent-badge,
.woocommerce-page ul.products li.product .onsale.percent-badge {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
}

/* Woodmart / wd-product: some themes center .onsale via left:50% + transform */
.wd-product .onsale.percent-badge {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
}

/* Uniform product card images: same box size, stretch to fill (no crop, no gaps) */
.woocommerce ul.products li.product .product-image-link,
.woocommerce-page ul.products li.product .product-image-link,
.wd-product .product-element-top,
.wd-product .product-image-link {
    display: block !important;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    position: relative;
}

.woocommerce ul.products li.product .product-image-link img,
.woocommerce-page ul.products li.product .product-image-link img,
.wd-product .product-element-top img,
.wd-product .product-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill;
    object-position: center;
}