html, body {
  overflow-x: hidden;
}

.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;
}
