/* =============================================
   0. ФОН СТРАНИЦЫ: КЛЕТКА + CANVAS С АТОМАМИ
   ============================================= */
html,
body.login {
    min-height: 100% !important;

    background-color: #F4F7F9 !important;
    background-image:
        linear-gradient(rgba(0, 86, 179, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 86, 179, 0.05) 1px, transparent 1px) !important;
    background-size: 30px 30px, 30px 30px !important;
    background-position: center center !important;
    background-attachment: scroll !important;
    background-repeat: repeat !important;
}

body.login {
    position: relative !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
}

/* Canvas с атомами находится за формой логина */
body.login #rl-login-atoms-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Форма логина всегда выше атомов */
.login #login {
    position: relative !important;
    z-index: 2 !important;
}
	
/* =============================================
   1. ШРИФТЫ (ЖЕЛЕЗОБЕТОННЫЙ ВАРИАТИВНЫЙ ФАЙЛ)
   ============================================= */

/* Подключаем кириллицу (русские буквы) через надежный CDN */
@font-face {
  font-family: 'InterDesktop';
  font-style: normal;
  font-weight: 100 900; /* Говорим браузеру: здесь доступны ЛЮБЫЕ цифры */
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource-variable/inter@5.0.19/files/inter-cyrillic-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Подключаем латиницу (английские буквы и символы) через надежный CDN */
@font-face {
  font-family: 'InterDesktop';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource-variable/inter@5.0.19/files/inter-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* КОМПЬЮТЕРЫ */
@media (min-width: 768px) {
    html body.login, html body.login * {
        font-family: 'InterDesktop', sans-serif !important; 
        
        /* 👇 ТВОЯ НАСТРОЙКА ЖИРНОСТИ: Теперь он подчинится любой цифре (520, 540, 560...) */
        font-weight: 500 !important; 
        font-variation-settings: "wght" 500 !important; /* Эта кувалда убивает округление Chrome */
        
        letter-spacing: 0.01em !important; 
        -webkit-font-smoothing: antialiased !important; /* Убираем мыло на Windows */
        -moz-osx-font-smoothing: grayscale !important;
    }
    /* Возвращаем глазик пароля */
    html body.login .dashicons, 
    html body.login .wp-hide-pw span { 
        font-family: dashicons !important; 
        font-weight: normal !important;
        font-variation-settings: normal !important;
    }
}

/* ТЕЛЕФОНЫ */
@media (max-width: 767px) {
    html body.login, html body.login * {
        font-family: 'InterDesktop', sans-serif !important; 
        
        /* 👇 Настройка жирности для телефонов */
        font-weight: 500 !important; 
        font-variation-settings: "wght" 500 !important;
        
        letter-spacing: 0.01em !important; 
        -webkit-font-smoothing: antialiased !important; 
        -moz-osx-font-smoothing: grayscale !important;
    }
    html body.login .dashicons, 
    html body.login .wp-hide-pw span { 
        font-family: dashicons !important; 
        font-weight: normal !important; 
        font-variation-settings: normal !important;
    }
}


/* =============================================
   2. ГЛАВНЫЙ КОНТЕЙНЕР ФОРМЫ И ЛОГОТИП
   ============================================= */
.login #login {
    background: #FFFFFF !important; 
    border: 1px solid #D7DCE2 !important; 
    border-radius: 10px !important; 
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15) !important; 
    padding: 0px 15px 0px 15px !important; 
    width: 400px !important; 
    margin: 0vh auto !important; 
    position: relative !important;
}

#loginform, 
#registerform, 
#lostpasswordform, 
.login form {
    background: transparent !important; 
    border: none !important; 
    box-shadow: none !important; 
    padding: 0 !important; 
    margin: 0 !important;
}

/* Логотип */
.login h1 { 
    margin: 0 0 5px 0 !important; 
}
.login h1 a { 
    margin-bottom: 0px !important; 
}


/* =============================================
   3. УБИРАЕМ НЕВИДИМЫЙ МУСОР ИЗ ДВИЖКА
   ============================================= */
