/* WooCommerce Product Price Gutenberg Block */

.webasedi-product-price {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    line-height: 1.2;
}

.webasedi-product-price__pre-text,
.webasedi-product-price__prices,
.webasedi-product-price__regular,
.webasedi-product-price__sale {
    display: inline-flex;
    align-items: baseline;
}

.webasedi-product-price__pre-text {
    color: var(--webasedi-product-price-pre-color, inherit);
    font-size: var(--webasedi-product-price-pre-font-size-desktop, inherit);
    font-weight: var(--webasedi-product-price-pre-font-weight, inherit);
}

.webasedi-product-price__prices {
    gap: 8px;
}

.webasedi-product-price--desktop-row .webasedi-product-price__prices {
    flex-direction: row;
}

.webasedi-product-price--desktop-stack .webasedi-product-price__prices {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.webasedi-product-price__regular {
    color: var(--webasedi-product-price-sale-regular-color, var(--webasedi-product-price-regular-color, inherit));
    font-size: var(--webasedi-product-price-sale-regular-font-size-desktop, var(--webasedi-product-price-regular-font-size-desktop, inherit));
    font-weight: var(--webasedi-product-price-sale-regular-font-weight, var(--webasedi-product-price-regular-font-weight, inherit));
}

.webasedi-product-price--no-sale .webasedi-product-price__regular {
    color: var(--webasedi-product-price-normal-regular-color, var(--webasedi-product-price-sale-price-color, var(--webasedi-product-price-sale-color, var(--webasedi-product-price-regular-color, inherit))));
    font-size: var(--webasedi-product-price-normal-regular-font-size-desktop, var(--webasedi-product-price-sale-price-font-size-desktop, var(--webasedi-product-price-sale-font-size-desktop, var(--webasedi-product-price-regular-font-size-desktop, inherit))));
    font-weight: var(--webasedi-product-price-normal-regular-font-weight, var(--webasedi-product-price-sale-price-font-weight, var(--webasedi-product-price-sale-font-weight, var(--webasedi-product-price-regular-font-weight, inherit))));
}

.webasedi-product-price__sale {
    color: var(--webasedi-product-price-sale-price-color, var(--webasedi-product-price-sale-color, inherit));
    font-size: var(--webasedi-product-price-sale-price-font-size-desktop, var(--webasedi-product-price-sale-font-size-desktop, inherit));
    font-weight: var(--webasedi-product-price-sale-price-font-weight, var(--webasedi-product-price-sale-font-weight, inherit));
}

.webasedi-product-price--regular-strike .webasedi-product-price__regular,
.webasedi-product-price--sale-strike .webasedi-product-price__sale,
.webasedi-product-price--pre-strike .webasedi-product-price__pre-text {
    text-decoration: line-through;
}

.webasedi-product-price__operator {
    display: inline-block;
    margin: 0 0.25em;
}

.webasedi-product-price-editor {
    min-height: 32px;
    padding: 6px 0;
}

@media (max-width: 1024px) {
    .webasedi-product-price--tablet-row .webasedi-product-price__prices {
        flex-direction: row;
        align-items: baseline;
        gap: 8px;
    }

    .webasedi-product-price--tablet-stack .webasedi-product-price__prices {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

    .webasedi-product-price__pre-text {
        font-size: var(--webasedi-product-price-pre-font-size-tablet, var(--webasedi-product-price-pre-font-size-desktop, inherit));
    }

    .webasedi-product-price__regular {
        font-size: var(--webasedi-product-price-sale-regular-font-size-tablet, var(--webasedi-product-price-sale-regular-font-size-desktop, var(--webasedi-product-price-regular-font-size-tablet, var(--webasedi-product-price-regular-font-size-desktop, inherit))));
    }

    .webasedi-product-price--no-sale .webasedi-product-price__regular {
        font-size: var(--webasedi-product-price-normal-regular-font-size-tablet, var(--webasedi-product-price-normal-regular-font-size-desktop, var(--webasedi-product-price-sale-price-font-size-tablet, var(--webasedi-product-price-sale-price-font-size-desktop, var(--webasedi-product-price-sale-font-size-tablet, var(--webasedi-product-price-sale-font-size-desktop, inherit))))));
    }

    .webasedi-product-price__sale {
        font-size: var(--webasedi-product-price-sale-price-font-size-tablet, var(--webasedi-product-price-sale-price-font-size-desktop, var(--webasedi-product-price-sale-font-size-tablet, var(--webasedi-product-price-sale-font-size-desktop, inherit))));
    }
}

@media (max-width: 640px) {
    .webasedi-product-price {
        gap: 6px;
    }

    .webasedi-product-price--mobile-row .webasedi-product-price__prices {
        flex-direction: row;
        align-items: baseline;
        gap: 8px;
    }

    .webasedi-product-price--mobile-stack .webasedi-product-price__prices {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

    .webasedi-product-price__pre-text {
        font-size: var(--webasedi-product-price-pre-font-size-mobile, var(--webasedi-product-price-pre-font-size-tablet, var(--webasedi-product-price-pre-font-size-desktop, inherit)));
    }

    .webasedi-product-price__regular {
        font-size: var(--webasedi-product-price-sale-regular-font-size-mobile, var(--webasedi-product-price-sale-regular-font-size-tablet, var(--webasedi-product-price-sale-regular-font-size-desktop, var(--webasedi-product-price-regular-font-size-mobile, var(--webasedi-product-price-regular-font-size-tablet, var(--webasedi-product-price-regular-font-size-desktop, inherit))))));
    }

    .webasedi-product-price--no-sale .webasedi-product-price__regular {
        font-size: var(--webasedi-product-price-normal-regular-font-size-mobile, var(--webasedi-product-price-normal-regular-font-size-tablet, var(--webasedi-product-price-normal-regular-font-size-desktop, var(--webasedi-product-price-sale-price-font-size-mobile, var(--webasedi-product-price-sale-price-font-size-tablet, var(--webasedi-product-price-sale-price-font-size-desktop, var(--webasedi-product-price-sale-font-size-mobile, var(--webasedi-product-price-sale-font-size-tablet, var(--webasedi-product-price-sale-font-size-desktop, inherit)))))))));
    }

    .webasedi-product-price__sale {
        font-size: var(--webasedi-product-price-sale-price-font-size-mobile, var(--webasedi-product-price-sale-price-font-size-tablet, var(--webasedi-product-price-sale-price-font-size-desktop, var(--webasedi-product-price-sale-font-size-mobile, var(--webasedi-product-price-sale-font-size-tablet, var(--webasedi-product-price-sale-font-size-desktop, inherit))))));
    }
}