/* =============================================
   Уведомление о cookie (Cookie Notice)
   ============================================= */

/* Контейнер плашки: фиксируется внизу экрана поверх всего контента */
.cookie-notice {
    position: fixed;       /* Фиксируем элемент относительно окна браузера */
    bottom: 0;             /* Прижимаем к нижнему краю */
    left: 0;
    right: 0;              /* Растягиваем на всю ширину */
    background: rgba(45, 45, 45, 0.95); /* Тёмно-серый полупрозрачный фон */
    color: #fff;           /* Белый текст */
    padding: 20px;         /* Внутренние отступы */
    z-index: 9999;         /* Поверх всех элементов на странице */
    font-family: Arial, sans-serif;
    display: none;         /* Скрыта по умолчанию */
}

/* Класс-модификатор: показывает плашку */
.cookie-notice.show {
    display: block;
}

/* Внутренний контейнер: центрирует содержимое и располагает в строку */
.cookie-notice__content {
    max-width: 1200px;     /* Ограничиваем ширину как у основного контента */
    margin: 0 auto;        /* Центрируем по горизонтали */
    display: flex;         /* Flex-контейнер для выстраивания текста и кнопки в ряд */
    align-items: center;   /* Вертикальное выравнивание по центру */
    justify-content: space-between; /* Текст слева, кнопка справа */
    gap: 20px;             /* Расстояние между текстом и кнопкой */
}

/* Текст уведомления */
.cookie-notice__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;      /* Межстрочный интервал для читабельности */
    flex: 1;               /* Занимает всё доступное пространство */
}

/* Ссылка на политику конфиденциальности */
.cookie-notice__link {
    color: #4299e1;        /* Голубой цвет ссылки */
    text-decoration: none; /* Убираем стандартное подчёркивание */
    border-bottom: 1px solid #4299e1; /* Своё тонкое подчёркивание */
}

.cookie-notice__link:hover {
    text-decoration: underline; /* При наведении — стандартное подчёркивание */
}

/* Кнопка «Принять» */
.cookie-notice__button {
    background: #4299e1;   /* Голубой фон кнопки */
    color: white;
    border: none;          /* Убираем стандартную рамку */
    padding: 10px 25px;    /* Внутренние отступы: 10px сверху/снизу, 25px по бокам */
    border-radius: 4px;    /* Скругление углов */
    cursor: pointer;       /* Курсор-указатель при наведении */
    font-size: 14px;
    white-space: nowrap;   /* Текст не переносится на новую строку */
    transition: background 0.3s ease; /* Плавная анимация смены фона */
}

.cookie-notice__button:hover {
    background: #3182ce;   /* Более тёмный голубой при наведении */
}

/* Адаптивность для мобильных устройств (экран ≤ 768px) */
@media (max-width: 768px) {
    .cookie-notice__content {
        flex-direction: column;  /* Текст и кнопка — друг под другом */
        align-items: stretch;    /* Растягиваем элементы на всю ширину */
    }

    .cookie-notice__text {
        font-size: 13px;         /* Чуть мельче текст на мобильных */
    }

    .cookie-notice__button {
        width: 100%;             /* Кнопка на всю ширину */
    }
}