.login form br { 
    display: none !important; 
}
.login form input[type="hidden"] { 
    margin: 0 !important; 
    padding: 0 !important; 
    height: 0 !important; 
    display: none !important; 
}


/* =============================================
   4. НЕЗАВИСИМЫЕ ОТСТУПЫ МЕЖДУ ПОЛЯМИ
   ============================================= */
/* НАСТРОЙКА БЛОКА 1: "Имя пользователя" (или Логин) */
.login form p:has(#user_login) {
    margin-top: 0px !important;
    margin-bottom: -5px !important; /* Управляет отступом ВНИЗ (до Email или до Пароля) */
    padding: 0px !important;
}

/* НАСТРОЙКА БЛОКА 2: "Email" (в форме регистрации) */
.login form p:has(#user_email) {
    margin-top: 0px !important;
    margin-bottom: 10px !important; /* Управляет отступом ВНИЗ (до текста подтверждения) */
    padding: 0px !important;
}

/* НАСТРОЙКА БЛОКА 3: "Пароль" */
.login form .user-pass-wrap {
    margin-top: 15px !important;
    margin-bottom: -5px !important; /* Управляет отступом ВНИЗ (до чекбокса "Запомнить меня") */
    padding: 0px !important;
}

/* НАСТРОЙКА БЛОКА 4: "Новый пароль" (На странице сброса) */
.login form p:has(#pass1),
.login form div:has(#pass1) {
    margin-top: 0px !important; /* НАСТРОЙКА: Отступ СВЕРХУ */
    margin-bottom: -10px !important; /* НАСТРОЙКА: Отступ ВНИЗУ (до текста подсказки) */
    padding: 0px !important;
}

/* =============================================
   5. ДИЗАЙН ТЕКСТОВ НАД ПОЛЯМИ (LABEL)
   ============================================= */
.login label {
    display: block !important; 
    margin-bottom: 5px !important; /* Отступ от текста до самого окошка ввода */
    margin-left: 10px !important; /* Сдвиг текста вправо */
    color: #202124 !important; 
    font-size: 16px !important;
}


/* =============================================
   6. ДИЗАЙН САМИХ ОКОШЕК ВВОДА (INPUT)
   ============================================= */
.login form .input, 
.login input[type="text"], 
.login input[type="password"], 
.login input[type="email"] {
    border-radius: 10px !important; 
    border: 2px solid #D7DCE2 !important; 
    padding: 10px 15px !important; 
    background: #FFFFFF !important; 
    box-shadow: none !important;
    margin-top: 0 !important;
    margin-bottom: 0px !important; /* Не трогай, мы управляем отступами через блоки в разделе 4 */
    transition: border-color 0.2s ease !important;
    color: #202124 !important; 
    font-size: 16px !important;
}

.login form .input:focus { 
    border-color: #0066CD !important; 
}

/* Фикс текста пароля и места под глазик */
.login form input#user_pass {
    padding-right: 35px !important; 
    letter-spacing: normal !important; 
    font-size: 16px !important; 
}

/* ЦВЕТ ГЛАЗИКА ПАРОЛЯ */
.login .wp-hide-pw {
    color: #202124 !important; /* НАСТРОЙКА: Цвет в покое (закрытый глаз) */
	transition: all 0.2s !important;
}

@media (hover: hover) {
.login .wp-hide-pw:hover {
    color: #0066CD !important; /* НАСТРОЙКА: Цвет при наведении мышки */
}
}

.login .wp-hide-pw:focus {
    color: #0066CD !important; /* НАСТРОЙКА: Цвет при наведении мышки */
}
	
.login .wp-hide-pw[data-toggle="1"] {
    color: #0066CD !important; /* НАСТРОЙКА: Цвет, когда пароль открыт */
}

/* =============================================
   7. ЧЕКБОКСЫ ("ЗАПОМНИТЬ МЕНЯ" И СКРЫТИЕ СЛАБОГО ПАРОЛЯ)
   ============================================= */

