/* ============================================================
   Архіви (стандартний loop WooCommerce) + single product
   ============================================================ */
.woocommerce ul.products li.product .price {
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    text-align: center !important;
}

/* ============================================================
   Картки товарів у блоках Gutenberg (wc-block-grid)
   DOM: <div class="wc-block-components-product-price wc-block-grid__product-price">
   Контейнер тут — звичайний block (НЕ flex і БЕЗ класу .price, на відміну
   від архівного .price, якому flex задає тема). Тому display:flex задаємо
   самі, щоб повторити розкладку «ціна + одиниця в один рядок по центру».
   ============================================================ */
.wc-block-grid__product-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Цифри ціни — архіви + single + блоки */
.woocommerce ul.products li.product .price .woocommerce-Price-amount bdi,
.woocommerce.single #content div.product p.price .woocommerce-Price-amount bdi,
.wc-block-grid__product-price .woocommerce-Price-amount bdi {
    color: #ED263B !important;
    font-size: 1.2em !important;
}

/* Символ валюти — архіви + single + блоки */
.woocommerce ul.products li.product .price .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol,
.woocommerce.single #content div.product p.price .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol,
.wc-block-grid__product-price .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol {
    color: #008070 !important;
    font-size: 0.75em !important;
}

/* Одиниця виміру «/ шт.» — єдиний колір скрізь.
   На архіві напис успадковує зелений #008070 від контейнера .price, а в блоці
   Gutenberg контейнер чорний (rgb(0,0,0)), тож успадковувався чорний. Задаємо
   колір явно прямо на нашому span — пряме правило на елементі перебиває
   успадкований колір незалежно від !important батька, тож вигляд однаковий
   на архіві, single і в блоках. */
.wc-price-unit {
    color: #008070 !important;
}

/* ============================================================
   Віджети списку товарів (стандартний контейнер WC: ul.product_list_widget)
   Покриває "Щойно переглянуті", "Топові", "Розпродаж", "Останні товари" — усі
   стандартні віджети товарів WooCommerce використовують цей контейнер.
   Тільки колір — розмір цифр у віджеті лишаємо дефолтний теми (у вузькій
   бічній колонці 1.2em виглядав би непропорційно).
   ============================================================ */
ul.product_list_widget .woocommerce-Price-amount bdi {
    color: #ED263B !important;
}

ul.product_list_widget .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol {
    color: #008070 !important;
}