/* =============================================================================
   ПЛАШКА О ФАЙЛАХ COOKIE (WF1-HOMEPAGE-FIX-1).

   ПОЧЕМУ ЭТОТ ФАЙЛ ПОЯВИЛСЯ. Правила плашки лежали в
   `media/css/default/style.css` — ИСХОДНИКЕ сборки, который на публичных
   страницах не подключается: браузер получает уже собранный
   `media/css/style.css`, а в него блок `.cookies-alert` не попал. В итоге
   плашка выводилась совсем без оформления: обычный абзац внизу страницы,
   `position: static`, без фона, отступов и скруглений (проверено:
   getComputedStyle возвращал прозрачный фон и нулевой padding).

   Правила ниже — те же, что в исходнике, слово в слово. Файл подключается
   САМИМ партиалом `layouts/cookie_notice.php`, поэтому оформление приезжает
   вместе с плашкой на любую страницу, где она есть, и не зависит от того,
   пересобирали ли `style.css`. Если сборка когда-нибудь донесёт те же правила
   в общий файл, они просто совпадут — конфликта не будет.
   ============================================================================= */

.cookies-alert {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: #1e2a3a;
    backdrop-filter: blur(8px);
    background: rgba(30, 42, 58, 0.95);
    color: #f0f3f8;
    padding: 1rem 1.5rem;
    border-radius: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    z-index: 1000;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.15);
    font-size: 0.95rem;
    font-weight: 400;
    transition: all 0.2s ease;
}

/* Скрытая плашка обязана быть скрытой. `display:flex` выше перебивает
   стандартное поведение атрибута `hidden`, которым движок держит её до
   решения посетителя, — без этой строки плашка мелькала бы на каждой
   загрузке у того, кто уже нажал «Согласен». */
.cookies-alert[hidden] {
    display: none;
}

.cookies-text {
    flex: 1;
}

.cookies-text span {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem;
}

.cookies-text a {
    color: #ffd966;
    text-decoration: none;
    border-bottom: 1px dashed #ffd966;
    transition: color 0.2s;
}

.cookies-text a:hover {
    color: #ffc107;
    border-bottom-style: solid;
}

.cookies-btn .btn {
    background: #3b82f6;
    border: none;
    padding: 0.5rem 1.2rem;
    border-radius: 40px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    color: white;
    font-family: inherit;
}

.cookies-btn .btn:hover {
    background: #2563eb;
}

.cookies-btn .btn:active {
    transform: scale(0.97);
}

/* адаптивность для маленьких экранов */
@media (max-width: 640px) {
    .cookies-alert {
        flex-direction: column;
        align-items: stretch;
        border-radius: 28px;
        padding: 1rem;
        bottom: 12px;
        left: 12px;
        right: 12px;
    }
    .cookies-btn {
        align-self: flex-end;
    }
}