/* ЖЕСТКО СКРЫВАЕМ БЛОК СЛАБОГО ПАРОЛЯ И ЕГО ОТСТУПЫ */
.login .pw-weak {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* НАСТРОЙКА БЛОКА: "Запомнить меня" */
.login .forgetmenot {
    float: none !important; 
    display: block !important; 
    width: 100% !important;
    margin: 0px 0 0px 10px !important; /* НАСТРОЙКА: Отступы чекбокса "Запомнить меня" */
    padding: 0 !important; 
    clear: both !important; 
    overflow: hidden !important;
}

.login .forgetmenot label {
    display: block !important; 
    width: 100% !important; 
    line-height: 20px !important;
    cursor: pointer !important; 
    margin: 0 !important;
    font-size: 16px !important; /* НАСТРОЙКА: Размер текста "Запомнить меня" */
    color: #202124 !important; /* НАСТРОЙКА: Цвет текста */
}

/* Дизайн квадратика "Запомнить меня" */
.login .forgetmenot input[type="checkbox"] {
    appearance: none !important; 
    -webkit-appearance: none !important;
    width: 20px !important; 
    height: 20px !important; /* НАСТРОЙКА: Размер квадратика */
    background: #ffffff !important; 
    border: 1px solid #D7DCE2 !important; 
    border-radius: 4px !important; 
    cursor: pointer !important; 
    margin: 0 !important;
    float: left !important; 
    margin: 0 10px 0 0 !important; 
    position: relative !important; 
}

/* Активное состояние (синий квадрат + белая галочка) */
.login .forgetmenot input[type="checkbox"]:checked {
    background-color: #1e69d2 !important; /* НАСТРОЙКА: Цвет активного фона */
    border-color: #1e69d2 !important;
}

.login .forgetmenot input[type="checkbox"]:checked::before {
    content: "" !important; 
    position: absolute !important; 
    top: 50% !important; 
    left: 50% !important; 
    transform: translate(-50%, -50%) !important;
    width: 12px !important; 
    height: 12px !important; 
    background-color: white !important; 
    display: block !important; 
    margin: 0 !important;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important; 
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
}

/* Чекбокс согласия на обработку персональных данных при регистрации */
.login .rl-register-consent {
    display: block !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #202124 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: justify !important;
    text-align-last: left !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
}

.login .rl-register-consent label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #202124 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    text-align: justify !important;
    text-align-last: left !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
}

.login .rl-register-consent input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    background: #ffffff !important;
    border: 1px solid #D7DCE2 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    margin: -1px 10px 0 0 !important;
    position: relative !important;
    float: left !important;
}

.login .rl-register-consent input[type="checkbox"]:checked {
    background-color: #0066CD !important;
    border-color: #0066CD !important;
}

.login .rl-register-consent input[type="checkbox"]:checked::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 12px !important;
    height: 12px !important;
    background-color: #ffffff !important;
    display: block !important;
    margin: 0 !important;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
}

/* При клике мышкой не показываем страшную обводку */
.login .rl-register-consent input[type="checkbox"]:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Для клавиатуры оставляем аккуратный focus */
.login .rl-register-consent input[type="checkbox"]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 205, 0.25) !important;
}

.login .rl-register-consent a,
.login .rl-register-consent a:visited {
    color: #0066CD !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    outline: none !important;
    box-shadow: none !important;
}

