/**
 * RB Core — Legal Consent (frontend)
 *
 * Стиль чекбоксов и текста наследуется от темы (Blocksy).
 * Здесь — только layout (gap, spacing) и a-tag inherit color.
 */

.rb-legal-consent {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px 0;
    box-sizing: border-box;
}

/* Consent снаружи формы (newsletter sibling) — занимает отдельную строку
   в flex/grid-контейнере (Blocksy: email+submit в одном flex-row). */
:not(form) > .rb-legal-consent {
    flex-basis: 100%;
    grid-column: 1 / -1;
    width: 100%;
}

/* Consent внутри CF7 <form> напрямую — без принудительной ширины,
   чтобы не растягивать submit-кнопку. */
form > .rb-legal-consent {
    flex-basis: auto;
    grid-column: auto;
    width: auto;
}

/* Точечный фикс для inline-форм с .form-row:
   - flex-wrap: wrap позволяет consent перенестись на новую строку
   - order: 10 → consent визуально идёт ПОСЛЕ полей и кнопки
     (в DOM он перед submit, что нужно для логики disabled-кнопки)
   - margin-bottom: 0 убирает отступ снизу (сужает блок)
   - width/flex-basis: 100% → занимает всю строку */
.form-row:has(.rb-legal-consent) {
    flex-wrap: wrap;
}

.form-row .rb-legal-consent {
    order: 10;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 0;
}

.form-row .rb-legal-consent__check {
    width: auto;
}

.rb-legal-consent__label {
    display: flex;
    /* baseline — чекбокс «.ct-checkbox» Blocksy задан как inline-block с
       vertical-align: baseline + position:relative; top:3px (sass/frontend/
       4-components/form/checkbox-radio.scss:30-32). align-items: baseline
       выравнивает чекбокс по baseline первой строки текста, что совпадает
       с задумкой темы и работает для multi-line подписей. */
    align-items: baseline;
    gap: 8px;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 1.4;
    margin: 0;
}

.form-row .rb-legal-consent__label { 
    margin-bottom: 0 !important;
 }

.wpcf7-spinner {
    visibility: hidden;
}

.submitting .wpcf7-spinner {
    visibility: visible;
}

.rb-legal-consent__check {
    flex: none;
}

.rb-legal-consent__text {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 400 1!important;;
    font-size: 12px !important;
}

.rb-legal-consent__link {
    color: inherit;
    text-decoration: underline;
}

.rb-legal-consent__link:hover,
.rb-legal-consent__link:focus-visible {
    text-decoration: none;
}

/* Submit-кнопка в disabled-состоянии — стандартный WP/тема обычно
   уже стилизуют [disabled], но добавим базовый fallback. */
.rb-legal-consent ~ button[type="submit"][disabled],
.rb-legal-consent ~ input[type="submit"][disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ct-newsletter-subscribe-container > .rb-legal-consent { text-align: left !important; }