/* Afiliado Pro Site — WooCommerce polish (v1.0.7)
 * Correção de largura segura: amplia somente o bloco WooCommerce no desktop.
 * Não usa translate, não reposiciona o container e não altera wrappers do tema.
 */
:root{
  --afps-commerce-navy:#082d5c;
  --afps-commerce-blue:#1769e0;
  --afps-commerce-yellow:#ffd322;
  --afps-commerce-border:#e2e8f0;
  --afps-commerce-text:#172033;
  --afps-commerce-muted:#64748b;
}
body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account{color:var(--afps-commerce-text)}
body.woocommerce-cart *,body.woocommerce-checkout *,body.woocommerce-account *{box-sizing:border-box}
body.woocommerce-cart h1,body.woocommerce-checkout h1,body.woocommerce-account h1,
body.woocommerce-cart h2,body.woocommerce-checkout h2,body.woocommerce-account h2{color:var(--afps-commerce-navy);letter-spacing:-.02em}

/* Desktop: amplia apenas o bloco de Carrinho/Checkout para a direita, mantendo
 * o alinhamento natural do tema. Sem position/transform e sem tocar no wrapper global. */
@media (min-width: 901px){
  body.woocommerce-checkout .wp-block-woocommerce-checkout,
  body.woocommerce-checkout .wc-block-checkout,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart{
    width:min(1180px, calc(100vw - 48px))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Apenas garante que o conteúdo interno possa encolher sem estourar.
   * As proporções de colunas continuam nativas do WooCommerce. */
  body.woocommerce-checkout .wc-block-checkout__main,
  body.woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar{min-width:0!important}
}

body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-cart .wc-block-cart__main{min-width:0}

body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-cart .wc-block-cart__sidebar{
  min-width:0;
  background:#fff;
  border:1px solid var(--afps-commerce-border);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(8,45,92,.07);
  padding:22px;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image img,
body.woocommerce-cart .wc-block-cart-item__image img{border-radius:10px}
body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-cart .wc-block-components-product-name{font-weight:700;color:var(--afps-commerce-navy);line-height:1.4;overflow-wrap:anywhere}
body.woocommerce-checkout .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-metadata{color:var(--afps-commerce-muted);font-size:13px;line-height:1.45}
body.woocommerce-checkout .wc-block-components-product-metadata__description,
body.woocommerce-cart .wc-block-components-product-metadata__description{display:none}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:20px;font-weight:800;color:var(--afps-commerce-navy)}

body.woocommerce-checkout .wc-block-components-button,
body.woocommerce-cart .wc-block-components-button,
body.woocommerce-account .woocommerce-button,
body.woocommerce-account button.button,
body.woocommerce-account a.button{border-radius:10px!important;font-weight:700!important}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-cart .wc-block-cart__submit-button{min-height:52px;background:var(--afps-commerce-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover{filter:brightness(.94)}

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-account input.input-text,
body.woocommerce-account select{border-radius:10px!important;border-color:#cbd5e1!important;min-height:48px}
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
body.woocommerce-account input.input-text:focus,
body.woocommerce-account select:focus{border-color:var(--afps-commerce-blue)!important;box-shadow:0 0 0 2px rgba(23,105,224,.12)!important}

/* Classic checkout/cart fallback — visual only, no forced columns. */
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-checkout #order_review{
  background:#fff;border:1px solid var(--afps-commerce-border);border-radius:18px;
  box-shadow:0 12px 32px rgba(8,45,92,.07);padding:22px
}

/* Minha Conta: menu horizontal e conteúdo largo, sem tocar no wrapper do tema. */
body.woocommerce-account .woocommerce{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}
body.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none!important;width:100%!important;margin:0 0 22px!important;padding:10px!important;
  background:#fff;border:1px solid var(--afps-commerce-border);border-radius:16px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
body.woocommerce-account .woocommerce-MyAccount-navigation li{float:none!important;width:auto!important;margin:0!important;padding:0!important}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex!important;align-items:center;min-height:42px;padding:10px 14px!important;border-radius:10px;background:#0b0b0b!important;color:#fff!important;text-decoration:none!important;font-weight:700}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus{background:var(--afps-commerce-blue)!important;color:#fff!important}
body.woocommerce-account .woocommerce-MyAccount-content{
  float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px!important;
  background:#fff;border:1px solid var(--afps-commerce-border);border-radius:18px;box-shadow:0 12px 32px rgba(8,45,92,.07)
}
body.woocommerce-account .woocommerce-MyAccount-content form,
body.woocommerce-account form.woocommerce-EditAccountForm,
body.woocommerce-account form.woocommerce-address-fields{width:100%!important;max-width:900px!important;margin:0!important}
body.woocommerce-account .woocommerce-MyAccount-content .form-row-wide{width:100%!important;float:none!important;clear:both}
body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea{width:100%!important;max-width:100%!important}
body.woocommerce-account .woocommerce-MyAccount-content fieldset{margin-top:26px;padding:22px;border:1px solid var(--afps-commerce-border);border-radius:14px}

@media(max-width:900px){
  body.woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-cart .wc-block-cart__sidebar{padding:18px;margin-top:22px}
  body.woocommerce-account .woocommerce-MyAccount-content{padding:22px!important}
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-last{float:none!important;width:100%!important}
}
@media(max-width:520px){
  body.woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-cart .wc-block-cart__sidebar,
  body.woocommerce-account .woocommerce-MyAccount-content{padding:16px!important;border-radius:14px}
  body.woocommerce-account .woocommerce-MyAccount-navigation{padding:8px!important;border-radius:14px}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{gap:6px!important}
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{padding:9px 11px!important;min-height:38px;font-size:14px}
}