Как поменять цвет цены в вариативном товаре?

Селектор .woocommerce-Price-amount слишком общий, поэтому цвет меняется у всех цен на сайте. Для вариативного товара нужно сузить селектор до блока вариации или до конкретного виджета Elementor.

Если нужно поменять цену только у выбранной вариации на странице товара, попробуйте:

.single-product .woocommerce-variation-price .price,
.single-product .woocommerce-variation-price .woocommerce-Price-amount {
    color: #ff6600;
}

Если цена находится в конкретном контейнере Elementor, добавьте ему CSS-класс, например product-price-box, и пишите стили через него:

.product-price-box .woocommerce-variation-price .woocommerce-Price-amount {
    color: #ff6600;
}

Если нужно менять только диапазон цены до выбора вариации, это другой блок:

.single-product .summary > .price .woocommerce-Price-amount {
    color: #ff6600;
}

Правильный путь: откройте страницу товара, выберите вариацию, нажмите Inspect на цену и посмотрите ближайший уникальный родительский класс. Селектор должен начинаться от этого родителя, а не от глобального .woocommerce-Price-amount.

!important лучше не использовать, пока не ясно, кто перебивает стиль. Если Elementor или тема ставит более сильный селектор, сделайте свой селектор точнее. Например:

body.single-product div.product form.variations_form .woocommerce-variation-price .price {
    color: #ff6600;
}

После правки очистите кэш Elementor, кэш сайта и кэш браузера. У WooCommerce и Elementor часто стили минифицируются, и без очистки можно видеть старую версию CSS.