.wcae-price-widget{
    width:100%;
}

.wcae-price-wrapper{
    display:flex;
    align-items:flex-end;
    gap:10px;
    flex-wrap:wrap;
    width:100%;
    line-height:1;
}

/* bloco do preço principal */
.wcae-price-current{
    display:inline-flex;
    align-items:flex-end;
    font-weight:700;
    line-height:1;
    order:2;
}

/* preço antigo fica ao lado, mais abaixo visualmente */
.wcae-price-old{
    display:inline-flex;
    align-items:flex-end;
    text-decoration:line-through;
    opacity:0.55;
    line-height:1;
    order:1;
    transform:translateY(2px);
}

/* desconto fica sempre acima */
.wcae-price-discount{
    display:inline-flex;
    align-items:flex-start;
    align-self:flex-start;
    line-height:1;
    font-weight:600;
    order:3;
    transform:translateY(-4px);
}

/* quando houver os 3 itens, força melhor composição */
.wcae-price-wrapper.has-sale{
    align-items:flex-end;
}

/* principal com centavos preparados */
.wcae-price-current .wcae-price-currency{
    line-height:1;
}

.wcae-price-current .wcae-price-integer{
    line-height:1;
}

.wcae-price-current .wcae-price-decimals{
    line-height:1;
    font-size:calc(100% - 4px);
}

/* fallback para casos em que o HTML ainda venha inteiro */
.wcae-price-current,
.wcae-price-old,
.wcae-price-discount{
    white-space:nowrap;
}

/* mobile */
@media (max-width: 767px){
    .wcae-price-wrapper{
        gap:8px;
    }

    .wcae-price-discount{
        transform:translateY(-3px);
    }

    .wcae-price-old{
        transform:translateY(1px);
    }
}