/* Native commerce only. Divi/WooCommerce own the markup, layout and behavior. */
body:is(.woocommerce, .woocommerce-page) {
    --ethera-commerce-bg: #0b0e1e;
    --ethera-commerce-panel: #12172b;
    --ethera-commerce-line: #2a3043;
    --ethera-commerce-text: #f5f4ef;
    --ethera-commerce-muted: #aeb7cc;
    --ethera-commerce-gold: #bd934b;
    --ethera-commerce-gold-light: #d3b16d;
    --wp--preset--color--base: var(--ethera-commerce-bg);
    --wp--preset--color--background: var(--ethera-commerce-bg);
    --wp--preset--color--contrast: var(--ethera-commerce-text);
    --wc-form-color-text: var(--ethera-commerce-text);
    --wc-separator-color: var(--ethera-commerce-line);
    --button--color-background: var(--ethera-commerce-gold);
    --button--color-text: #171719;
    background: var(--ethera-commerce-bg);
    color: var(--ethera-commerce-text);
    color-scheme: dark;
}
body:is(.woocommerce, .woocommerce-page) :is(#main-content, #main-header, #top-header, #main-footer, #footer-bottom) {
    background-color: var(--ethera-commerce-bg);
    color: var(--ethera-commerce-muted);
}
body:is(.woocommerce, .woocommerce-page) #main-header {
    border-bottom: 1px solid var(--ethera-commerce-line);
    box-shadow: none;
}
body:is(.woocommerce, .woocommerce-page) #main-footer { border-top: 1px solid var(--ethera-commerce-line); }
body:is(.woocommerce, .woocommerce-page) :is(#top-menu a, #et-top-navigation .et-cart-info, #et-secondary-menu a, #footer-info, .footer-widget) {
    color: var(--ethera-commerce-muted);
}
body:is(.woocommerce, .woocommerce-page) :is(#top-menu a:hover, #top-menu li.current-menu-item > a, #main-content a:not(.button):not(.wc-block-components-button), #main-footer a, .mobile_menu_bar::before) {
    color: var(--ethera-commerce-gold-light);
}
body:is(.woocommerce, .woocommerce-page) :is(.nav li ul, .et_mobile_menu) {
    background: var(--ethera-commerce-panel);
    border-color: var(--ethera-commerce-gold);
}
body:is(.woocommerce, .woocommerce-page) #main-content .container::before { background: var(--ethera-commerce-line); }
body:is(.woocommerce, .woocommerce-page) #main-content .container { padding-top: 40px; padding-bottom: 48px; }
body:is(.woocommerce, .woocommerce-page) :is(h1, h2, h3, h4, h5, h6, .woocommerce-result-count, .woocommerce-breadcrumb, .woocommerce-breadcrumb a) {
    color: var(--ethera-commerce-text);
}
body:is(.woocommerce, .woocommerce-page) :is(div.product p.price, div.product span.price, ul.products li.product .price) {
    color: var(--ethera-commerce-gold-light);
}
body:is(.woocommerce, .woocommerce-page) :is(div.product .summary, ul.products li.product, table.shop_table, .woocommerce form.login, .woocommerce form.register, .woocommerce form.checkout_coupon) {
    box-sizing: border-box;
    background: var(--ethera-commerce-panel);
    border: 1px solid var(--ethera-commerce-line);
    border-radius: 10px;
}
body:is(.woocommerce, .woocommerce-page) :is(div.product .summary, ul.products li.product) { padding: 22px; }
body:is(.woocommerce, .woocommerce-page) :is(table.shop_table td, table.shop_table th, div.product .woocommerce-tabs ul.tabs::before, div.product .woocommerce-tabs ul.tabs li) {
    border-color: var(--ethera-commerce-line);
}
body:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li {
    background: var(--ethera-commerce-bg);
    color: var(--ethera-commerce-muted);
}
body:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--ethera-commerce-panel);
    color: var(--ethera-commerce-text);
}
body:is(.woocommerce, .woocommerce-page) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
    background: var(--ethera-commerce-panel);
    color: var(--ethera-commerce-text);
}
body:is(.woocommerce, .woocommerce-page) :is(form.cart .qty, form.cart select, .woocommerce-ordering select, .woocommerce .form-row input.input-text, .woocommerce .form-row textarea, .woocommerce .form-row select, .woocommerce .woocommerce-form input.input-text) {
    background: var(--ethera-commerce-bg);
    color: var(--ethera-commerce-text);
    border: 1px solid #45516a;
    border-radius: 6px;
    min-height: 42px;
}
body:is(.woocommerce, .woocommerce-page) :is(.single_add_to_cart_button, ul.products a.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link)) {
    background: var(--ethera-commerce-gold);
    color: #171719;
    border-color: var(--ethera-commerce-gold);
    border-radius: 6px;
}
body:is(.woocommerce, .woocommerce-page) :is(.woocommerce a.button:hover, .woocommerce button.button:hover, .single_add_to_cart_button:hover, .wc-block-components-button:not(.is-link):hover) {
    background: var(--ethera-commerce-gold-light);
    color: #171719;
}
body:is(.woocommerce, .woocommerce-page) :is(.woocommerce-MyAccount-navigation li a, .wc-block-components-checkout-return-to-cart-button, .wc-block-cart-item__remove-link) {
    color: var(--ethera-commerce-gold-light);
}
/* Public Blocks/address fields and totals only; payment-provider frames retain their own styles. */
body:is(.woocommerce, .woocommerce-page) :is(.wc-block-cart, .wc-block-checkout, .wc-block-components-order-summary) {
    color: var(--ethera-commerce-text);
}
body:is(.woocommerce, .woocommerce-page) .wc-block-components-form .wc-block-components-text-input input,
body:is(.woocommerce, .woocommerce-page) .wc-block-components-combobox-control input.components-combobox-control__input,
body:is(.woocommerce, .woocommerce-page) .wc-blocks-components-select .wc-blocks-components-select__select {
    background: var(--ethera-commerce-bg);
    color: var(--ethera-commerce-text);
    border-color: #45516a;
}
body:is(.woocommerce, .woocommerce-page) :is(.wc-block-components-text-input label, .wc-blocks-components-select__label, .wc-block-components-product-metadata) {
    color: var(--ethera-commerce-muted);
}
body:is(.woocommerce, .woocommerce-page) :is(.wc-block-components-totals-wrapper, .wc-block-components-order-summary, .wc-block-components-checkout-step) {
    border-color: var(--ethera-commerce-line);
}
body:is(.woocommerce, .woocommerce-page) :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--ethera-commerce-gold-light);
    outline-offset: 3px;
}
@media (max-width: 767px) {
    body:is(.woocommerce, .woocommerce-page) #main-content .container { padding-top: 28px; padding-bottom: 32px; }
    body:is(.woocommerce, .woocommerce-page) :is(div.product .summary, ul.products li.product) { padding: 18px; }
}