/* 1. Скрываем защитное поле-ловушку (Honeypot) */
.CommentFormHP {
    display: none !important;
}
.seca,
#login-form-seca-fieldwrapper,
[id*="-seca-"] {
display: none !important;
visibility: hidden !important;
position: absolute !important;
left: -9999px !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
}

/* 2. Контейнер формы как карточка Bulma */
.CommentFormReply
#CommentForm,
#profile-form,
#forgotlogindata-form,
#register-form,
#login-form {
background-color: white;
border-radius: 6px;
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
padding: 1.5rem;
}

/* 3. Заголовки полей (Labels) */
.CommentFormReply label,
#CommentForm label,
#profile-form .label,
#forgotlogindata-form .label,
#register-form .label,
#login-form .label {
display: block;
color: #363636;
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.5rem;
}

/* 4. Поля ввода (Inputs) */
.CommentFormReply input,
.CommentFormReply textarea,
#CommentForm textarea,
#CommentForm input,
#profile-form .input,
#forgotlogindata-form .input,
#register-form .input,
#login-form .input {
background-color: white;
border: 1px solid #dbdbdb;
border-radius: 4px;
color: #363636;
box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
padding: calc(0.5em - 1px) calc(0.75em - 1px);
width: 100%;
transition: border-color 0.2s, box-shadow 0.2s;
}

.CommentFormReply input:focus,
.CommentFormReply textarea:focus,
#CommentForm textarea:focus,
#CommentForm input:focus,
#profile-form .input:focus,
#forgotlogindata-form .input:focus,
#register-form .input:focus,
#login-form .input:focus {
border-color: #485fc7;
outline: none;
box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

/* 5. Отступы между полями */
.fieldwrapper {
margin-bottom: 1.25rem;
}



/* 6. Кнопка отправки (Login) */
.CommentFormReply button,
#CommentForm button,
#profile-form-submit,
#forgotlogindata-form-submit,
#register-form-submit,
#login-form-submit {
background-color: #485fc7;
border-color: transparent;
color: #fff;
cursor: pointer;
justify-content: center;
padding: calc(0.5em - 1px) 1em;
text-align: center;
white-space: nowrap;
border-radius: 4px;
width: 100%;
font-weight: 600;
font-size: 1rem;
display: block;
margin-top: 1.5rem;
}

.CommentFormReply button:hover,
#CommentForm button:hover,
#login-form-submit:hover {
background-color: #3e56c4;
}

#profile-form-deleteAccount,
#login-form-registerLink,
#login-form-passwordforgottenLink{
  /*display: inline-block;*/
  font-size: 0.85rem;
  color: #485fc7;
  /*margin-right: 15px;*/
}

/*#login-form div {
    display: inline;
}

/* 7. Ссылки и доп. элементы */
/*#login-form-passwordforgottenLink{
margin-top: 1rem;
}*/

#login-form-registerLink:hover,
#login-form-passwordforgottenLink:hover {
text-decoration: underline;
}


#profile-form-deleteAccount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ff3860; /* danger */
    color: #fff !important;
    padding: 0.5em 1em;
    font-size: 0.85rem;
    border-radius: 4px;
    text-decoration: none;
    transition: opacity 0.2s;
    margin-top: 1.5rem;
}

#profile-form-deleteAccount:hover {
    background-color: #f14668;
    opacity: 0.9;
}


/* Скрытие надписи "All fields marked with (*) are mandatory" */
.requiredHint {
font-size: 0.8rem;
color: #7a7a7a;
margin-bottom: 1rem;
text-align: center;
}

/* Чекбокс "Show password" */
.pwtoggleLabel {
font-size: 0.85rem;
margin-top: 0.5rem;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
}

#login-form {
    display: flex;
    flex-direction: column;
}

/* Находим последние два div со ссылками */
#login-form > div:has(#login-form-passwordforgottenLink),
#login-form > div:has(#login-form-registerLink) {
    display: inline-flex;
    width: 100%;
}

/* Костыль для Bulma, чтобы разнести их в один ряд */
#login-form > div:has(#login-form-passwordforgottenLink) {
    /*float: left;*/
    width: 44%;
    margin-top: 1rem
}

#login-form > div:has(#login-form-registerLink) {
    margin-left: 10rem;
    width: 56%;
    justify-content: flex-end; /* Текст вправо */
    margin-top: -1.25rem; /* Подтягиваем на одну строку */
}