/* Cookie consent modal styles */
#cookie-banner { position: fixed; left: 0; right: 0; bottom: 0; background: #111; color: #fff; padding: 12px; z-index: 99999; display: none; }
#cookie-banner.show { display: block; }
#cookie-banner .cb-inner { max-width: 1100px; margin: 0 auto; display: flex; gap: 12px; align-items: center; justify-content: space-between; }
#cookie-banner .cb-content p { margin: 0; }
#cookie-banner .cb-actions { display:flex; gap:8px; }

/* Modal overlay for preferences */
#cookie-panel { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); z-index: 100000; }
#cookie-panel.open { display: flex; }
.cookie-panel-inner { max-width: 900px; width: 94%; background: #fff; color: #111; border-radius: 8px; padding: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.25); position: relative; }
.cookie-panel-inner .cb-close { position: absolute; top: 10px; right: 12px; background: none; border: none; font-size: 18px; cursor: pointer; }
.cookie-categories { list-style: none; padding: 0; margin: 0; }
.cookie-categories li { margin: 12px 0; }
.cookie-desc { margin: 6px 0 0 22px; color: #666; font-size: 90%; }
.cookie-actions { margin-top: 16px; display: flex; gap: 8px; align-items: center; }
.cookie-admin { margin-top: 12px; font-size: 90%; color: #666; }

/* Prevent background scroll when modal open */
body.kg-modal-open { overflow: hidden; }

@media (max-width: 720px) {
  #cookie-banner .cb-inner { flex-direction: column; align-items: stretch; }
  .cookie-panel-inner { width: 96%; padding: 16px; }
}