@media (hover: hover) {
    .login .rl-register-consent a:hover {
        color: #00468D !important;
        text-decoration: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
}

.login .rl-register-consent a:active,
.login .rl-register-consent a:focus:not(:focus-visible) {
    color: #00468D !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.login .rl-register-consent a:focus-visible {
    color: #00468D !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 205, 0.18) !important;
    border-radius: 4px !important;
}
	
/* =============================================
   8. ГЛАВНЫЕ КНОПКИ
   ============================================= */

/* 8.1. КНОПКА "ВОЙТИ" / "РЕГИСТРАЦИЯ" */
	
/* Внешний вид кнопки */
.login #loginform .button-primary, 
.login #wp-submit {
    background: #0066CD !important; /* НАСТРОЙКА: Цвет фона */
    color: #ffffff !important; /* НАСТРОЙКА: Цвет текста */
    border: none !important; 
    text-shadow: none !important; 
    border-radius: 10px !important; /* НАСТРОЙКА: Скругление */
    height: 45px !important; /* НАСТРОЙКА: Высота */
    width: 100% !important; /* НАСТРОЙКА: Ширина */
    font-size: 16px !important; /* НАСТРОЙКА: Размер текста */
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; /* НАСТРОЙКА: Тень */
    transition: all 0.2s !important;
    margin: 0 !important;
    font-weight: 600 !important; 
    font-variation-settings: "wght" 600 !important;
}

/* Отступ над этой кнопкой (контейнер .submit) */
.login #loginform .submit { 
    margin-top: 15px !important; /* НАСТРОЙКА: Отступ НАД кнопкой "Войти" */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important; 
}

/* СПЕЦИАЛЬНО ДЛЯ РЕГИСТРАЦИИ: */
/* Если хочешь другой отступ именно на странице регистрации — меняй тут */
.login #registerform .submit {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
	
/* Эффект при наведении/нажатии на кнопку "Войти" */
@media (hover: hover) {
.login #wp-submit:hover {
    filter: brightness(0.8) !important;
	box-shadow: none !important;
}
}
	
@media (hover: hover) {
.login #loginform .button-primary:hover {
    filter: brightness(0.8) !important;
	box-shadow: none !important;
}
}

/* Кнопка Яндекса */
.login .rl-yandex-login-submit {
    margin: 10px 0 10px 0 !important;
    padding: 0 !important;
}

/* Жёстко сбрасываем лишний зазор между основной кнопкой и Яндекс-кнопкой */
.login #loginform p.submit + .rl-yandex-login-submit,
.login #registerform p.submit + .rl-yandex-login-submit {
    margin-top: 10px !important;
}

/* Повторяем дизайн основной кнопки, но с цветом Яндекса */
.login .rl-yandex-login-btn,
.login #loginform .rl-yandex-login-btn,
.login #registerform .rl-yandex-login-btn {
    background: #F8604A !important;
    color: #ffffff !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 10px !important;
    height: 45px !important;
    width: 100% !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s !important;
    margin: 0 !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    cursor: pointer !important;
}

@media (hover: hover) {
    .login .rl-yandex-login-btn:hover,
    .login #loginform .rl-yandex-login-btn:hover,
    .login #registerform .rl-yandex-login-btn:hover {
        background: #F8604A !important;
        color: #ffffff !important;
        filter: brightness(0.8) !important;
        box-shadow: none !important;
    }
}

.login .rl-yandex-login-btn:active,
.login #loginform .rl-yandex-login-btn:active,
.login #registerform .rl-yandex-login-btn:active {
    background: #F8604A !important;
    color: #ffffff !important;
    filter: brightness(0.8) !important;
    box-shadow: none !important;
}

.login .rl-yandex-login-btn:focus:not(:focus-visible),
.login #loginform .rl-yandex-login-btn:focus:not(:focus-visible),
.login #registerform .rl-yandex-login-btn:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.login .rl-yandex-login-btn:focus-visible,
.login #loginform .rl-yandex-login-btn:focus-visible,
.login #registerform .rl-yandex-login-btn:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(248, 96, 74, 0.25) !important;
}
	
/* 8.2. КНОПКА "СГЕНЕРИРОВАТЬ ПАРОЛЬ" */
	
