/* ТВОИ СТИЛИ БЕЗ ИЗМЕНЕНИЙ (подключение шрифта, автозаполнение, иконка глаза и т.д.) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

input, input[type="text"], input[type="email"], input[type="password"], textarea, select, button {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.woocommerce-Input, .input-text, #username, #password {
    font-family: 'Manrope', sans-serif !important;
    letter-spacing: normal !important;
}

/* ... (здесь весь остальной твой код про автозаполнение и hover глаза) ... */

/* Твоя иконка глаза (оставляю как есть) */
.woocommerce .show-password-input::after,
.woocommerce-account .show-password-input::after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235b6b85' d='M12 5c5.5 0 9.7 4.6 10.9 6.3a1.2 1.2 0 0 1 0 1.4C21.7 14.4 17.5 19 12 19S2.3 14.4 1.1 12.7a1.2 1.2 0 0 1 0-1.4C2.3 9.6 6.5 5 12 5zm0 2C7.7 7 4.2 10.5 3 12c1.2 1.5 4.7 5 9 5s7.8-3.5 9-5c-1.2-1.5-4.7-5-9-5zm0 2.5A2.5 2.5 0 1 1 9.5 12 2.5 2.5 0 0 1 12 9.5z'/%3E%3C/svg%3E");
}

/* ===================================== */
/* МОИ ПРАВКИ (Ширина, Заголовок, Глаз)  */
/* ===================================== */

/* 1. Ширина белой части и центровка */
.woocommerce-account .u-columns.col2-set {
    max-width: 450px !important; /* Ограничиваем ширину */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2. Заголовок по центру */
.woocommerce-account h2 {
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    display: block !important;
}

/* 3. Глазик справа внутри поля */
.sc-pass-field {
    position: relative;
    display: block;
}

.sc-pass-field input {
    padding-right: 45px !important; /* Отступ внутри поля для глаза */
}

.woocommerce .show-password-input,
.woocommerce-account .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 5px !important; /* Прижать вправо */
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/* 4. Кнопка (чтобы была синяя, как ты хотел ранее) */
.woocommerce-form-login__submit {
    background-color: #002d72 !important; /* Твой синий */
    width: 100% !important;
    margin-top: 15px !important;
    
    /* Фикс скачков шрифта в поле пароля */
input[type="password"] {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
}

/* Убираем специфическое поведение некоторых браузеров для символов пароля */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/* Принудительно для всех состояний ввода */
.woocommerce-Input--text.input-text:focus,
.woocommerce-Input--text.input-text:active {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
}
}

/* Убираем рамку и увеличиваем глаз */
.woocommerce .show-password-input,
.woocommerce-account .show-password-input {
    border: none !important;          /* Убирает рамку */
    outline: none !important;         /* Убирает обводку при клике */
    background: transparent !important; /* Убирает фон, если он есть */
    width: 40px !important;           /* Ширина области клика */
    height: 100% !important;          /* На всю высоту поля */
}

.woocommerce .show-password-input::after,
.woocommerce-account .show-password-input::after {
    background-size: 24px 24px !important; /* Увеличиваем сам SVG-глаз */
    opacity: 0.7;                          /* Делаем чуть мягче (по желанию) */
}

.woocommerce .show-password-input:hover::after {
    opacity: 1;                            /* Ярче при наведении */
}