/**
 * elex-ppct-frontend.css
 * Frontend styles for prefix/suffix layout, badge images, and screen reader fallbacks.
 */

/* BADGE IMAGES */

img.elex-ppct-badge-before,
img.elex-ppct-badge-after {
    max-width      : 50px !important;
    width          : 50px !important;
    height         : auto !important;
    vertical-align : middle;
    display        : inline-block;
    object-fit     : contain;
}

/* PREFIX / SUFFIX WRAPPER LAYOUT */

/* Wraps the badge image + prefix text that appears BEFORE the price */
.elex-ppct-before-wrapper {
    display        : inline-flex;
    align-items    : center;
    vertical-align : middle;
    margin-right   : 5px;
    gap            : 5px;
}

/* Wraps the suffix text + badge image that appears AFTER the price */
.elex-ppct-after-wrapper {
    display        : inline-flex;
    align-items    : center;
    vertical-align : middle;
    margin-left    : 5px;
    gap            : 5px;
}

/* ICON & EMOJI COLOUR RESET */

.elex-ppct-before-text i,
.elex-ppct-after-text i,
.elex-ppct-before-wrapper i,
.elex-ppct-after-wrapper i {
    color : initial !important;
}