/* =========================================================
   SOULULAB - форма кейса, точечное исправление v3
   ========================================================= */

/* ЛЕВАЯ КОЛОНКА: badge всегда сверху, основной текст по центру */
html body main.gls-page.glc-page .glc-detail-form-box__content {
    position: relative !important;
    align-self: stretch !important;
    min-height: 100% !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
}

html body main.gls-page.glc-page .glc-detail-form-box__badge {
    position: static !important;
    inset: auto !important;

    width: fit-content !important;
    margin: 0 !important;
    align-self: start !important;
    justify-self: start !important;
}

html body main.gls-page.glc-page .glc-detail-form-box__content-main {
    min-width: 0 !important;
    align-self: center !important;
    padding: 30px 0 16px !important;
}

html body main.gls-page.glc-page .glc-detail-form-box__content-main h2 {
    margin-top: 0 !important;
}

/* ЗАГОЛОВКИ ПОЛЕЙ: текст и вопросик строго в одну строку */
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__field-head {
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__field-head > label,
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__field-head > span {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    display: inline !important;

    color: var(--gls-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__field-head > .soulu-tooltip {
    position: static !important;
    inset: auto !important;

    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body main.gls-page.glc-page .glc-detail-form__textarea {
    margin-top: 16px !important;
}

/* CHECKBOX: настоящий input лежит поверх квадрата и точно кликается */
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent {
    position: relative !important;
    isolation: isolate !important;

    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    margin-top: 18px !important;

    cursor: pointer !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__input {
    position: absolute !important;
    z-index: 3 !important;
    top: 1px !important;
    left: 0 !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__box {
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;

    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;

    display: grid !important;
    place-items: center !important;

    border: 1px solid rgba(35, 40, 50, .32) !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

/* Гасим все старые псевдо-галочки, включая ту самую полоску */
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__box::before,
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__box::after {
    content: none !important;
    display: none !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__box svg {
    width: 14px !important;
    height: 14px !important;

    fill: none !important;
    stroke: #6f2cff !important;
    stroke-width: 2.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    opacity: 0 !important;
    transform: scale(.65) !important;
    transition: opacity .14s ease, transform .14s ease !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__input:checked
+ .soulu-form-consent__box svg {
    opacity: 1 !important;
    transform: scale(1) !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__input:focus-visible
+ .soulu-form-consent__box {
    outline: 2px solid rgba(111, 44, 255, .42) !important;
    outline-offset: 2px !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__text {
    min-width: 0 !important;
    margin: 0 !important;

    display: inline !important;

    color: var(--gls-muted) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__consent > .soulu-form-consent__text a {
    font-weight: 400 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* ПУСТАЯ ПЛАШКА ОШИБКИ / УСПЕХА НЕ ЗАНИМАЕТ МЕСТО */
html body main.gls-page.glc-page .glc-detail-form .soulu-form-consent__error,
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__error,
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__success {
    display: none !important;
}

html body main.gls-page.glc-page .glc-detail-form .soulu-form-consent.is-error
> .soulu-form-consent__error:not([hidden]):not(:empty),
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__error.is-visible:not(:empty),
html body main.gls-page.glc-page .glc-detail-form .glc-detail-form__success.is-visible:not([hidden]):not(:empty) {
    display: block !important;
}

html body main.gls-page.glc-page .glc-detail-form .soulu-form-consent__error {
    grid-column: 1 / -1 !important;
}

@media (max-width: 980px) {
    html body main.gls-page.glc-page .glc-detail-form-box__content-main {
        padding: 26px 0 8px !important;
    }
}