/*
 * icon_badges.css
 * משלים את style.css — לא כותב מחדש את העיצוב הבסיסי של הבאדג'ים.
 * style.css מטפל ב: background #FFF, border, padding, border-radius, font.
 */

/* Container — flex column מעל המיקום הקיים */
ul.product_badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
}

/* אייקון-תמונה: ללא רקע / מסגרת / ריווח */
ul.product_badges li.icon-badge:not(.text-badge) {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

ul.product_badges li.icon-badge:not(.text-badge) img {
    display: block;
    width: auto;
    object-fit: contain;
}

/* באדג' מתנה */
ul.product_badges li.badge_gift_purchase {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

ul.product_badges li .badge_gift_icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    opacity: .95;
}

/* באדג' קופון */
ul.product_badges li.badge_coupon_discount {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}

/* מובייל — גדלים דינמיים מוגדרים ב-inline CSS via PHP */