/** Scoped Onest and control adapters for WooCommerce, Dokan and accounts. */
html body.woocommerce,
html body.woocommerce-page,
html body.dokan-dashboard,
html body.dokan-store,
html body.woocommerce-account,
html body.woocommerce-checkout {
    color: var(--n9-color-body);
    font-family: var(--n9-font-family);
    font-synthesis: none;
}

html body.woocommerce .woocommerce,
html body.woocommerce-page .woocommerce,
html body.dokan-dashboard .dokan-dashboard-wrap,
html body.dokan-store #dokan-primary,
html body.dokan-store #dokan-secondary,
html body.woocommerce-account .woocommerce-MyAccount-content,
html body.woocommerce-checkout form.checkout {
    font-family: var(--n9-font-family);
    font-synthesis: none;
}

/* Product grids stay inside the width assigned to #primary.  Older theme
 * rules used negative margins as a desktop compensation; that creates a
 * second outer edge beside the shared shell. */
html body.woocommerce-shop #primary .woocommerce ul.products,
html body.post-type-archive-product #primary .woocommerce ul.products,
html body.tax-product_cat #primary .woocommerce ul.products {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
}

@media (max-width: 767px) {
    html body.woocommerce-shop #content.site-content > .col-full > #primary,
    html body.post-type-archive-product #content.site-content > .col-full > #primary,
    html body.tax-product_cat #content.site-content > .col-full > #primary {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
    }
}

/* Ordinary commerce controls share the button type contract; icon, star and
 * branded controls stay on their own owners below. */
html body.woocommerce .button:not([class*="icon"]),
html body.woocommerce button:not([class*="icon"]),
html body.woocommerce input[type="submit"],
html body.dokan-dashboard .dokan-btn:not([class*="icon"]),
html body.dokan-dashboard button:not([class*="icon"]),
html body.dokan-dashboard input[type="submit"] {
    font-family: var(--n9-font-family) !important;
    font-size: var(--n9-button-size) !important;
    font-weight: var(--n9-button-weight) !important;
    line-height: var(--n9-button-line) !important;
    font-synthesis: none;
}

html body.woocommerce .woocommerce-form-login__submit,
html body.woocommerce .woocommerce-form-register__submit,
html body.woocommerce #place_order,
html body.woocommerce .single_add_to_cart_button,
html body.dokan-dashboard .dokan-btn-success,
html body.dokan-dashboard .dokan-btn-theme {
    min-height: var(--n9-button-min-height) !important;
    border-radius: var(--n9-button-radius) !important;
    background: var(--n9-button-primary-bg) !important;
    background-color: var(--n9-button-primary-bg) !important;
    color: var(--n9-button-primary-text) !important;
    box-shadow: var(--n9-button-shadow-rest) !important;
}

html body.woocommerce.single-product div.product button.single_add_to_cart_button.button.alt {
    font-family: var(--n9-font-family) !important;
    font-size: var(--n9-button-size) !important;
    font-weight: var(--n9-button-weight) !important;
    line-height: var(--n9-button-line) !important;
    font-synthesis: none;
}

@media (hover: hover) and (pointer: fine) {
    html body.woocommerce .woocommerce-form-login__submit:hover,
    html body.woocommerce .woocommerce-form-register__submit:hover,
    html body.woocommerce #place_order:hover,
    html body.woocommerce .single_add_to_cart_button:hover,
    html body.dokan-dashboard .dokan-btn-success:hover,
    html body.dokan-dashboard .dokan-btn-theme:hover {
        background: var(--n9-button-primary-hover) !important;
        background-color: var(--n9-button-primary-hover) !important;
        box-shadow: var(--n9-button-shadow-raised) !important;
    }
}

html body.woocommerce input:not([type="checkbox"]):not([type="radio"]),
html body.woocommerce select,
html body.woocommerce textarea,
html body.woocommerce button:not([class*="icon"]),
html body.woocommerce .button:not([class*="icon"]),
html body.dokan-dashboard input:not([type="checkbox"]):not([type="radio"]),
html body.dokan-dashboard select,
html body.dokan-dashboard textarea,
html body.dokan-dashboard button:not([class*="icon"]),
html body.dokan-dashboard .button:not([class*="icon"]) {
    font-family: var(--n9-font-family);
    font-synthesis: none;
}