/* Уведомление о файлах cookie (п.8 памятки юриста).
   Самодостаточные стили: баннер корректно выглядит на любой странице,
   где подключен base.html, независимо от landing/game css. */

.cookie-banner {
    position: fixed;
    left: 50%;
    bottom: clamp(10px, 2vh, 22px);
    transform: translateX(-50%);
    z-index: 2200; /* выше --z-index-tooltip */
    width: min(94vw, 640px);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(190, 169, 121, 0.28);
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 55%),
        rgba(8, 10, 16, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 16px 36px -22px rgba(0, 0, 0, 0.9),
        0 0 24px -18px rgba(255, 204, 112, 0.18);
    backdrop-filter: blur(4px);
    color: rgba(255, 244, 216, 0.94);
    font-family: var(--font-family-base, 'Lucida Console', 'Courier New', monospace);
    font-size: var(--font-size-xs, 0.75rem);
    line-height: var(--line-height-normal, 1.5);
}

.cookie-banner.d-none {
    display: none;
}

.cookie-banner__text {
    flex: 1 1 auto;
    min-width: 0;
}

.cookie-banner__text a {
    color: rgba(255, 204, 112, 0.92);
    text-decoration: none;
    border-bottom: 1px dotted rgba(255, 204, 112, 0.55);
}

.cookie-banner__text a:hover,
.cookie-banner__text a:focus-visible {
    color: rgba(255, 224, 160, 1);
    border-bottom-color: rgba(255, 224, 160, 0.85);
}

.cookie-banner__actions {
    flex: 0 0 auto;
}

.cookie-banner__ok {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 8px;
    border: 1px solid rgba(190, 169, 121, 0.45);
    background: linear-gradient(180deg, rgba(255, 204, 112, 0.22), rgba(255, 204, 112, 0.10));
    color: rgba(255, 244, 216, 0.96);
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.cookie-banner__ok:hover,
.cookie-banner__ok:focus-visible {
    background: linear-gradient(180deg, rgba(255, 204, 112, 0.34), rgba(255, 204, 112, 0.18));
    border-color: rgba(242, 210, 132, 0.7);
}

@media (max-width: 560px) {
    .cookie-banner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 8px;
    }

    .cookie-banner__actions {
        display: flex;
        justify-content: center;
    }
}