/* Prices */

.prices {

    --prices-font-size: var(--18px, 1.25rem);
    --prices-font-weight: 500;
    --prices-before-font-size: var(--16px, 1rem);
    --prices-before-font-weight: 200;
    --prices-before-color: var(--theme-gray);
    --prices-before-strike: var(--theme-negative-color);

    &.size-sm {
        --prices-font-size: var(--18px, 1.25rem);
        --prices-before-font-size: var(--16px, 1rem);
    }

    &.size-md {
        --prices-font-size: var(--24px);
        --prices-before-font-size: var(--18px);
    }

    &.size-lg {
        --prices-font-size: var(--28px);
        --prices-before-font-size: var(--20px);
    }

    &.size-xl {
        --prices-font-size: var(--32px);
        --prices-before-font-size: var(--22px);
    }



    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 5px 15px;

    .price {
        display: inline-block;
        vertical-align: text-bottom;
        white-space: nowrap;
        line-height: 1em;
    }

    .price-current {
        font-weight: var(--prices-font-weight, 600);
        font-size: var(--prices-font-size, 1.25rem);
    }

    .price-before {
        font-weight: var(--prices-before-font-weight, 200);
        font-size: var(--prices-before-font-size, 1rem);
        color: var(--prices-before-color);
    }

    &:not(.no-strike):not(.default) .price-before {
        position: relative;

        strike, s {
            text-decoration: none !important;
        }

        &::before {
            content: ' ';
            position: absolute;
            background: var(--prices-before-strike, currentColor);
            height: 2px;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) rotate(-20deg);
        }

    }

}






/* Prices Element */

.prices-wrap {

    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;

    .price-label {
        line-height: 1em;
        margin-bottom: 15px;
        font-size: var(--13px);
    }

    .prices {
        margin-bottom: 5px;
    }

}




/* Price Discount */

.price-discount {

    --background-color: var(--theme-positive-color, #29aa5d) !important;;

    color: #fff;
    background-color: var(--background-color);
    display: inline-block;
    position: relative;
    padding: 12px 0 12px 12px;
    font-weight: 600;
    border-radius: 5px 0 0 5px;
    white-space: nowrap;
    min-height: 48px;
    margin-right: 32px;

    &::before,
    &::after {
        content: ' ';
        display: inline-block;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -32px;
    }

    &::before {
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-bottom: 48px solid transparent;
        border-left: 40px solid var(--background-color);
    }

    &::after {
        width: 0;
        height: 0;
        border-bottom: 0 solid transparent;
        border-top: 48px solid transparent;
        border-left: 40px solid var(--background-color);
    }

    span {
        display: inline-block;
        position: relative;
        z-index: 20;
    }
}