/* Внешний вид кнопки */
.login .wp-generate-pw {
    background: #0066CD !important; /* НАСТРОЙКА: Цвет фона */
    color: #ffffff !important; /* НАСТРОЙКА: Цвет текста */
    border: none !important; 
    text-shadow: none !important; 
    border-radius: 10px !important; /* НАСТРОЙКА: Скругление */
    height: 45px !important; /* НАСТРОЙКА: Высота */
    width: 100% !important; /* НАСТРОЙКА: Ширина */
    font-size: 16px !important; /* НАСТРОЙКА: Размер текста */
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; /* НАСТРОЙКА: Тень */
    transition: all 0.2s !important;
    margin: 0 0 10px 0 !important; /* НАСТРОЙКА: Отступ СНИЗУ (10px) под кнопкой генерации */
}

/* Эффект при наведении/нажатии на кнопку "Сгенерировать пароль" */
@media (hover: hover) {
.login .wp-generate-pw:hover {
    filter: brightness(0.8) !important;
	box-shadow: none !important;
}
}

/* 8.3. КНОПКА "ПОЛУЧИТЬ НОВЫЙ ПАРОЛЬ" (Lost Password) */

/* Внешний вид кнопки */
.login #lostpasswordform .button-primary {
    background: #0066CD !important; /* НАСТРОЙКА: Цвет фона */
    color: #ffffff !important; /* НАСТРОЙКА: Цвет текста */
    border: none !important; 
    text-shadow: none !important; 
    border-radius: 10px !important; /* НАСТРОЙКА: Скругление */
    height: 45px !important; /* НАСТРОЙКА: Высота */
    width: 100% !important; 
    
    /* НАСТРОЙКА ШРИФТА КНОПКИ */
    font-size: 16px !important; 
    font-weight: 600 !important; 
    font-variation-settings: "wght" 600 !important; /* Чтобы жирность работала! */
    
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
    transition: all 0.2s !important;
    margin: 0 !important;
}

/* ОТСТУПЫ ВОКРУГ КНОПКИ */
.login #lostpasswordform .submit { 
    margin-top: 20px !important;    /* НАСТРОЙКА: Отступ НАД кнопкой */
    margin-bottom: 10px !important;  /* НАСТРОЙКА: Отступ ПОД кнопкой */
    padding: 0 !important; 
}

/* Эффект при наведении */
@media (hover: hover) {
.login #lostpasswordform .button-primary:hover {
    filter: brightness(0.8) !important;
	box-shadow: none !important; 
}
}

/* 8.4. КНОПКА "СОХРАНИТЬ ПАРОЛЬ" (Reset Password) */
/* Внешний вид кнопки */
.login #resetpassform .button-primary {
    background: #0066CD !important; /* НАСТРОЙКА: Цвет фона */
    color: #ffffff !important; /* НАСТРОЙКА: Цвет текста */
    border: none !important; 
    text-shadow: none !important; 
    border-radius: 10px !important; /* НАСТРОЙКА: Скругление */
    height: 45px !important; /* НАСТРОЙКА: Высота */
    width: 100% !important; 
    
    /* НАСТРОЙКА ШРИФТА КНОПКИ */
    font-size: 16px !important; 
    font-weight: 600 !important; 
    font-variation-settings: "wght" 600 !important; 
    
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
    transition: all 0.2s !important;
    margin: 0 !important;
}

/* ОТСТУПЫ ВОКРУГ КНОПКИ */
.login #resetpassform .submit { 
    margin-top: 0px !important;    /* НАСТРОЙКА: Отступ НАД кнопкой */
    margin-bottom: 10px !important;  /* НАСТРОЙКА: Отступ ПОД кнопкой */
    padding: 0 !important; 
}

/* Эффект при наведении */
@media (hover: hover) {
.login #resetpassform .button-primary:hover {
    filter: brightness(0.8) !important;
	box-shadow: none !important; 
}
}

/* =============================================
   9. НИЖНЯЯ НАВИГАЦИЯ (СМЕНА ПАРОЛЯ, НАЗАД НА САЙТ)
   ============================================= */
.login #nav, 
.login #backtoblog { 
    margin: 5px 0 15px 0 !important; 
    padding: 0 !important; 
	transition: all 0.2s !important;
}

