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

body.woocommerce-account {
    --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-form-color-background: var(--form-background);
    --wc-form-color-text: var(--form-text-color);
    --wc-form-border-color: var(--form-border-color);
    --wc-form-border-radius: var(--form-radius);
    --wc-form-border-width: var(--form-border-width);
}

body.woocommerce-account :where(
    .woocommerce,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content,
    .woocommerce-form-login,
    .woocommerce-form-register,
    .my_account_orders,
    .woocommerce-order-details,
    .woocommerce-order-downloads,
    .woocommerce-customer-details
) {
    min-inline-size: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
}

body.woocommerce-account :where(
    .my_account_orders,
    .woocommerce-order-details,
    .woocommerce-order-downloads
) {
    max-inline-size: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

body.woocommerce-account :where(
    .woocommerce-MyAccount-navigation a,
    .woocommerce-MyAccount-content a,
    .woocommerce-MyAccount-content button,
    .woocommerce-MyAccount-content input,
    .woocommerce-MyAccount-content select,
    .woocommerce-MyAccount-content textarea,
    .woocommerce-form-login input,
    .woocommerce-form-login button,
    .woocommerce-form-register input,
    .woocommerce-form-register button
):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);
}