/* ── Cookiebot button re-skin: blue defaults → MR Digital black ──
   Cookiebot ships its own stylesheet with the dialog; these rules use
   !important + ID selectors (per Cookiebot's own override guidance) to
   win the specificity fight. Selectors cover both the current default
   dialog and the older/alternate ID spellings Cookiebot has shipped,
   so this keeps working across their template updates. */

/* Dialog/banner surface itself → keep light, never dark.
   Includes the main banner AND the "Cookie settings" detail/preferences
   panel (shown after clicking Details) — same light surface + dark text
   on both, so the two views visually match. */
#CybotCookiebotDialog,
#CybotCookiebotDialogBody,
#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialogDetail,
#CybotCookiebotDialogBodyLevelWrapper,
#CybotCookiebotDialogBodyLevelWrapperMain,
#CybotCookiebotDialogBodyLevel,
#CybotCookiebotDialogBodyLevelButtonsWrapper,
#CybotCookiebotDialogTabContent,
#CybotCookiebotDialogNav,
.CybotCookiebotDialogBodyLevel,
.CybotCookiebotScrollContainer {
  background-color: #F5F4EE !important;
  color: #0D0D0D !important;
}

/* Text inside the settings panel (category names, descriptions, tab labels)
   → dark, not the default light-on-dark styling */
#CybotCookiebotDialogDetail *,
#CybotCookiebotDialogBodyLevelWrapper *,
#CybotCookiebotDialogTabContent *,
#CybotCookiebotDialogNav * {
  color: #0D0D0D !important;
}

/* Primary actions: Accept / Allow all / Allow selection → solid black.
   Scoped to these specific IDs only — NOT the shared .CybotCookiebotDialogBodyButton
   class, since that class is also used by Decline, Close and Details, which must
   stay neutral (see below). */
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonAcceptAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonAccept {
  background-color: #0D0D0D !important;
  border-color: #0D0D0D !important;
  color: #F5F4EE !important;
}
#CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialogBodyButtonAcceptAll:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowSelection:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogBodyLevelButtonAccept:hover {
  background-color: #1A1A1A !important;
  border-color: #1A1A1A !important;
}

/* Secondary action: Decline → black outline, not solid, so it stays
   visually distinct from Accept instead of two identical black buttons */
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyButtonDeclineAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background-color: transparent !important;
  border: 1.5px solid #0D0D0D !important;
  color: #0D0D0D !important;
}
#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyButtonDeclineAll:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
  background-color: rgba(13,13,13,0.06) !important;
}

/* "Hide details" / "Show details" toggle → plain text link, no box at all */
#CybotCookiebotDialogBodyButtonDetails,
#CybotCookiebotDialogBodyLevelButtonCustomize,
.CybotCookiebotDialogBodyLink {
  background-color: transparent !important;
  background: none !important;
  border: none !important;
  color: #0D0D0D !important;
  text-decoration: underline !important;
}

/* Close ("X") button → transparent, never a solid box.
   Confirmed via devtools screenshot: the black square is actually inside
   #CookiebotWidget (the floating "manage consent" reopen panel), not the
   main dialog — the generic "#CookiebotWidget button" rule further down
   was painting its own close icon black too. Attribute substring matching
   catches it (and the main dialog's close icon) regardless of exact naming,
   and — because an attribute selector outranks a bare tag selector — it
   correctly wins over the "#CookiebotWidget button" black rule below. */
.CybotCookiebotBannerCloseButton,
.CybotCookiebotDialogBodyButtonClose,
#CybotCookiebotDialogBodyButtonClose,
#CybotCookiebotDialogBodyButtonDecline2,
#CybotCookiebotDialog [class*="Close" i],
#CybotCookiebotDialog [id*="Close" i],
#CybotCookiebotDialog [aria-label*="lose" i],
#CybotCookiebotDialog [aria-label*="täng" i],
#CybotCookiebotDialog [title*="lose" i],
#CookiebotWidget [class*="close" i],
#CookiebotWidget [id*="close" i],
#CookiebotWidget [aria-label*="lose" i],
#CookiebotWidget [aria-label*="täng" i],
#CookiebotWidget [title*="lose" i] {
  background-color: transparent !important;
  background-image: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #0D0D0D !important;
}

/* Category toggle switches (statistics/marketing/preferences) → black when on */
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonSlider,
.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #0D0D0D !important;
}

/* Floating "manage consent" re-open icon in the corner */
#CookiebotWidget button,
#CookiebotWidget .CookiebotWidget-btn {
  background-color: #0D0D0D !important;
  border-color: #0D0D0D !important;
  color: #F5F4EE !important;
}