.arona-woocommerce-page .woocommerce,
.woocommerce.arona-course-checkout,
.single-product .arona-page {
    box-sizing: border-box;
}

.arona-woocommerce-page .woocommerce form .form-row,
.woocommerce-checkout .woocommerce form .form-row {
    margin-bottom: 16px;
}

.arona-woocommerce-page .woocommerce input.input-text,
.arona-woocommerce-page .woocommerce select,
.arona-woocommerce-page .woocommerce textarea,
.woocommerce-checkout .woocommerce input.input-text,
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .woocommerce textarea {
    width: 100%;
    box-sizing: border-box;
}

.arona-woocommerce-page .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
    border-collapse: separate;
    border-spacing: 0;
}

.arona-woocommerce-page .woocommerce .button,
.woocommerce-checkout .woocommerce .button,
.woocommerce-order-pay .woocommerce .button {
    min-height: 42px;
}

/* Isolamento do layout ARONA contra estilos do tema WooCommerce. */
body.single-product.arona-page .ac-hero,
body.single-product.arona-page .ac-selector,
body.single-product.arona-page .ac-selector-head,
body.single-product.arona-page .ac-selector-head--split,
body.single-product.arona-page .ac-selector-head--center {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    clear: both;
    float: none;
    box-sizing: border-box;
}

body.single-product.arona-page .ac-hero *,
body.single-product.arona-page .ac-hero *::before,
body.single-product.arona-page .ac-hero *::after,
body.single-product.arona-page .ac-selector *,
body.single-product.arona-page .ac-selector *::before,
body.single-product.arona-page .ac-selector *::after {
    box-sizing: border-box;
}

body.single-product.arona-page .ac-hero .arona-container {
    width: min(calc(100% - 40px), 1320px);
    max-width: 1320px;
    margin-inline: auto;
    float: none;
}

body.single-product.arona-page .ac-selector button {
    float: none;
    min-height: 0;
    line-height: normal;
    text-transform: none;
}

body.single-product.arona-page .ac-selector img {
    max-width: 100%;
    height: auto;
}

/* O hero e o painel ARONA são renderizados fora deste contêiner. */
body.single-product.arona-page div.product.type-product {
    display: none !important;
}

@media (max-width: 600px) {
    body.single-product.arona-page .ac-hero .arona-container {
        width: min(calc(100% - 30px), 1320px);
    }
}
