/* css/main.css */

body {
    background-color: #0b0c10;
    color: #eaeaea;
}

.navbar-brand {
    letter-spacing: 0.05em;
}

main .card {
    border-radius: 0.75rem;
}

main .card-body {
    padding: 2rem;
}

.display-5 {
    color: #66fcf1;
}

a, .nav-link {
    text-decoration: none;
}

footer {
    font-size: 0.85rem;
}


/* --- Cookie banner --- */

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1080; /* above navbar, below modals */
    background: rgba(10, 10, 10, 0.95);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
}

.cookie-banner p {
    color: #eaeaea;
}

.cookie-banner a {
    color: #66fcf1;
}

/* Optional: tweak modal appearance for cookie settings */
#cookieSettingsModal .modal-content {
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
}





/* Cookie settings modal tweaks */
#cookieSettingsModal .modal-dialog {
    max-width: 520px;
}

#cookieSettingsModal .modal-body {
    max-height: 60vh;   /* keep it within viewport */
    overflow-y: auto;   /* scroll inside modal if needed */
}