/* backend/building_kit/cookies/banner.css */

/* Banner (wie gehabt) */
#cookie-banner{
  z-index: 1000;
}

.cookie-banner--hidden { display: none; }
.cookie-banner--visible {
  position: fixed; bottom: 0; width: 100%;
  background: #222; color: #fff; padding: 1em;
  font-family: sans-serif; box-shadow: 0 -2px 6px rgba(0,0,0,0.3);
}
.cookie-banner__buttons button {
  margin-left: 0.5em; padding: 0.5em 1em;
  background: #fff; color: #222; border: none; cursor: pointer;
}

/* Modal Overlay + Box */
.cookie-settings--hidden { display: none; }
.cookie-settings__overlay {
  position: fixed; top:0; left:0; width:100%; height:100%;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
}
.cookie-settings__modal {
  position: fixed; top:50%; left:50%;
  transform: translate(-50%, -50%);
  background: #fff; color: #222; padding:2em;
  max-width: 500px; width: 90%; border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  z-index: 1001;
}
.cookie-settings__modal h2 { margin-top:0; }
.cookie-category { margin-bottom:1em; }
.cookie-category .description {
  margin: 0.25em 0 0 1.8em; font-size:0.9em; color: #555;
}
.cookie-settings__actions {
  text-align: right;
}
.cookie-settings__actions button {
  margin-left: 0.5em; padding: 0.5em 1em;
  border: none; cursor: pointer;
}