/* Cookie-Banner fuer Google Analytics - identisch zur Homepage
   (templates/cookie-banner.php, assets/js/consent.js). Eigenstaendig mit
   festen Farben, damit er auf allen Seiten gleich aussieht. */
.cookie-banner[hidden] { display: none !important; }
.cookie-banner {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 2000;
    background: #0a1140;
    color: #fff;
    box-shadow: 0 -8px 30px rgba(10, 17, 64, .3);
    font-family: 'Inter', 'Segoe UI', sans-serif;
    text-align: left;
}
.cookie-banner-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: .9rem 1.2rem;
    /* Abstand zu Systemleisten (Handy-Navigationsleiste, iPhone-Home-Balken) */
    padding-bottom: calc(.9rem + env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .7rem 1.2rem;
}
.cookie-banner-inner p { margin: 0; flex: 1 1 420px; font-size: .9rem; line-height: 1.45; color: #fff; }
.cookie-banner-inner a { color: #ffd23f; }
.cookie-banner-actions { display: flex; gap: .6rem; flex: 0 0 auto; }
.cookie-btn {
    font-family: inherit;
    font-weight: 600;
    font-size: .9rem;
    padding: .55rem 1.2rem;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    white-space: nowrap;
}
.cookie-btn-primary { background: #1a2fd8; color: #fff; }
.cookie-btn-primary:hover { background: #2e4bff; }
.cookie-btn-outline { background: transparent; border-color: rgba(255, 255, 255, .5); color: #fff; }
.cookie-btn-outline:hover { border-color: #fff; }
@media (max-width: 640px) {
    .cookie-banner-inner { flex-direction: column; align-items: stretch; }
    .cookie-banner-inner p { flex: none; }   /* sonst wird die 420px-Basis im Spaltenlayout zur Hoehe */
    .cookie-banner-actions { justify-content: flex-end; }
}