.login #nav {
    display: flex !important; 
    flex-wrap: nowrap !important; 
    gap: 10px !important; 
    justify-content: space-between !important; 
    margin-top: 5px !important; 
    padding: 10px 0 0 0 !important;
    border-top: 1px solid #D7DCE2 !important;
	transition: all 0.2s !important;
}

.login #nav a, 
.login #backtoblog a {
    background-color: #0066CD !important; 
    color: #ffffff !important; 
    border: none !important; 
    text-decoration: none !important; 
    font-size: 16px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    min-height: 50px !important; 
    border-radius: 10px !important; 
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
    transition: all 0.2s !important; 
    flex-direction: column !important; 
    text-align: center !important; 
    line-height: 1.2 !important; 
    padding: 5px !important;
	font-weight: 600 !important; 
    font-variation-settings: "wght" 600 !important;
}

.login #nav a { 
    flex: 1 1 0 !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
}

/* Полностью скрываем кнопку "Назад на сайт" */
.login #backtoblog { 
    display: none !important; 
} 

@media (hover: hover) {
.login #nav a:hover,
.login #backtoblog a:hover {
    background-color: #00468D !important;
    color: #ffffff !important;
    text-decoration: none !important;
    filter: none !important;
    box-shadow: none !important;
}
}

/* Фикс цветов и подчёркивания нижних ссылок login-страницы */
.login #nav a,
.login #nav a:visited,
.login #backtoblog a,
.login #backtoblog a:visited {
    background-color: #0066CD !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.login #nav a:active,
.login #backtoblog a:active {
    background-color: #00468D !important;
    color: #ffffff !important;
    text-decoration: none !important;
    filter: none !important;
    box-shadow: none !important;
}

/* Убираем некрасивую обводку при клике мышкой */
.login #nav a:focus:not(:focus-visible),
.login #backtoblog a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Оставляем аккуратный focus только для клавиатуры */
.login #nav a:focus-visible,
.login #backtoblog a:focus-visible {
    background-color: #0066CD !important;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 205, 0.25) !important;
}
	
/* Убираем подчёркивание у ссылок нижней навигации во всех состояниях */
.login #nav a,
.login #nav a:visited,
.login #nav a:hover,
.login #nav a:focus,
.login #nav a:active,
.login #backtoblog a,
.login #backtoblog a:visited,
.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login #backtoblog a:active {
    text-decoration: none !important;
}
	
/* =============================================
   10. ПЛАШКИ УВЕДОМЛЕНИЙ И СИЛЫ ПАРОЛЯ
   ============================================= */
.login #login_error, 
.login .message, 
.login .success {
    display: block !important; 
    border-radius: 10px !important; 
    box-shadow: none !important; 
    border: none !important;
    padding: 5px 10px !important; 
    margin: 0px 0 15px 0 !important; 
    width: 100% !important; 
    box-sizing: border-box !important;
    position: relative !important; 
    text-align: justify !important; 
    text-align-last: left !important;
    -webkit-hyphens: auto !important; 
    -ms-hyphens: auto !important; 
    hyphens: auto !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
	font-size: 14px !important;
}

.login #login_error { 
    background-color: #FFF5F5 !important; 
    border-left: 6px solid #D93025 !important; 
	color: #D93025 !important; 
}

.login .message, 
.login .success { 
    background-color: #F0F6FF !important; 
    border-left: 6px solid #0066CD !important;
	color: #0066CD !important; 
}

