/* Блок согласий в формах: два обязательных чекбокса + необязательная рассылка.
   По умолчанию тёмный текст на светлом фоне, модификатор --light — для тёмных секций. */
.form-consent {
    --consent-text: rgba(51, 51, 51, .6);
    --consent-border: rgba(51, 51, 51, .3);
    --consent-box-bg: #fff;
    --consent-accent: #ffb120;
    --consent-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-top: 24px
}

.form-consent--light {
    --consent-text: hsla(0, 0%, 100%, .6);
    --consent-border: hsla(0, 0%, 100%, .4);
    --consent-box-bg: transparent;
    --consent-accent: #025adb;
    --consent-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.form-consent__item + .form-consent__item {
    margin-top: 12px
}

.form-consent__item input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.form-consent__item label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
    color: var(--consent-text)
}

.form-consent__item label > span:first-child {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border: 1px solid var(--consent-border);
    border-radius: 3px;
    background: var(--consent-box-bg);
    transition: .2s
}

.form-consent__item input:checked + label > span:first-child {
    border-color: var(--consent-accent);
    background: var(--consent-accent) var(--consent-check) center no-repeat
}

.form-consent__item input:focus-visible + label > span:first-child {
    outline: 2px solid var(--consent-accent);
    outline-offset: 2px
}

.form-consent__item label a {
    color: inherit;
    text-decoration: underline
}

/* Кнопка отправки, пока не отмечены обязательные согласия */
.is-consent-locked {
    opacity: .5;
    cursor: not-allowed
}