/**
 * Кастомные правки баннера согласия на cookie поверх темы dark-floating.
 * Вендорный CSS (vendor/bower-asset/cookieconsent/build/dark-floating.css) НЕ трогаем —
 * только переопределяем здесь. Подключается через app\assets\CookieConsentAsset.
 *
 * Проблема темы: кнопка позиционируется абсолютно (position:absolute; bottom)
 * в расчёте на короткое сообщение и наезжает на наш длинный многострочный текст.
 * Решение: выкладываем содержимое колонкой и ставим кнопку в нормальный поток ПОД текстом.
 */

.cc_container {
    /* колонка: сообщение сверху, кнопка снизу */
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    /* в теме снизу зарезервирован отступ под абсолютную кнопку — он больше не нужен */
    padding-bottom: 15px !important;
}

/* порядок: сначала текст, потом кнопка (в разметке кнопка идёт первой) */
.cc_container .cc_message {
    order: 1;
}

.cc_container .cc_btn {
    order: 2;
    /* снимаем absolute из темы, возвращаем в поток */
    position: static !important;
    left: auto;
    right: auto;
    bottom: auto;
    /* кнопка по содержимому и прижата влево, а не на всю ширину */
    display: inline-block;
    width: auto;
    align-self: flex-start;
    margin: 12px 0 0;
}

/* логотип silktide тянется фоном с cdnjs — прячем, чтобы не было внешнего запроса */
.cc_container .cc_logo {
    display: none !important;
}