/* Ссылки внутри плашек ошибок/сообщений: например "Забыли пароль?" */
.login #login_error a,
.login #login_error a:visited,
.login .message a,
.login .message a:visited,
.login .success a,
.login .success a:visited {
    color: #0066CD !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

@media (hover: hover) {
    .login #login_error a:hover,
    .login .message a:hover,
    .login .success a:hover {
        color: #00468D !important;
        text-decoration: none !important;
    }
}

.login #login_error a:active,
.login .message a:active,
.login .success a:active {
    color: #00468D !important;
    text-decoration: none !important;
}

/* Фокус не убиваем полностью: оставляем аккуратную доступную рамку */
.login #login_error a:focus,
.login .message a:focus,
.login .success a:focus {
    color: #00468D !important;
    text-decoration: none !important;
    outline: 2px solid #202124 !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
	
/* БАЗОВЫЙ ДИЗАЙН ПЛАШКИ ОЦЕНКИ ПАРОЛЯ */
#pass-strength-result { 
    border-radius: 10px !important; /* НАСТРОЙКА: Скругление */
    margin-top: 10px !important; /* НАСТРОЙКА: Отступ сверху */
    margin-bottom: 0px !important; /* НАСТРОЙКА: Отступ снизу */
    padding: 10px !important; /* НАСТРОЙКА: Внутренние отступы */
    text-align: center !important;
    font-size: 16px !important; /* НАСТРОЙКА: Размер текста */
    font-weight: 500 !important; /* НАСТРОЙКА: Жирность текста */
    font-variation-settings: "wght" 500 !important;
}

/* НАСТРОЙКА ЦВЕТОВ ДЛЯ КАЖДОГО СОСТОЯНИЯ (ФОН ПЛАШКИ) */
#pass-strength-result.short { background-color: #FFF5F5 !important; border: 2px solid #D93025 !important; color: #D93025 !important; } /* Очень короткий */
#pass-strength-result.bad   { background-color: #FFF5F5 !important; border: 2px solid #D93025 !important; color: #D93025 !important; } /* Слабый */
#pass-strength-result.good  { background-color: #FFFBF0 !important; border: 2px solid #E37400 !important; color: #E37400 !important; } /* Средний */
#pass-strength-result.strong{ background-color: #EEF8F2 !important; border: 2px solid #00A84E !important; color: #00A84E !important; } /* Надежный */


/* =============================================
   11. СПЕЦИАЛЬНЫЕ ТЕКСТЫ
   ============================================= */
.login #reg_passmail {
    text-align: justify !important; 
    text-align-last: left !important;
    -webkit-hyphens: auto !important; 
    -ms-hyphens: auto !important; 
    hyphens: auto !important;
    font-size: 14px !important; 
    color: #202124 !important; 
    margin-top: 0px !important; /* Отступ СВЕРХУ от предыдущего поля */
    margin-bottom: 10px !important; /* Отступ ВНИЗУ до кнопки */
}
	
/* ПОДСКАЗКА К ПАРОЛЮ НА СТРАНИЦЕ СБРОСА */
.login p.description.indicator-hint {
    text-align: left !important;
    font-size: 14px !important; /* НАСТРОЙКА: Размер текста подсказки */
    font-weight: 500 !important; /* НАСТРОЙКА: Жирность */
    font-variation-settings: "wght" 500 !important;
    color: #202124 !important; /* НАСТРОЙКА: Цвет текста (сделал серым, чтобы не кричал) */
    margin-top: 0px !important; /* НАСТРОЙКА: Отступ СВЕРХУ (от чекбокса слабого пароля) */
    margin-bottom: 10px !important; /* НАСТРОЙКА: Отступ ВНИЗУ (до кнопки Сохранить) */
    line-height: 1.4 !important; /* НАСТРОЙКА: Межстрочный интервал для легкого чтения */
	text-align: justify !important; 
    text-align-last: left !important;
    -webkit-hyphens: auto !important; 
    -ms-hyphens: auto !important; 
    hyphens: auto !important;
}

/* ==========================================================================
           Блокировка повторного нажатия кнопок
========================================================================== */

.login #loginform .button-primary.is-clicked,
.login #wp-submit.is-clicked,
.login .wp-generate-pw.is-clicked,
.login #lostpasswordform .button-primary.is-clicked,
.login #resetpassform .button-primary.is-clicked,
.login .rl-yandex-login-btn.is-clicked,
.login #nav a.is-clicked,
.login #backtoblog a.is-clicked {
    pointer-events: none !important;
    box-shadow: none !important;
    filter: brightness(0.8) !important;
}