/**
 * GEC Frontend Framework
 * WooCommerce Shop Compatibility
 *
 * @package GEC_Academy_Child
 * @since   5.4.0
 * @status  Production
 */

:where(body.woocommerce, body.woocommerce-page) {
    --wc-primary: var(--color-primary-600);
    --wc-primary-text: var(--color-text-inverse);
    --wc-secondary: var(--color-surface-secondary);
    --wc-secondary-text: var(--color-text-primary);
    --wc-content-bg: var(--color-surface);
    --wc-subtext: var(--color-text-secondary);
    --wc-card-border-radius: var(--radius-card);
}

:where(body.woocommerce, body.woocommerce-page) :where(
    .woocommerce,
    ul.products,
    ul.products li.product,
    .woocommerce-ordering,
    .woocommerce-pagination
) {
    min-inline-size: 0;
}

:where(body.woocommerce, body.woocommerce-page)
    ul.products li.product :where(img, video) {
    block-size: auto;
    max-inline-size: 100%;
}

:where(body.woocommerce, body.woocommerce-page)
    :where(.woocommerce-ordering select, .woocommerce-pagination a, .woocommerce-pagination span):focus-visible {
    outline: var(--border-width) var(--border-style) var(--form-focus-border);
    outline-offset: var(--focus-ring-offset);
    box-shadow: var(--form-focus-shadow);
}