/* =========================
COOKIE BANNER - FINAL
UKDS PREMIUM VERSION
========================= */

.cookie-banner {
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;

display: none; /* Controlled by JS */
justify-content: space-between;
align-items: center;

background: #0b132b;
color: #ffffff;

padding: 20px;
border-radius: 10px;

border: 1px solid rgba(212,168,67,0.3);
box-shadow: 0 10px 40px rgba(0,0,0,0.5);

backdrop-filter: blur(10px);

z-index: 9999;
}

/* TEXT */
.cookie-text {
margin: 0;
font-size: 15px;
color: rgba(255,255,255,0.9);
}

/* LINK */
.cookie-banner a {
color: #D4A843;
text-decoration: underline;
margin-left: 6px;
font-weight: 500;
}

.cookie-banner a:hover {
color: #ffffff;
}

/* ACTIONS CONTAINER */
.cookie-actions {
display: flex;
gap: 12px;
}

/* BASE BUTTON */
.cookie-actions button {
padding: 10px 20px;
border-radius: 6px;
font-size: 14px;
cursor: pointer;

border: none;
outline: none;

transition: all 0.3s ease;
}

/* ACCEPT BUTTON (PRIMARY) */
.cookie-actions button:first-child {
background: linear-gradient(135deg, #D4A843, #f1c75b);
color: #020810;
font-weight: 600;
}

.cookie-actions button:first-child:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(212,168,67,0.4);
}

/* REJECT BUTTON (SECONDARY) */
.cookie-actions button:last-child {
background: transparent;
color: #D4A843;
border: 1.5px solid #D4A843;
}

.cookie-actions button:last-child:hover {
background: rgba(212,168,67,0.1);
transform: translateY(-2px);
}