html, body {
  overflow-x: hidden;
}

/* ==========================
   Login Form — Estilo base (compartilhado)
   Usado em: homepage (Elementor) e /minha-conta/ (WooCommerce)
========================== */

/* Wrapper: flexbox para controlar ordem dos filhos */
.elementor-login .elementor-form-fields-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 0 !important;
}

/* Campos de texto: full width */
.elementor-login .elementor-field-type-text {
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* Inputs */
.elementor-login .elementor-field-textual {
  background-color: #EFEFEF !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  height: auto !important;
  font-size: 15px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #222 !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important;
}

.elementor-login .elementor-field-textual:focus {
  outline: none !important;
  background-color: #E3E3E3 !important;
  box-shadow: none !important;
}

/* Labels — ocultar (configurar placeholder no Elementor) */
.elementor-login .elementor-field-label {
  display: none !important;
}

/* Lembrar de mim — metade esquerda, order 3 */
.elementor-login .elementor-remember-me {
  width: 50% !important;
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}

.elementor-login .elementor-remember-me label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  color: #555 !important;
  cursor: pointer;
}

/* Esqueceu a senha — metade direita, order 3 (mesma linha) */
.elementor-login .elementor-field-group:has(.elementor-lost-password) {
  width: 50% !important;
  order: 3 !important;
  text-align: right !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-bottom: 0 !important;
}

.elementor-login .elementor-lost-password {
  font-size: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #1B41D1 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.elementor-login .elementor-lost-password:hover {
  text-decoration: underline !important;
}

/* Botão submit — full width, order 5 */
.elementor-login .elementor-field-type-submit {
  width: 100% !important;
  order: 5 !important;
}

.elementor-login .elementor-button[name="wp-submit"] {
  width: 100% !important;
  background-color: #FF4632 !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 16px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  box-shadow: none !important;
  letter-spacing: 0.3px !important;
}

.elementor-login .elementor-button[name="wp-submit"]:hover {
  background-color: #E03A28 !important;
}

.cotacaowp .arm_form_102 .arm_forgot_password_above_link a {
	margin: 10px 10px 10px 65px !important;
}

.woocommerce-column__title{
    margin-bottom: 20px !important;
	margin-top:10px !important;
}

.woocommerce-order-details__title{
	 margin-bottom: 20px !important;
}

/* ===========================
   1. Ocultar o quadrado nativo
   =========================== */
.formsiteper .elementor-field-option input[type="checkbox"] {
  display: none !important;
}

/* ===========================
   2. Estilizar os botões de checkbox
   =========================== */
.formsiteper .elementor-field-option label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border: 1.5px solid #174AFF;
  border-radius: 5px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #174AFF;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative; /* necessário para tooltip */
}

/* Hover */
.formsiteper .elementor-field-option label:hover {
  background-color: #1B41D1;
  color: #fff !important;
  border-color: #1B41D1;
}

/* Selecionado (checkbox marcado) */
.formsiteper .elementor-field-option input[type="checkbox"]:checked + label {
  background-color: #174AFF;
  color: #fff !important;
  border-color: #174AFF;
}

/* ===========================
   3. Aumentar espaçamento
   =========================== */

.formsiteper .elementor-field-subgroup.elementor-subgroup-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0px !important; /* Aumenta o espaço entre eles */
}

/* ===========================
   4. Tooltip (via data-tooltip)
   =========================== */

/* Wrapper permite tooltip */
.formsiteper .elementor-field-option label[data-tooltip] {
  position: relative;
}

/* Bolha */
.formsiteper .elementor-field-option label[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  background: #1B41D1;
  color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: 12px;
	font-weight: 400;
line-height:1.3em;
  width: max-content;
  max-width: 220px;
  opacity: 0;
  transition: 0.2s ease;
  pointer-events: none;
  white-space: normal;
  z-index: 50;
}

/* Triângulo */
.formsiteper .elementor-field-option label[data-tooltip]::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #1B41D1 transparent transparent transparent;
  opacity: 0;
  transition: 0.2s ease;
  z-index: 51;
}

/* Mostrar tooltip */
.formsiteper .elementor-field-option label[data-tooltip]:hover::after,
.formsiteper .elementor-field-option label[data-tooltip]:hover::before {
  opacity: 1;
}


