/* Баннер согласия.
   Полоса во всю ширину экрана, содержимое — по сетке сайта (.container темы).
   Цвета фона и текста приходят инлайном из настроек модуля (#FFFFFF / #222222),
   акценты — из палитры темы: синий #23A1D1 (кнопки и ссылки), жёлтый #FFC520
   (фирменная линия под шапкой и над подвалом). */
.rcm-consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    border-top: 3px solid #FFC520;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .18);
    font-size: 14px;
    line-height: 1.5;
}

.rcm-consent__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

/* Бутстраповский .container несёт клиэрфикс `&:before/&:after { content:" "; display:table }`.
   В обычном блоке они безвредны, но во flex-контейнере становятся флекс-элементами
   нулевой ширины — и `gap` отсчитывается ещё и вокруг них. Из-за этого содержимое
   баннера вставало на 1em уже сетки сайта: 0 + gap + текст + gap + кнопки + gap + 0.
   Гасим их, чтобы левый край текста совпадал с левым краем контента сайта. */
.rcm-consent__inner::before,
.rcm-consent__inner::after {
    display: none;
}

.rcm-consent__text {
    flex: 1 1 320px;
    min-width: 0;
}

.rcm-consent__text a { color: #23A1D1; text-decoration: underline; }

.rcm-consent__buttons {
    display: flex;
    gap: .6em;
    flex-shrink: 0;
}

.rcm-consent__btn {
    padding: .5em 1.6em;
    border: 1px solid #23A1D1;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.rcm-consent__btn--accept { background: #23A1D1; color: #fff; }
.rcm-consent__btn--accept:hover { background: #1F90BB; border-color: #1F90BB; }

.rcm-consent__btn--reject { background: transparent; color: #23A1D1; }
.rcm-consent__btn--reject:hover { background: #F2F9FC; }

@media (max-width: 767px) {
    .rcm-consent__inner { flex-direction: column; align-items: stretch; }
    .rcm-consent__buttons { justify-content: stretch; }
    .rcm-consent__btn { flex: 1 1 auto; }
}

.rcm-gate-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 1em;
    text-align: center;
    background: #f5f5f5;
    border: 1px dashed #bbb;
    color: #333;
}

.rcm-gate-placeholder button {
    padding: .4em 1.2em;
    cursor: pointer;
}