/*
Theme Name: Hello Elementor Filho
Description: Tema Filho do Hello Elementor
Author: Valentina Alves
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-filho
*/

/* Botões do menu */
.menu-btn-cadastrar a {
  background-color: #5DDCE9 !important;
  color: #fff !important;
  padding: 8px 15px;
  border-radius: 50px;
}
.menu-btn-profile a {
  background-color: #004aad !important;
  color: #fff !important;
  padding: 8px 12px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Botão Login */
.menu-btn-login a {
  background-color: #004aad !important;
  color: #fff !important;
  padding: 8px 15px;
  border-radius: 50px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Botão Register do cabeçalho */
.menu-btn-register a {
  background-color: #5DDCE9; /* verde */
  color: #fff !important; /* força o texto branco */
  padding: 10px 20px;
  border-radius: 50px; /* borda totalmente arredondada */
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s;
}

/* Hover */
.menu-btn-register a:hover {
  opacity: 0.85;
  color: #fff !important; /* mantém o texto branco no hover */
}

/* Estilo geral do formulário */
.wpum-form {
  background: #ffffff; /* fundo branco */
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  max-width: 600px;
  margin: 40px auto;
  font-family: "Roboto", sans-serif;
  color: #111; /* texto preto */
}

/* Labels - títulos dos campos em negrito azul */
.wpum-form fieldset label {
  font-weight: 700; /* negrito */
  color: #004aad;   /* azul */
  display: block;
  margin-bottom: 8px;
}

/* Campos de texto, email, senha, textarea e select */
.wpum-form input[type="text"],
.wpum-form input[type="email"],
.wpum-form input[type="password"],
.wpum-form textarea,
.wpum-form select {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 15px;
  font-size: 14px;
  transition: all 0.3s ease;
}

/* Foco nos campos */
.wpum-form input:focus,
.wpum-form textarea:focus,
.wpum-form select:focus {
  border-color: #00c4cc; /* verde-água */
  box-shadow: 0 0 6px rgba(0,196,204,0.4);
  outline: none;
}

/* Botão principal (Salvar, Update, etc.) */
.wpum-form button,
.wpum-form input[type="submit"] {
  background: #004aad; /* azul */
  color: #fff; /* texto branco */
  border: none;
  padding: 12px 25px;
  border-radius: 50px; /* bordas arredondadas */
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* Hover no botão */
.wpum-form button:hover,
.wpum-form input[type="submit"]:hover {
  background: #00c4cc; /* verde-água */
  color: #000;
}

/* Links dentro do formulário */
.wpum-form a {
  color: #004aad;
  text-decoration: none;
  font-weight: 500;
}

.wpum-form a:hover {
  color: #00c4cc;
}

/* Ajustes para Mobile */
@media (max-width: 768px) {
  .wpum-form {
    margin: 20px;
    padding: 20px;
  }
}

/* Cabeçalho da Página (Account/Profile) */
.wpum-account-header,
.wpum-profile-header {
  font-size: 1.5rem;
  font-weight: 700;
  color: #004aad;
  margin-bottom: 20px;
  text-align: center;
}

/* Box de Informações (Profile) */
.wpum-profile {
  background: #f9fafa;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #ccc;
}

/* Labels dentro do Profile */
.wpum-profile label {
  font-weight: 600;
  color: #004aad;
}

/* Campos dentro do Profile */
.wpum-profile input,
.wpum-profile select {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 10px;
}

/* Botão Update Profile */
.wpum-profile button {
  background: #004aad;
  color: #fff;
  border-radius: 50px;
  padding: 12px 25px;
  font-weight: 600;
  text-transform: uppercase;
}

.wpum-profile button:hover {
  background: #00c4cc;
  color: #000;
}

/* Estilo para formulários wpuf (se usar) */
.wpuf-form {
  background: #ffffff; /* fundo branco */
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  max-width: 600px;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  color: #000; /* texto preto */
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* Labels wpuf */
.wpuf-form label {
  font-weight: 600;
  color: #004aad; /* azul */
  margin-bottom: 5px;
  display: block;
}

/* Campos wpuf */
.wpuf-form input[type="text"],
.wpuf-form input[type="email"],
.wpuf-form input[type="password"],
.wpuf-form textarea,
.wpuf-form select {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 15px;
  font-size: 14px;
  transition: all 0.3s ease;
}

/* Foco wpuf */
.wpuf-form input:focus,
.wpuf-form textarea:focus,
.wpuf-form select:focus {
  border-color: #00c4cc; /* verde-água */
  outline: none;
  box-shadow: 0 0 6px rgba(0, 196, 204, 0.4);
}

/* Botão wpuf */
.wpuf-form input[type="submit"],
.wpuf-form button {
  background: #004aad; /* azul */
  color: #fff; /* texto branco */
  border: none;
  padding: 12px 25px;
  border-radius: 50px; /* bordas redondas */
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* Hover botão wpuf */
.wpuf-form input[type="submit"]:hover,
.wpuf-form button:hover {
  background: #00c4cc; /* verde-água */
  color: #000; /* texto preto */
}

/* Links wpuf */
.wpuf-form a {
  color: #004aad;
  text-decoration: none;
  font-weight: 500;
}

.wpuf-form a:hover {
  color: #00c4cc;
}

.page-id-236 .wpum-profile,
.page-id-236 .wpum-profile * {
  color: #000000 !important;
}