/* Remove o input nativo */
.cotacaowp .elementor-field-option input[type="radio"] {
  display: none !important;
}

/* Container: alinha os botões em linha */
.cotacaowp .elementor-field-subgroup {
  display: flex;
  justify-content: space-between;
}

/* Estilo base dos botões */
.cotacaowp .elementor-field-option label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  padding: 27px 24px;
  border-radius: 5px;
  font-size: 14px !important;
  font-weight: 500;
  color: #333;
  background: #F7F7F7;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Estado hover */
.cotacaowp .elementor-field-option label:hover {
  background: #1B41D1;
  color: #fff;
}

/* Estado selecionado */
.cotacaowp .elementor-field-option input[type="radio"]:checked + label {
  background-color: #1B41D1;
  color: #fff;
}
/* Estado normal */
.formsiteper .elementor-field-group .elementor-field {
  border: 1px solid #e6e6e6;
  background-color: #fff;
}

/* Quando o campo está ativo (focado) */
.formsiteper .elementor-field-group .elementor-field:focus {
  border: 0px 1px 0px 0px !important;
  border-color: #1B41D1 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #fff !important;
  border-radius: 0px !important;
}

/* Oculta o input padrão */
.formsiteper .elementor-field-option input[type="radio"] {
  display: none !important;
}

/* Botões */
.formsiteper .elementor-field-option label {
  display: inline-block;
  padding: 8px 20px;
  border: 1px solid #174AFF;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Espaçamento */
.formsiteper .elementor-field-subgroup .elementor-field-option {
  margin: 10px 0px 10px 0px;
	}

/* Selecionado */
.formsiteper .elementor-field-option input[type="radio"]:checked + label {
  background-color: #174AFF;
  color: #fff !important;
  border-color: #174AFF;
}

/* Hover */
.formsiteper .elementor-field-option label:hover {
  background-color: #1B41D1;
  color: #fff !important;
}
/* WOOCOMMERCE CSS */
.woocommerce-message{
	display:none;
}

.woocommerce-info{
		border: 0px;
    background: #f7f7f7 !important;
    border-radius: 5px;
    font-family: Plus Jakarta Sans;
		color: #22222;
		padding:20px;
}

.woocommerce-info a{
	color:#1B41D1
}
.woocommerce-privacy-policy-text a{
	color:#1B41D1
}

.woocommerce-info:before{
	display:none;
}

.woocommerce-billing-fields__field-wrapper{
		font-family: Plus Jakarta Sans;
		color: #22222;
	font-size:14px;
}

.shop_table, .woocommerce-checkout-review-order-table {
	background:#f7f7f7;
	border:none !important;
	outline:none !important;
	border-radius:5px !important;
}

.woocommerce .shop_table,
.woocommerce .woocommerce-checkout-review-order-table {
  background: #EFEFEF !important;
  border: none !important;
  outline: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.woocommerce .shop_table td,
.woocommerce .shop_table th {
  	border: none !important;
		font-family: Plus Jakarta Sans;
		color: #22222;
		font-size:14px;
		padding:20px !important;
}

.woocommerce-checkout-payment{
	font-family: Plus Jakarta Sans;
	color: #22222;
	font-size:14px;
	background: #f7f7f7 !important;
	border-radius: 5px !important;
	padding:20px;
	
}
.payment_box, .asaas-cc-form-field{
	background-color:#fff !important;
  color: #1B41D1 !important;
	border-radius: 5px !important;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border: none !important;
  background: #fff !important;
  content: "" !important;
}
/* Caixa de pagamento limpa e branca */
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove triângulo amarelo */
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border: none !important;
  background: transparent !important;
  content: "" !important;
}

/* Textos e labels em azul */
.payment_box label,
.payment_box p,
.payment_box span,
.payment_box legend,
.payment_box .required_field,
.payment_box .asas-cc-form-field label {
  color: #1B41D1 !important;
}

/* Cor do placeholder e do texto digitado */
.payment_box input::placeholder,
.payment_box select,
.payment_box input,
.payment_box textarea {
  color: #1B41D1 !important;
}

/* Ajuste de bordas */
.payment_box input,
.payment_box select,
.payment_box textarea {
  border: 1px solid #1B41D1 !important;
  border-radius: 5px !important;
  background: #fff !important;
	padding:10px !important;
}
button#place_order.button.alt,
.woocommerce #place_order,
.woocommerce-page #place_order {
  background-color: #1B41D1 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 12px 30px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out !important;
}

