/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0
Description: A child theme for Hello Elementor.
Author: Conrado Digital
Author URI: https://conradodigital.com.br
*/

body.login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

#login {
  padding: 0;
  margin: 0 0 0 8% !important;
}

.login form {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  #login {
    margin: 0 auto !important;
    padding: 20px 0 0;
  }
}

/* Personalizando o background da página de login */
body.login {
  background-image: url("images/background_login_wp.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Personalizando o logo */
.login h1 a {
  background-image: url("images/logo_conrado_digital_login_wp.png") !important;
  background-size: contain !important;
  width: 240px !important; /* Ajuste conforme necessário */
  /* height: 100px !important; Ajuste conforme necessário */
  margin: 0 auto 0 auto;
}

/* Personalizando cores dos botões e links */
.wp-core-ui .button-primary {
  background-color: #88ff00 !important;
  border-color: #88ff00 !important;
  color: #010100 !important;
  text-shadow: none !important;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background-color: #7ae600 !important; /* Versão um pouco mais escura para hover */
  border-color: #7ae600 !important;
}

/* Links */
.login #nav a,
.login #backtoblog a {
  color: #88ff00 !important;
}

.login #nav a:hover,
.login #backtoblog a:hover {
  color: #7ae600 !important;
}

/* Personalizando campos de formulário */
.login form {
  background-color: rgba(1, 1, 0, 0.9) !important; /* Fundo semi-transparente */
  border: 1px solid #88ff00 !important;
  box-shadow: 0 0 15px rgba(136, 255, 0, 0.2) !important;
  border-radius: 20px;
}

.login form label {
  color: #ffffff;
}

/* Campos de texto */
.login form .input {
  border: 1px solid #88ff00 !important;
  border-radius: 4px;
}

.login form .input:focus {
  border-color: #88ff00 !important;
  box-shadow: 0 0 5px rgba(136, 255, 0, 0.5) !important;
}

/* Mensagens de erro */
.login #login_error {
  border-left-color: #88ff00 !important;
}

.login #language-switcher {
  display: none !important;
}

.login #nav {
  display: none !important;
}

.login #backtoblog {
  display: none !important;
}