/* =============================================================================
   Cookie-баннер. Вынесен отдельным файлом, потому что подключается на всех
   страницах и меняется независимо от основной темы.
   ========================================================================== */

.cookie-banner {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 1080;
    background: var(--brit-bg-dark, #0f2231);
    color: #dbe4ec;
    border-top: 3px solid var(--brit-blue, #0d5c8f);
    padding-block: 1rem;
    /* Учитываем «безопасную зону» на телефонах с жестовой навигацией,
       иначе кнопки перекрываются системной полосой. */
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .25);
    font-size: .9rem;
}

.cookie-banner[hidden] { display: none; }

.cookie-banner__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.cookie-banner__text { flex: 1 1 26rem; }
.cookie-banner__text a { color: #fff; text-decoration: underline; }

.cookie-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    flex: 0 0 auto;
}

/* На узких экранах кнопки занимают всю ширину и становятся одинаковыми
   по площади — отказ не должен быть менее заметен, чем согласие. */
@media (max-width: 575.98px) {
    .cookie-banner__actions { width: 100%; }
    .cookie-banner__actions .btn { flex: 1 1 100%; }
}

@media print {
    .cookie-banner { display: none !important; }
}