/* efeito hover */
button#place_order.button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce-page #place_order:hover {
  background-color: #FF4632 !important;
  color: #fff !important;
}

#wpmc-back-to-cart{
	display:none;
}

/* Botão Próximo */
button#wpmc-next.button.alt.wp-element-button.button-active.wpmc-nav-button.current {
  background-color: #1B41D1 !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  border: none !important;
  padding: 10px 25px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease-in-out;
}

/* Botão Anterior */
button#wpmc-prev.button.alt.wp-element-button.button-inactive.wpmc-nav-button.current {
  background-color: #1B41D1 !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  border: none !important;
  padding: 10px 25px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease-in-out;
}

/* Hover comum aos dois */
button#wpmc-next:hover,
button#wpmc-prev:hover {
  background-color: #1533a4 !important;
}

/* ==========================
   Checkout - Campos e Labels
========================== */

/* Labels: título dos campos (ex: Digite a URL, Observações do pedido) */
form.checkout .woocommerce-additional-fields label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1e1e1e !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Foco no campo */
form.checkout .woocommerce-additional-fields .woocommerce-input-wrapper input:focus,
form.checkout .woocommerce-additional-fields .woocommerce-input-wrapper textarea:focus {
  border-color: #1B41D1 !important;
}

/* ==========================
   Checkout - Botões
========================== */

form.checkout button#wpmc-next,
form.checkout button#wpmc-prev {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: #1B41D1 !important;
  color: #fff !important;
  border-radius: 5px !important;
  border: none !important;
  padding: 10px 25px !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease-in-out;
}

form.checkout button#wpmc-next:hover,
form.checkout button#wpmc-prev:hover {
  background-color: #1533a4 !important;
}
/* ==========================
   Checkout - Cupom de Desconto
========================== */

form#woocommerce-checkout-form-coupon {
  background-color: #f7f7f7 !important;
  border-radius: 5px !important;
  padding: 20px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  display: block !important; /* garante exibição */
}

/* Campo de código do cupom */
form#woocommerce-checkout-form-coupon input#coupon_code {
  width: 100% !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 12px 18px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  color: #333 !important;
  background-color: #fff !important;
  outline: none !important;
  transition: border-color 0.2s ease-in-out;
}

/* Foco no campo */
form#woocommerce-checkout-form-coupon input#coupon_code:focus {
  border-color: #1B41D1 !important;
}

/* Botão Aplicar Cupom */
form#woocommerce-checkout-form-coupon button[name="apply_coupon"] {
  background-color: #1B41D1 !important;
  color: #fff !important;
  border-radius: 5px !important;
  border: none !important;
  padding: 10px 25px !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  transition: background-color 0.2s ease-in-out;
	margin-top:5px;
}

form#woocommerce-checkout-form-coupon button[name="apply_coupon"]:hover {
  background-color: #1533a4 !important;
}
/* ==========================
   Checkout - Etapas (Tabs)
========================== */

/* Fonte geral das etapas */
.wpmc-tabs-wrapper .wpmc-tab-item {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Número da etapa (círculo ativo) */
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
  border-color: #1B41D1 !important;
  color: #1B41D1 !important;
}

/* Texto da etapa ativa */
.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-text {
  color: #1B41D1 !important;
  font-weight: 600 !important;
}

/* Texto das etapas inativas */
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text {
  color: #999 !important;
  font-weight: 400 !important;
}

/* Linha padrão (inativa) */
.wpmc-tabs-wrapper ul.wpmc-tabs-list.wpmc-4-tabs > li.wpmc-tab-item::before {
  border-bottom: 2px solid #ccc !important;
}

/* Linha do step ativo */
.wpmc-tabs-wrapper ul.wpmc-tabs-list.wpmc-4-tabs > li.wpmc-tab-item.current::before {
  border-bottom: 2px solid #1B41D1 !important;
}

/* ===== Dropdown Select2 ===== */

/* Container principal */
.select2-container .select2-dropdown {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  overflow: hidden;
  font-family: 'Plus Jakarta Sans', sans-serif;
	margin-top:5px;
}

