/* cookie-consent.css — styling voor de cookiebanner.
   Overlay onderaan; herschikt de bestaande layout niet. Twee gelijkwaardige
   knoppen (weigeren even prominent als accepteren), oranje accent. Apart
   bestand zodat de cookie-functionaliteit in eigen bestanden staat. */
.cookie-banner {
    position: fixed;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    z-index: 2000;
    width: min(520px, calc(100vw - 24px));
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding: 12px 14px;
    background: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner-text {
    flex: 1 1 220px;
    margin: 0;
    font-size: 0.76rem;
    line-height: 1.4;
    color: #000000;
}
.cookie-banner-text a { color: #FF5500; font-weight: 600; }
.cookie-banner-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
}
.cookie-btn {
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 9px;
    border: 2px solid #FF5500;
    cursor: pointer;
}
.cookie-btn-accept { background: #FF5500; color: #FFFFFF; }
.cookie-btn-reject { background: #FFFFFF; color: #FF5500; }
@media (max-width: 520px) {
    .cookie-banner { flex-direction: column; align-items: stretch; }
    /* In kolom-layout wordt flex-basis als HOOGTE gelezen; reset zodat het
       tekstblok niet 280px hoog wordt en de kaart niet onnodig uitrekt. */
    .cookie-banner-text { flex: 0 0 auto; }
    .cookie-banner-actions { justify-content: stretch; }
    .cookie-btn { flex: 1 1 0; }
}