/* General reset for payment icons to ensure custom images show */
.payment-icons .payment-icon {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 28px;
    vertical-align: middle;
    margin-right: 8px; /* Slightly more breathing room */
}

/* Specific override for Mastercard */
.payment-icons .payment-icon.mastercard {
    background-image: url('https://aromagic.co.il/wp-content/uploads/2026/03/Mastercard-logo.svg') !important;
}

/* Specific override for Bit */
.payment-icons .payment-icon.bit-pay {
    background-image: url('https://aromagic.co.il/wp-content/uploads/2026/03/bit-logo.png') !important;
    width: 32px; /* Bit logo is circular, making it slightly narrower prevents it from looking bloated next to cards */
}