/* Убираем отступы, делаем страницу на весь экран и скрываем скроллинг */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

/* Центрирование формы на странице */
body.login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: none; /* Убираем стандартный фон */
    position: relative;
}

/* Убираем переключатель языка */
.language-switcher {
    display: none;
}

/* Видеофон */
video.login-video-bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1; /* Видео позади формы */
    object-fit: cover; /* Видео растягивается пропорционально */
    background-size: cover;
}

/* Стили для форм авторизации, регистрации и сброса пароля */
#loginform, #registerform, #lostpasswordform {
    max-width: 400px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный фон */
    border-radius: 8px; /* Округленные углы */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Тень */
    color: #fff;
}

/* Стили для полей ввода */
#loginform input[type="text"], #loginform input[type="password"],
#registerform input[type="text"], #registerform input[type="email"],
#lostpasswordform input[type="text"] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent !important;
    color: #e08821 !important;
    font-size: 16px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 0;
}

#loginform input[type="text"]:focus, #loginform input[type="password"]:focus,
#registerform input[type="text"]:focus, #registerform input[type="email"]:focus,
#lostpasswordform input[type="text"]:focus {
    border-bottom: 1px solid #e08821;
    color: #fff;
    outline: none;
}

/* Кнопки */
#loginform #wp-submit, #registerform #wp-submit, #lostpasswordform #wp-submit {
    position: relative;
    display: inline-block;
    padding: 5px 25px;
    margin-right: 3px;
    margin-bottom: 8px;
    margin-left: 3px;
    font-size: .8rem;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    transition: .3s background-color, .3s color;
    z-index: 1;
    border: 1px solid;
    background-color: #000;
    cursor: pointer;
}

#loginform #wp-submit:hover, #registerform #wp-submit:hover, #lostpasswordform #wp-submit:hover {
    background-color: #fff;
    color: #000000;
}

/* Стили для чекбокса "Запомнить меня" */
#loginform .forgetmenot label {
    color: #fff;
}

/* Стили для ссылок под формами */
#loginform p a, #registerform p a, #lostpasswordform p a {
    color: #e08821;
    text-decoration: none;
}

#loginform p a:hover, #registerform p a:hover, #lostpasswordform p a:hover {
    color: #fff;
}

.login form {
    border: none;
}

.login .button.wp-hide-pw .dashicons {
    color: #e08821;
}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #fff;
}

/* Убираем фокус и подсветку */
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    box-shadow: none !important;
}

a:focus {
    box-shadow: none !important;
}

.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
    color: #e08821 !important;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #e08821 !important;
}

/* Стили для сообщения */
.notice-info.message {
    background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный фон для сообщения */
    color: #e08821;
    border-left: 4px solid #e08821;
}

/* Стили для формы сброса пароля */
#resetpassform {
    max-width: 400px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный фон */
    border-radius: 8px; /* Округленные углы */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Тень */
    color: #fff;
}

/* Стили для полей ввода в форме сброса пароля */
#resetpassform input[type="text"], #resetpassform input[type="password"] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent !important;
    color: #e08821 !important;
    font-size: 16px;
    margin-bottom: 0px;
    box-sizing: border-box;
    border-radius: 0;
}

#resetpassform input[type="text"]:focus, #resetpassform input[type="password"]:focus {
    border-bottom: 1px solid #e08821;
    color: #fff;
    outline: none;
}

/* Кнопки для формы сброса пароля */
#resetpassform #wp-submit, #resetpassform .button {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 3px;
    font-size: .8rem;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    transition: .3s background-color, .3s color;
    z-index: 1;
    border: 1px solid;
    background-color: #000;
    cursor: pointer;
}

#resetpassform #wp-submit:hover, #resetpassform .button:hover {
    background-color: #fff;
    color: #000000;
}

/* Стили для чекбокса "Разрешить использование слабого пароля" */
#resetpassform .pw-weak label {
    color: #fff;
}

/* Стили для подсказки */
#resetpassform .description.indicator-hint {
    color: #fff;
}

/* Стили для элементов управления паролем */
.wp-hide-pw .dashicons {
    color: #e08821;
}

#pass-strength-result {
    color: #e08821;
}

/* Стили для ссылок под формой */
#resetpassform p a {
    color: #e08821;
    text-decoration: none;
}

#resetpassform p a:hover {
    color: #fff;
}


button.wp-hide-pw {
    outline: none !important; /* Убираем обводку */
    box-shadow: none !important; /* Убираем тени, если есть */
    border: none; /* Если необходимо убрать обрамление */
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: #ffffff00;
    box-shadow: 0 0 0 1px #3582c4;
    outline: 2px solid transparent;
}