.elementor-11 .elementor-element.elementor-element-34c003e2{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-34c003e2 *//* Botões principais */
.woocommerce-account button.button,
.woocommerce-account input.button {
  background: #1B00E6;
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 32px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover {
  background: #1500b3; /* Tom mais escuro no hover */
}

/* Campos de input com borda azul */
.woocommerce-account form input.input-text,
.woocommerce-account form select,
.woocommerce-account form textarea {
  border: 2px solid #1B00E6;
  border-radius: 6px;
  padding: 10px 12px;
  background-color: #fff;
  color: #3D3D3D;
  font-size: 15px;
}

/* Rótulos dos campos */
.woocommerce-account form label {
  color: #3D3D3D;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* Link de 'Perdeu sua senha?' */
.woocommerce-account .lost_password a {
  color: #1B00E6;
  font-weight: 500;
  text-decoration: underline;
}

.woocommerce-account .lost_password a:hover {
  color: #1500b3;
}

/* Checkbox */
.woocommerce-account .woocommerce-form__label-for-checkbox {
  color: #3D3D3D;
  font-size: 14px;
}

/* Mensagens do WooCommerce */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-left: 4px solid #EEFF00;
  background-color: #fefefe;
  color: #333333;
}

/* Responsividade */
@media (max-width: 768px) {
  .woocommerce-account .u-columns {
    flex-direction: column;
    gap: 20px;
  }
  /* Estilo geral dos campos de input */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
  border: 2px solid #1B00E6 !important;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  background-color: #fff;
  color: #3D3D3D;
  width: 100%;
  box-sizing: border-box;
}

/* Cor da borda no foco (quando o usuário clica) */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #1B00E6 !important;
  box-shadow: 0 0 0 2px rgba(27, 0, 230, 0.2); /* leve destaque */
}

/* Estilização dos rótulos */
label {
  color: #3D3D3D;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* Alvo direto: campos de input do WooCommerce */
.woocommerce-Input {
  border: 2px solid #1B00E6 !important;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  color: #3D3D3D;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
}

/* Efeito ao focar no campo */
.woocommerce-Input:focus {
  border-color: #1B00E6 !important;
  box-shadow: 0 0 0 2px rgba(27, 0, 230, 0.2);
  outline: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
select {
  border: 2px solid #1B00E6 !important;      /* Borda azul sólida */
  background-color: #FFFFE5 !important;       /* Amarelo claro */
  color: #333333 !important;                  /* Cor do texto */
  padding: 10px;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
  transition: 0.3s ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #1B00E6 !important;
  background-color: #FFFFCC !important;
}

}/* End custom CSS */