/**
 * ELREDA WooCommerce Styles
 * --------------------------------------------------------------------------
 * Only safe, brand-level WooCommerce rules live here.
 * Product-card layout, filters, comparison and wishlist styling will be added
 * after their final markup/plugins are selected.
 */

/* Regular product price: ELREDA navy. */
.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--elreda-navy);
}

/* Sale price: strong brand red. */
.woocommerce .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    color: var(--elreda-red);
    text-decoration: none;
}

/* Old price: muted and clearly struck through. */
.woocommerce .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    color: var(--elreda-price-old);
    opacity: 1;
}

/* Keep WooCommerce form controls visually consistent without fighting Astra. */
.woocommerce :where(input.input-text, textarea, select) {
    border-color: var(--elreda-border);
    border-radius: var(--elreda-radius-md);
}

/* Generic WooCommerce notice surfaces. */
.woocommerce :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
    border-radius: var(--elreda-radius-lg);
}

/* Sale badge baseline. Campaign-specific badges can override this later. */
.woocommerce span.onsale {
    background: var(--elreda-red);
    color: #fff;
    border-radius: var(--elreda-radius-pill);
}