.elementor-kit-54953 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}/* Start custom CSS */:root {
  --hc-primary: #e11d2e; /* mude se sua cor primária for outra */
  --hc-border: #e6e6e6;
  --hc-radius: 8px;
  --hc-input-h: 46px;
  --hc-muted: #6b6b6b;
  --hc-text: #222;
}

/* ---------- 1) Base dos inputs/labels (clássico) ---------- */
body.woocommerce-checkout form.checkout .form-row input.input-text,
body.woocommerce-checkout form.checkout .form-row select,
body.woocommerce-checkout form.checkout .form-row textarea {
  width: 100%;
  height: var(--hc-input-h);
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
  color: #000;
}

.woocommerce-input-wrapper{

  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
  color: #000;

}

.checkout .form-row .selection .select2-selection--single span {
	width: 100%;
  height: var(--hc-input-h);
  padding: 2px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  transition: all .15s ease;
  box-shadow: none;
}

body.woocommerce-checkout form.checkout .form-row textarea {
  min-height: 110px;
  height: auto;
  resize: vertical;
}

body.woocommerce-checkout form.checkout .form-row label {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--hc-muted);
}

body.woocommerce-checkout ::placeholder { color: #9a9a9a; opacity: 1; }

body.woocommerce-checkout form.checkout .form-row input:focus,
body.woocommerce-checkout form.checkout .form-row select:focus,
body.woocommerce-checkout form.checkout .form-row textarea:focus {
  border-color: var(--hc-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-primary) 20%, transparent);
  outline: none;
}

/* Erro/validação */
body.woocommerce-checkout .woocommerce-invalid input,
body.woocommerce-checkout .woocommerce-invalid select {
  border-color: #e53935 !important;
  box-shadow: 0 0 0 3px rgba(229,57,53,.10);
}

/* Grid em duas colunas onde couber */
body.woocommerce-checkout form.checkout .form-row-first,
body.woocommerce-checkout form.checkout .form-row-last { width: 49%; }
body.woocommerce-checkout form.checkout .form-row-first { margin-right: 2%; }
body.woocommerce-checkout form.checkout .form-row { margin-bottom: 16px; }

@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout .form-row-first,
  body.woocommerce-checkout form.checkout .form-row-last { width: 100%; margin-right: 0; }
}

/* Campos do plugin BR (CPF/CNPJ/Bairro/Número) */
#billing_cpf, #billing_cnpj, #billing_neighborhood, #billing_number { height: var(--hc-input-h); }

/* Reorganização opcional (Número ao lado do Endereço; Bairro ao lado de Cidade) */
.woocommerce-billing-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
#billing_address_1_field { order: 1; }
#billing_number_field   { order: 2; }
#billing_city_field     { order: 3; }
#billing_neighborhood_field { order: 4; }

@media (max-width: 768px) {
  .woocommerce-billing-fields__field-wrapper { display: block; }
}

/* Select2 (estados/cidades, etc.) */
.select2-container .select2-selection--single {
  height: var(--hc-input-h);
  border: 1px solid var(--hc-border);
  border-radius: 6px;
}
.select2-container .select2-selection__rendered { line-height: calc(var(--hc-input-h) - 2px); padding-left: 12px; }
.select2-container .select2-selection__arrow { height: var(--hc-input-h); }
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--hc-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-primary) 20%, transparent);
}

/* ---------- 2) Estilos equivalentes para Woo Blocks ---------- */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select .components-input-control__input,
.wc-blocks-components-select .components-input-control__input {
  height: var(--hc-input-h);
  border: 1px solid var(--hc-border);
  border-radius: 6px;
  background: #fff;
  color: var(--hc-text);
  box-shadow: none;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-select .components-input-control__input:focus {
  border-color: var(--hc-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hc-primary) 20%, transparent);
  outline: none;
}

.wc-block-components-text-input label,
.wc-block-components-select label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--hc-muted);
}

/* Grid/respiro nas seções de endereço/billing dos Blocks */
.wp-block-woocommerce-checkout .wc-block-checkout__form .wc-block-components-address-form {
  --wc-blocks-input-gap: 16px;
}
.wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-address-form__row {
  margin-bottom: 16px;
}

/* ---------- 3) Caixa de pagamento / métodos ---------- */
#payment, .woocommerce-checkout-payment,
.wc-block-checkout__payment-methods {
  border: 1px solid #ececec;
  border-radius: var(--hc-radius);
  background: #fff;
  padding: 14px;
}

#payment .wc_payment_methods .wc_payment_method { padding: 10px 0; border-bottom: 1px solid #f1f1f1; }
#payment .wc_payment_methods .wc_payment_method:last-child { border-bottom: 0; }

#payment .payment_box {
  background: #fff7f7;
  border: 1px dashed #f3c0c0;
  border-radius: 6px;
  padding: 12px;
  margin-top: 10px;
  color: #555;
  font-size: 13px;
}

/* PagBank radios/inputs — mantém coesão visual */
.pagseguro-connect-checkout input[type="text"],
.pagseguro-connect-checkout input[type="tel"] {
  height: var(--hc-input-h);
  border: 1px solid var(--hc-border);
  border-radius: 6px;
  padding: 10px 12px;
}

/* ---------- 4) Botão Finalizar ---------- */
#place_order, .woocommerce button.button.alt,
.wp-block-woocommerce-checkout .wc-block-components-button {
  background: var(--hc-primary);
  color: #fff;
  border: 0;
  border-radius: var(--hc-radius);
  padding: 12px 18px;
  font-weight: 700;
  transition: transform .05s ease, filter .2s ease;
}
#place_order:hover, .woocommerce button.button.alt:hover,
.wp-block-woocommerce-checkout .wc-block-components-button:hover { filter: brightness(.92); }
#place_order:active, .woocommerce button.button.alt:active,
.wp-block-woocommerce-checkout .wc-block-components-button:active { transform: translateY(1px); }

/* ---------- 5) Coluna do resumo (totais) ---------- */
.wc-block-checkout__sidebar,
.woocommerce-checkout-review-order {
  border: 1px solid #f0f0f0;
  border-radius: var(--hc-radius);
  background: #fff;
  padding: 16px;
}/* End custom CSS */