/* ============================================================
   Cookiebot consent banner — FOLKS brand overrides
   Replaces Cookiebot's default blue with FOLKS orange (#E25E17)
   and forces Chapeau Mono on every element of the banner.
   ============================================================ */

:root {
  --folks-orange:     #E25E17;
  --folks-orange-hot: #FF7A1F;
}

/* ---------- Force Chapeau Mono everywhere inside Cookiebot UI ---------- */
#CybotCookiebotDialog,
#CybotCookiebotDialog *,
#CybotCookiebotDialogBody,
#CybotCookiebotDialogBody *,
#CybotCookiebotDialogBodyButtonsWrapper button,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink,
#CybotCookiebotDialogDetailBody,
#CybotCookiebotDialogDetailBody *,
#CookieDeclaration,
#CookieDeclaration * {
  font-family: "Chapeau Mono", ui-monospace, Menlo, monospace !important;
}

/* ---------- Primary action buttons (Deny / Allow selection / Allow all) ---------- */
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyLevelButtonAcceptSelection,
#CybotCookiebotDialogBodyLevelButtonAcceptSelectionWrapper a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton.CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonsWrapper button {
  background-color: var(--folks-orange) !important;
  border-color: var(--folks-orange) !important;
  color: #ffffff !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover,
#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialogBodyLevelButtonAccept:hover,
#CybotCookiebotDialogBodyLevelButtonCustomize:hover,
#CybotCookiebotDialogBodyButtonsWrapper button:hover {
  background-color: var(--folks-orange-hot) !important;
  border-color: var(--folks-orange-hot) !important;
}

/* ---------- Toggle switches (when category is enabled) ---------- */
.CybotCookiebotDialogBodyLevelButtonWrapper
  .CybotCookiebotDialogBodyLevelButton:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider,
.CybotCookiebotDialogBodyLevelButtonWrapper
  input[type="checkbox"]:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--folks-orange) !important;
}

/* ---------- Active tab underline (Consent / Details / About) ---------- */
.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: var(--folks-orange) !important;
  border-bottom-color: var(--folks-orange) !important;
}

/* ---------- Links inside the dialog (e.g. "Show details") ---------- */
#CybotCookiebotDialog a,
#CybotCookiebotDialogDetailBodyContent a,
#CybotCookiebotDialogBodyContentText a {
  color: var(--folks-orange) !important;
}

/* ---------- Cookie Declaration table on /privatlivspolitik ---------- */
#CookieDeclaration .CookieDeclarationDialogText a,
#CookieDeclaration a {
  color: var(--folks-orange) !important;
}
#CookieDeclaration table caption,
#CookieDeclaration h2,
#CookieDeclaration h3 {
  color: var(--folks-orange);
}