/* Campo de busca dentro do dropdown */
.select2-container .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
  border-radius:5px;
  padding: 6px 10px;
  font-size: 14px;
  outline: none;
  width: 100%;
}

/* Resultado da lista */
.select2-container .select2-results__option {
  padding: 10px 16px;
  font-size: 15px;
  color: #333;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* Hover e seleção */
.select2-container .select2-results__option--highlighted {
  background-color: #1B41D1 !important;
  color: #fff !important;
}

/* Opção selecionada */
.select2-container .select2-results__option[aria-selected="true"] {
  background-color: #E9EDFF;
  color: #1B41D1;
  font-weight: 600;
}

/* Remove a sombra ou seta padrão */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
/* ==========================
   Padronização Geral
========================== */
body, input, select, textarea, button {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ==========================
   Dropdown (Select2)
========================== */
.select2-container .select2-dropdown {
  background: #f7f7f7 !important;
  border: 1px solid #1B41D1 !important;
  border-radius: 5px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  overflow: hidden;
	margin-top:10px !important;
	width:300px !important;
}
.select2-results__option{
	background:transparent !important;
	margin:5px !important;
}
.select2-container .select2-results__option {
  padding: 10px 18px;
  font-size: 15px;
  color: #333;
  transition: 0.2s;
}
.select2-search__field{
	display:none;
}

.select2-results__option--highlighted{
	border-radius:5px !important;
	margin:5px !important;
}
.select2-container .select2-results__option--highlighted {
  background-color: #1B41D1 !important;
  color: #fff !important;
}

.select2-container .select2-results__option[aria-selected="true"] {
  background-color: #E9EDFF !important;
  color: #1B41D1 !important;
  font-weight: 600;
}
.select2-results__options{
	background-color:#f7f7f7;
}
/* ==========================
   Mensagens de Erro
========================== */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: #F4F7FF !important;
  border: 2px solid #1B41D1 !important;
  border-radius: 5px !important;
  color: #1B41D1 !important;
  padding: 20px 25px !important;
  margin-bottom: 30px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

.woocommerce-error li {
  color: #1B41D1 !important;
  margin-bottom: 6px !important;
  list-style: none !important;
}

/* Ícone de alerta (se houver pseudo-elemento) */
.woocommerce-error::before {
  content: "⚠️";
  font-size: 18px;
  color: #1B41D1;
  margin-right: 8px;
}

.woocommerce button.button {
  background: #1B41D1 !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  transition: 0.2s;
}

.woocommerce button.button:hover {
  background: #1632A8 !important;
}
/* Remove ícone padrão das mensagens WooCommerce */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  display: none !important;
  content: none !important;
}

 .woocommerce-table--custom-fields.custom-fields{
	margin-top:20px !important;
}

/* Cores de status */
.status-ativo,
.status-em-andamento {
    background-color: #4CAF50 !important;
    color: white !important;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
}

.status-pendente,
.status-aguardando {
    background-color: #FF9800 !important;
    color: white !important;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
}

.status-concluido,
.status-finalizado {
    background-color: #2196F3 !important;
    color: white !important;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
}

.status-cancelado,
.status-pausado {
    background-color: #F44336 !important;
    color: white !important;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
}
body.woocommerce-checkout #wpmc-prev {
  position: absolute;
  right: 83%;
}

/* ==========================
   CHECKOUT - APENAS LINHA INFERIOR
   (Adicionado por último para sobrescrever)
========================== */

/* Campos do checkout - remove todas bordas exceto inferior */
form.checkout input[type="text"],
form.checkout input[type="email"],
form.checkout input[type="tel"],
form.checkout input[type="url"],
form.checkout select,
form.checkout textarea,
.woocommerce-billing-fields input[type="text"],
.woocommerce-billing-fields input[type="email"],
.woocommerce-billing-fields input[type="tel"],
.woocommerce-billing-fields select,
.woocommerce-additional-fields input[type="text"],
.woocommerce-additional-fields input[type="url"],
.woocommerce-additional-fields textarea,
.input-text:not([type="checkbox"]):not([type="radio"]),
.select2-selection,
.select2-selection__rendered {
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    border-radius: 0 !important;
    background: #f7f7f7 !important;
    padding: 10px 0 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    color: #333 !important;
    transition: border-color 0.2s ease-in-out;
}

