/* cookies.css — Cookiebot banner light-theme override (default is dark) */

#CybotCookiebotDialog,
#CybotCookiebotDialogBodyUnderlay {
  font-family: var(--f-body) !important;
  color: var(--c-text) !important;
}

#CybotCookiebotDialog {
  background: var(--c-bg) !important;
  border: 1px solid var(--c-border-hi) !important;
  border-radius: var(--r-md) !important;
  box-shadow: none !important;
  color: var(--c-text) !important;
}

#CybotCookiebotDialog * {
  font-family: var(--f-body) !important;
  color: var(--c-text) !important;
}

#CybotCookiebotDialogHeader,
#CybotCookiebotDialogBodyContentTitle {
  color: var(--c-text) !important;
  font-family: var(--f-heading) !important;
  font-weight: 700 !important;
}

#CybotCookiebotDialogBodyContentText {
  color: var(--c-text-dim) !important;
}

#CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogBodyButtonAccept,
.CybotCookiebotDialogBodyButton {
  background: var(--c-bg) !important;
  color: var(--c-accent) !important;
  border: 1px solid var(--c-border) !important;
  border-left: 4px solid var(--c-accent) !important;
  border-radius: var(--r-md) !important;
  font-family: var(--f-heading) !important;
  font-weight: 700 !important;
  padding: var(--s-12) var(--s-24) var(--s-12) var(--s-20) !important;
  box-shadow: none !important;
  text-transform: none !important;
}

#CybotCookiebotDialogBodyLevelButtonAccept:hover,
.CybotCookiebotDialogBodyButton:hover {
  border-left-width: 7px !important;
  padding-left: var(--s-16) !important;
}

#CybotCookiebotDialogBodyLevelDetailsButton {
  color: var(--c-accent) !important;
  text-decoration: underline !important;
}

#CybotCookiebotDialog a {
  color: var(--c-accent) !important;
  text-decoration: underline !important;
}

/* Fallback banner (if Cookiebot not available — localhost/dev) */
.ec-cookies-fallback {
  position: fixed;
  bottom: var(--s-16);
  left: var(--s-16);
  right: var(--s-16);
  max-width: 640px;
  margin: 0 auto;
  padding: var(--s-16) var(--s-24);
  background: var(--c-bg);
  border: 1px solid var(--c-border-hi);
  border-radius: var(--r-md);
  font-family: var(--f-body);
  font-size: 0.875rem;
  color: var(--c-text);
  z-index: 999;
  display: none;
}
.ec-cookies-fallback.is-visible { display: block; }
.ec-cookies-fallback__actions {
  display: flex;
  gap: var(--s-16);
  justify-content: flex-end;
  margin-top: var(--s-12);
}