/**
 * WCS - Yandex SmartCaptcha: стили поля капчи на сайте.
 *
 * Намеренно минимальны: виджет должен вписываться в тему клиента, а не
 * навязывать свой вид. Всё, что здесь есть, — отступы и сообщение об ошибке.
 */

.wcs-yc-field {
    margin: 0 0 1em;
    max-width: 100%;
}

.wcs-yc-field:last-child {
    margin-bottom: 0;
}

/* В невидимом режиме показывать нечего: виджет не рисуется. */
.wcs-yc-field--invisible .wcs-yc-widget {
    display: none;
}

.wcs-yc-widget {
    max-width: 100%;
}

/*
 * Отрисовавшись, виджет вешает на наш контейнер свой класс .smart-captcha и
 * приносит правило min-width: 300px. В колонке уже 300px это выталкивает его
 * за край: min-width в CSS сильнее max-width, поэтому max-width: 100% выше
 * не спасает. Снимаем нижнюю границу — виджет сжимается по колонке, подписи
 * переносятся на вторую строку, и он остаётся пригодным для нажатия.
 */
.wcs-yc-widget.smart-captcha {
    min-width: 0;
    max-width: 100%;
}

/* Виджет Яндекса шире узких колонок — даём ему сжиматься. */
.wcs-yc-widget iframe {
    max-width: 100%;
}

.wcs-yc-error {
    margin-top: .5em;
    padding: .6em .8em;
    color: #b32d2e;
    background: #fcf0f1;
    border-left: 3px solid #b32d2e;
    border-radius: 2px;
    font-size: .9em;
    line-height: 1.4;
}

/* Пустое сообщение не должно оставлять после себя цветной прямоугольник. */
.wcs-yc-error:empty {
    display: none;
}

.wcs-yc-field--error .wcs-yc-widget {
    outline: 1px solid #b32d2e;
    outline-offset: 2px;
    border-radius: 4px;
}

.wcs-yc-noscript {
    margin: 0;
    color: #b32d2e;
    font-size: .9em;
}

/* Elementor кладёт поля в свою сетку — не ломаем её. */
.wcs-yc-elementor-group .wcs-yc-field {
    margin-bottom: 0;
    width: 100%;
}

/*
 * «Проверка уже пройдена»: показывается вместо виджета, когда форма
 * перерисовалась (чекаут WooCommerce делает это при смене доставки и адреса),
 * а полученный ранее токен ещё годен.
 */
.wcs-yc-carried {
    display: flex;
    align-items: center;
    gap: .6em;
    flex-wrap: wrap;
    font-size: .95em;
    line-height: 1.4;
}

.wcs-yc-carried__text::before {
    content: "✓";
    margin-right: .4em;
    font-weight: 700;
    color: #1e8e3e;
}

/* Кнопка выглядит ссылкой: рядом с ней уже есть главная кнопка формы. */
.wcs-yc-carried__again {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
    opacity: .75;
}

.wcs-yc-carried__again:hover,
.wcs-yc-carried__again:focus {
    opacity: 1;
}