/* Estado focus - linha inferior muda de cor */
form.checkout input[type="text"]:focus,
form.checkout input[type="email"]:focus,
form.checkout input[type="tel"]:focus,
form.checkout input[type="url"]:focus,
form.checkout select:focus,
form.checkout textarea:focus,
.woocommerce-billing-fields input[type="text"]:focus,
.woocommerce-billing-fields input[type="email"]:focus,
.woocommerce-billing-fields input[type="tel"]:focus,
.woocommerce-billing-fields select:focus,
.woocommerce-additional-fields input[type="text"]:focus,
.woocommerce-additional-fields input[type="url"]:focus,
.woocommerce-additional-fields textarea:focus,
.input-text:focus,
.select2-selection:focus {
    border-bottom: 1px solid #1B41D1 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ==========================
   Login Form — /minha-conta/ (WooCommerce)
========================== */

/* Título "Entrar" */
.woocommerce-form-login + h2,
.woocommerce > h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Espaçamento entre rows */
.woocommerce-form-login .woocommerce-form-row {
  margin-bottom: 12px !important;
}

/* Ocultar labels dos campos (não o do checkbox) */
.woocommerce-form-login .woocommerce-form-row > label {
  display: none !important;
}

/* span.password-input: garante que o input preencha o espaço */
.woocommerce-form-login .password-input {
  display: block !important;
  position: relative !important;
}

/* Inputs — especificidade (0,3,0) para sobrepor .input-text:not()... */
.woocommerce-form-login .woocommerce-form-row .woocommerce-Input--text {
  background-color: #EFEFEF !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  height: auto !important;
  font-size: 15px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #222 !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important;
}

.woocommerce-form-login .woocommerce-form-row .woocommerce-Input--text:focus {
  outline: none !important;
  background-color: #E3E3E3 !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: none !important;
}

/* p.form-row: remember-me em cima, botão abaixo (coluna) */
.woocommerce-form-login p.form-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
}

/* Label "Lembre-me" */
.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #555 !important;
  cursor: pointer;
}

/* Botão submit — especificidade (0,3,0) para sobrepor .woocommerce button.button (0,2,1) */
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  width: 100% !important;
  background-color: #FF4632 !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 16px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  box-shadow: none !important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
  background-color: #E03A28 !important;
}

/* Perdeu a senha — direita, abaixo */
.woocommerce-form-login .lost_password {
  text-align: right !important;
  margin-top: 4px !important;
}

.woocommerce-form-login .lost_password a {
  font-size: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #1B41D1 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.woocommerce-form-login .lost_password a:hover {
  text-decoration: underline !important;
}

/* ==========================
   Label padrão — [bdmn-cc-label]
========================== */

.bdmn-cc-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #878787;
  margin-bottom: 4px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ==========================
   Endereço — [bdmn_wc_endereco]
========================== */

