/* Дополнение к dms-quiz.css для второго квиза. */

.dms-quiz--ns [hidden] {
    display: none !important;
}

.dms-quiz--ns fieldset {
    min-width: 0;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

.dms-quiz--ns legend.dms-quiz__label {
    width: 100%;
    padding: 0;
}

.dms-quiz--ns .dms-quiz__step-content--ns-final {
    justify-content: flex-start;
    max-width: 840px;
}

.dms-quiz--ns .dms-quiz__field--other-sum {
    max-width: 440px;
}

.dms-quiz--ns .dms-quiz__field--methods input.is-invalid
    + .wpcf7-list-item-label::before,
.dms-quiz--ns .dms-quiz__privacy input.is-invalid {
    border-color: var(--dms-error) !important;
}

.dms-quiz--ns .dms-quiz__privacy .dms-field-error:not(:empty) {
    margin-left: 27px;
}

.dms-quiz--ns .wpcf7-response-output.is-visible {
    margin: 20px 46px 32px !important;
    width: calc(100% - 92px);
}

@media (max-width: 700px) {
    .dms-quiz--ns .dms-quiz__step-content--ns-final {
        padding-bottom: 110px;
    }

    .dms-quiz--ns .wpcf7-response-output.is-visible {
        width: calc(100% - 36px);
        margin: 16px 18px 28px !important;
    }
}

/* =========================================================
   NS Quiz — принудительная видимость активного шага
   Нужна на случай глобальных правил Elementor/темы.
   ========================================================= */

.dms-popup .dms-quiz--ns .dms-quiz__step.is-active,
.dms-popup .dms-quiz--ns section.dms-quiz__step.is-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dms-popup .dms-quiz--ns .dms-quiz__step[hidden] {
    display: none !important;
}

/*
 * Honeypot CF7 Antispam.
 * Плагин вставляет его внутрь wpcf7-form-control-wrap,
 * рядом с основным полем.
 */
.dms-popup .dms-quiz--ns input.fit-the-fullspace,
.dms-popup .dms-quiz--ns
    .wpcf7-form-control-wrap
    input.fit-the-fullspace {
    position: absolute !important;
    top: auto !important;
    left: -10000px !important;
    display: none !important;
    width: 1px !important;
    min-width: 0 !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}