/*
 * Alfa Printi Suite v4.5.2 — escopo comercial seguro.
 *
 * Esta folha controla somente raízes WooCommerce das páginas marcadas pelo
 * plugin. Não altera header, footer, main, containers do tema, artigos ou
 * páginas estáticas.
 */

html body.apcsu-plugin-owned-surface {
    --apcsu-commerce-max-width: 1320px;
    --apcsu-commerce-order-max-width: 1120px;
    --apcsu-commerce-gutter: 32px;
}

html body.apcsu-plugin-owned-surface .woocommerce,
html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .wp-block-woocommerce-checkout,
html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .wc-block-checkout {
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    left: auto !important;
    right: auto !important;
    width: min(90%, var(--apcsu-commerce-max-width)) !important;
    max-width: var(--apcsu-commerce-max-width) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    transform: none !important;
}

html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .woocommerce,
html body.apcsu-surface-order-received.apcsu-plugin-owned-surface .woocommerce,
html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce {
    margin-top: 28px !important;
    margin-bottom: 56px !important;
}

/* Centraliza o bloco, sem centralizar o texto dos campos. */
html body.apcsu-surface-checkout.apcsu-plugin-owned-surface :is(
    form.checkout,
    .woocommerce-checkout,
    .wp-block-woocommerce-checkout,
    .wc-block-checkout
) {
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: var(--apcsu-commerce-max-width) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: initial !important;
}

html body.apcsu-surface-order-received.apcsu-plugin-owned-surface :is(
    .woocommerce-order,
    .woocommerce-order-received
) {
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: var(--apcsu-commerce-order-max-width) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: initial !important;
}

html body.apcsu-surface-order-received.apcsu-plugin-owned-surface :is(
    .woocommerce-thankyou-order-received,
    .woocommerce-order-overview,
    .woocommerce-order-details,
    .woocommerce-customer-details,
    .apcsu-prod-customer-production-panel
) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce {
    width: min(calc(100% - var(--apcsu-commerce-gutter)), 80vw, 1420px) !important;
    max-width: 1420px !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface :is(
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-content {
    float: none !important;
    max-width: none !important;
}

html body.apcsu-plugin-owned-surface :is(
    .apcsu-prod-checkout-steps,
    .apcsu-ui-cart-steps
) {
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    width: min(calc(100% - 24px), 840px) !important;
    max-width: 840px !important;
    margin: 0 auto 24px !important;
    text-align: initial !important;
}

html body.apcsu-plugin-owned-surface .woocommerce :is(button, .button, input, select, textarea) {
    box-sizing: border-box !important;
}

@media (max-width: 900px) {
    html body.apcsu-plugin-owned-surface {
        --apcsu-commerce-gutter: 20px;
    }

    html body.apcsu-plugin-owned-surface .woocommerce,
    html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .wp-block-woocommerce-checkout,
    html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .wc-block-checkout,
    html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce {
        width: calc(100% - var(--apcsu-commerce-gutter)) !important;
    }
}

@media (max-width: 600px) {
    html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .woocommerce,
    html body.apcsu-surface-order-received.apcsu-plugin-owned-surface .woocommerce,
    html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce {
        margin-top: 14px !important;
        margin-bottom: 36px !important;
    }
}

/* Alfa Printi Suite v4.5.0 — campos de ajuste de arte, escopo exclusivo do plugin. */
html body:is(.apcsu-surface-cart,.apcsu-surface-checkout,.apcsu-surface-account,.apcsu-surface-order-received)
:is(.apcsu-prod-art-adjustment-field,.apcsu-prod-art-adjustment-request) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 12px 13px !important;
    border: 1px solid #dce5f1 !important;
    border-radius: 11px !important;
    background: #f7f9fc !important;
    color: #17233d !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}
html body:is(.apcsu-surface-cart,.apcsu-surface-checkout,.apcsu-surface-account,.apcsu-surface-order-received)
:is(.apcsu-prod-art-adjustment-field,.apcsu-prod-art-adjustment-request) input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 2px 0 0 !important;
    accent-color: #1e40af !important;
}
html body:is(.apcsu-surface-cart,.apcsu-surface-checkout,.apcsu-surface-account,.apcsu-surface-order-received)
.apcsu-prod-art-adjustment-field > span {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}
html body:is(.apcsu-surface-cart,.apcsu-surface-checkout,.apcsu-surface-account,.apcsu-surface-order-received)
.apcsu-prod-art-adjustment-field strong {
    color: #071b45 !important;
    font-size: 13px !important;
}
html body:is(.apcsu-surface-cart,.apcsu-surface-checkout,.apcsu-surface-account,.apcsu-surface-order-received)
.apcsu-prod-art-adjustment-field small {
    color: #60708d !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}