.bdmn-mc-endereco {
  max-width: 980px;
  margin: 0 auto;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.bdmn-mc-endereco .bdmn-cc-field input,
.bdmn-mc-endereco .bdmn-cc-field select {
  width: 100%;
  height: 48px;
  border: 1px solid #EBEBEB;
  border-radius: 7px;
  padding: 0 16px;
  font-size: 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #212121;
  background: #fff;
  box-sizing: border-box;
  box-shadow: none;
  transition: border-color 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.bdmn-mc-endereco .bdmn-cc-field input:focus,
.bdmn-mc-endereco .bdmn-cc-field select:focus {
  outline: none;
  border-color: #1B41D1;
  box-shadow: none;
}

.bdmn-mc-endereco .bdmn-cc-field input::placeholder {
  color: #878787;
  font-weight: 500;
}

/* Select — seta customizada */
.bdmn-mc-endereco .bdmn-cc-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23878787' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}

/* Grid 2 colunas */
.bdmn-end-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* CEP — largura reduzida */
.bdmn-end-cep input {
  max-width: 180px;
}

@media (max-width: 768px) {
  .bdmn-end-row {
    grid-template-columns: 1fr;
  }

  .bdmn-end-cep input {
    max-width: 100%;
  }

  .bdmn-mc-endereco .bdmn-cc-field input,
  .bdmn-mc-endereco .bdmn-cc-field select {
    font-size: 16px; /* evita zoom no iOS */
  }
}

/* ==========================
   Editar Conta — notice
========================== */

.bdmn-ec-notice {
  background: #EEF1FF;
  border: 1px solid #1B41D1;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #1B41D1;
  font-size: 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ==========================
   Criar Conta — [bdmn_criar_conta]
========================== */

.bdmn-criar-conta {
  max-width: 980px;
  margin: 0 auto;
}

.bdmn-cc-errors {
  background: #FFF3F3;
  border: 1px solid #FF4631;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #CC2A1A;
  font-size: 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.bdmn-cc-success {
  background: #F0FFF4;
  border: 1px solid #22C55E;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #166534;
  font-size: 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.bdmn-cc-errors p {
  margin: 0 0 4px;
}

.bdmn-cc-field {
  margin-bottom: 12px;
}

.bdmn-cc-field input {
  width: 100%;
  height: 48px;
  border: 1px solid #EBEBEB !important;
  border-radius: 7px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #212121 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease !important;
}

.bdmn-cc-field input:focus {
  outline: none !important;
  border-color: #1B41D1 !important;
  box-shadow: none !important;
}

.bdmn-cc-field input::placeholder {
  color: #878787;
  font-weight: 500;
}

.bdmn-cc-section-card {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 12px;
  background: #fff;
}

.bdmn-cc-section-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #212121 !important;
  margin: 0 0 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.bdmn-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.bdmn-cc-turnstile {
  margin-top: 20px;
}

.bdmn-cc-submit-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.bdmn-cc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}

.bdmn-cc-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 5px 10px;
  border: 1px solid #1B41D1;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 400;
  color: #1B41D1;
  background: #fff;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1;
  user-select: none;
  white-space: nowrap;
}

.bdmn-cc-chip:hover {
  background: #EEF1FF;
}

.bdmn-cc-chip.bdmn-chip-selected {
  background: #1B41D1;
  color: #fff;
}

.bdmn-cc-btn {
  background: #FF4631 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 55px !important;
  padding: 13px 25px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  cursor: pointer;
  transition: background 0.2s ease !important;
  box-shadow: none !important;
  white-space: nowrap;
}

.bdmn-cc-btn:hover {
  background: #E03A28 !important;
}

/* Erro e sucesso nos campos */
.bdmn-cc-field.bdmn-field-error input,
.bdmn-cc-section-card.bdmn-field-error {
  border-color: #FF4631 !important;
}

.bdmn-cc-field.bdmn-field-success input {
  border-color: #22C55E !important;
}

.bdmn-error-msg {
  display: block;
  font-size: 11px;
  color: #FF4631;
  margin-top: 4px;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ==========================
   Criar Conta — Password
========================== */

.bdmn-pw-wrap {
  position: relative;
}

.bdmn-pw-wrap input {
  padding-right: 44px !important;
}

.bdmn-pw-toggle,
.bdmn-pw-toggle:hover,
.bdmn-pw-toggle:focus {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
  color: #1B41D1 !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  opacity: 0.5;
  transition: opacity 0.2s ease !important;
}

.bdmn-pw-toggle:hover {
  opacity: 1 !important;
}

.bdmn-pw-strength {
  margin-top: 6px;
}

.bdmn-pw-strength-track {
  height: 4px;
  background: #EBEBEB;
  border-radius: 4px;
  overflow: hidden;
}

.bdmn-pw-strength-bar {
  height: 100%;
  width: 0;
  border-radius: 4px;
  transition: width 0.3s ease, background 0.3s ease;
}

.bdmn-pw-strength-label {
  font-size: 11px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  margin-top: 3px;
  display: block;
}

/* ==========================
   Criar Conta — Responsividade
========================== */

@media (max-width: 768px) {
  .bdmn-criar-conta {
    padding: 0 4px;
  }

  .bdmn-cc-chips {
    gap: 6px;
  }

  .bdmn-cc-chip {
    font-size: 10px;
    padding: 6px 10px;
    max-width: 100%;
    white-space: normal;
    height: auto;
    line-height: 1.3;
  }

  .bdmn-cc-btn {
    font-size: 15px !important;
    padding: 14px 20px !important;
  }
}

@media (max-width: 480px) {
  .bdmn-cc-field input {
    font-size: 16px !important; /* evita zoom no iOS */
  }

  .bdmn-cc-chip {
    flex: 1 1 calc(50% - 6px);
    max-width: none;
    justify-content: center;
    text-align: center;
  }
}