/* ==========================================================================
   Cookiebot Dialog – Dorcas Theme Overrides
   ========================================================================== */

/* ── Base dialog ── */
#CybotCookiebotDialog {
  font-family: var(--font-body);
  color: var(--gray-dark);
  border-radius: var(--radius-m);
}

#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
  font-family: inherit;
}

/* ── Header ── */
#CybotCookiebotDialogHeader {
  border-bottom-color: var(--sand);
}

#CybotCookiebotDialogPoweredbyCybot svg {
  fill: var(--navy);
}

/* ── Navigation tabs ── */
#CybotCookiebotDialogNav {
  border-bottom-color: var(--sand);
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
  font-family: var(--font-display);
  font-weight: var(--weight-semibold);
  color: var(--gray-dark);
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom-color: var(--action);
  color: var(--navy);
}

/* ── Body content ── */
#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialog .CybotCookiebotDialogBodyContentHeading {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  color: var(--navy);
}

#CybotCookiebotDialogBodyContentText {
  line-height: var(--lh-relaxed);
}

/* ── Toggle sliders ── */
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--sand);
  border-radius: var(--radius-pill);
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--action);
}

#CybotCookiebotDialog form input[type=checkbox][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--sky-blue);
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--white);
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: var(--white);
}

/* ── Category level labels ── */
#CybotCookiebotDialogBodyLevelButtonsSelectPane {
  border-bottom-color: var(--sand);
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription {
  font-family: var(--font-display);
  font-weight: var(--weight-semibold);
}

/* ── Buttons ── */
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  font-family: var(--font-display);
  font-weight: var(--weight-semibold);
  border-radius: var(--radius-m);
  padding: var(--space-d075) var(--space-d1);
  transition: opacity 0.2s ease, transform 0.1s ease;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover {
  opacity: 0.9;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:active {
  transform: scale(0.98);
}

/* Accept all */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept {
  background-color: var(--action);
  border-color: var(--action);
  color: var(--white);
}

/* Selection / Customize */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize {
  background-color: var(--white);
  border-color: var(--navy);
  color: var(--navy);
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {
  border-color: var(--navy);
}

/* Decline / Necessary only */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
  background-color: var(--white);
  border-color: var(--sand);
  color: var(--gray-dark);
}

/* ── Detail view: cookie cards ── */
#CybotCookiebotDialog .CookieCard {
  border-bottom-color: var(--sand);
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab {
  font-family: var(--font-display);
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton:before,
.CybotCookiebotDialogDetailBodyContentIABv2Tab:before {
  border-color: var(--action);
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup {
  border-color: var(--sand);
  border-radius: var(--radius-s);
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo {
  background-color: var(--sand-light);
  border-color: var(--sand);
  border-radius: var(--radius-s);
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoTitle {
  font-family: var(--font-display);
  font-weight: var(--weight-semibold);
  color: var(--navy);
}

/* ── Links ── */
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: var(--action);
}

/* ── GPC toast ── */
#CybotCookiebotDialog .CybotCookiebotDialogGpcContainer {
  border-bottom-color: var(--sand);
}

#CybotCookiebotDialogGpcIcon svg path {
  fill: var(--action);
}

/* ── Detail footer ── */
#CybotCookiebotDialogDetailFooter a {
  color: var(--action);
}

/* ── Focus styles ── */
#CybotCookiebotDialog :focus-visible,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span {
  outline-color: var(--navy);
}

/* ── Scrollbar theming ── */
#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type::-webkit-scrollbar-thumb {
  background: var(--navy);
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer > div:first-of-type::-webkit-scrollbar-track {
  background: var(--sand-light);
}

/* ── Edge template: "More details" link ── */
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: var(--action);
  font-family: var(--font-display);
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {
  border-color: var(--action);
}

/* ── Bulk consent count badges ── */
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
  background-color: var(--blue-light);
  color: var(--navy);
}