/* o5o refinements: overschrijft over-designed defaults uit style.min.css.
   Gelaadt op alle pages via includes/head-meta.php */

/* Hero logo: speelse rotate+scale weg, kleine fade-in op hover ipv */
.header img { transition: opacity 0.2s ease !important; }
.header img:hover { transform: none !important; filter: none !important; opacity: 0.85; }

/* Dark mode toggle: kleiner, geen schaduw, geen hover-scale */
.dark-mode-toggle {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
    border-width: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0.55;
    transition: opacity 0.2s ease !important;
}
.dark-mode-toggle:hover {
    transform: none !important;
    box-shadow: none !important;
    opacity: 1;
}
@media (max-width: 768px) {
    .dark-mode-toggle { width: 32px !important; height: 32px !important; font-size: 15px !important; }
}

/* Cookie-banner: groene gradient + heftige slide-up weg, simpel paneel */
.cookie-notice {
    border-top: 1px solid var(--card-border, rgba(0,0,0,0.08)) !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important;
    animation: none !important;
}
.cookie-notice-content { padding: 12px 20px !important; }
.cookie-notice p { font-size: 0.86em !important; }
.cookie-notice p strong { font-size: 0.95em !important; color: var(--text-color) !important; }
.cookie-accept-btn {
    padding: 8px 18px !important;
    background: var(--text-color, #2c3e50) !important;
    color: var(--bg-color, #fff) !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    font-size: 0.88em !important;
    box-shadow: none !important;
}
.cookie-accept-btn:hover { transform: none !important; box-shadow: none !important; opacity: 0.85 !important; }
[data-theme="dark"] .cookie-accept-btn { background: var(--text-color, #e0e0e0) !important; color: var(--bg-color, #1a1a1a) !important; }