/* Стиль основного блока уведомления */
.cookie-popup {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Корректировка внешнего вида при принятом соглашении */
.cookie-popup--accepted {
    display: none !important;
}

/* Показываем уведомление, если согласие не принято */
.cookie-popup--not-accepted {
    opacity: 1;
}

/* Оформление текста внутри окна */
.cookie-popup div {
    font-size: 14px;
    line-height: 1.5;
}

/* Внешний вид кнопки */
.cookie-popup button {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #fff;
    color: #333;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

/* Эффект при наведении на кнопку */
.cookie-popup button:hover {
    background-color: #ddd;
}

/* Альтернативный стиль для светлого варианта */
.cookie-popup--light {
    background-color: #fafafa;
    color: black;
}

/* Переход между стилями */
.cookie-popup--light .cookie-popup button {
    background-color: #333;
    color: white;
}

/* Стилизация ссылок */
.cookie-popup a {
    color: inherit;
    text-decoration: underline;
}

/* Стиль кнопки-крестика */
.cookie-popup .cookie-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none; /* Убираем фон */
    border: none;     /* Убираем рамку */
    color: white;     /* Цвет текста (для тёмной темы) */
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
}

/* Эффект при наведении на крестик */
.cookie-popup .cookie-popup-close:hover {
    color: #ddd;
}

/* Если используется светлая тема, цвет крестика должен быть чёрным */
.cookie-popup--light .cookie-popup-close {
    color: black;
}

/* Стили для ваших ссылок (остаются без изменений) */
.custom-link {
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block; /* Важно для корректной работы */
}

.custom-link:hover {
    color: #052b69;
    text-decoration: underline;
}

/* НОВЫЙ СТИЛЬ */
.right-edge {
    position: absolute; /* Вырываем ссылку из потока */
    right: 0; /* Прижимаем к правому краю ближайшего родителя с position: relative */
}