/* ============================================================
   Avesta Digital — Cookiebot consent banner theme
   Matches site tokens: bg #f4f4f0 · ink #0e0e0c · accent #ff7a1a
   · line #e3e1da · fonts DM Sans (body) + Fraunces (serif)
   Overrides Cookiebot's default styling. Loaded on every page.
   ============================================================ */

/* Typography across the whole dialog */
#CybotCookiebotDialog,
#CybotCookiebotDialog * {
  font-family: "DM Sans", "Inter", system-ui, sans-serif !important;
  letter-spacing: normal !important;
}

/* Dimmed overlay behind the modal (if present) */
#CybotCookiebotDialogBodyUnderlay,
.CybotCookiebotDialogBodyUnderlay {
  background: rgba(14, 14, 12, 0.45) !important;
}

/* The dialog card */
#CybotCookiebotDialog {
  color: #0e0e0c !important;
  background: #ffffff !important;
  border: 1px solid #e3e1da !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 10px rgba(20, 20, 20, 0.06), 0 30px 60px -16px rgba(20, 20, 20, 0.14) !important;
  overflow: hidden !important;
}

/* Remove Cookiebot branding (top-right) + cookie icon (top-left) */
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogHeaderLogosWrapper,
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogPoweredbyImage,
#CybotCookiebotDialogPoweredByText,
.CybotCookiebotDialogPoweredbyCybot,
.CybotCookiebotDialogPoweredByText {
  display: none !important;
}

/* Tabs (Consent / Details / About) */
#CybotCookiebotDialogNav {
  border-bottom: 1px solid #e3e1da !important;
}
.CybotCookiebotDialogNavItemLink {
  color: #8a8a85 !important;
  font-weight: 500 !important;
  border-bottom: 2px solid transparent !important;
}
.CybotCookiebotDialogNavItemLink:hover {
  color: #0e0e0c !important;
}
.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: #0e0e0c !important;
  border-bottom-color: #ff7a1a !important;
}

/* Title — serif, to echo the site headings */
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
  font-family: "Fraunces", Georgia, serif !important;
  color: #0e0e0c !important;
  font-weight: 600 !important;
}

/* Body copy + links */
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogDetailBodyContentTextOverflow {
  color: #4a4a47 !important;
}
#CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialogDetailBodyContentTextOverflow a {
  color: #ff7a1a !important;
}

/* Category rows */
#CybotCookiebotDialog [class*="LevelButton"] { border-color: #e3e1da !important; }
.CybotCookiebotDialogBodyLevelButtonDescription {
  color: #0e0e0c !important;
  font-weight: 600 !important;
}

/* Toggle switches — off = warm grey, on = accent orange */
.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #d3d1c9 !important;
}
.CybotCookiebotDialogBodyLevelButton:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #ff7a1a !important;
}
/* "Necessary" is locked on — muted orange to read as disabled-on */
#CybotCookiebotDialogBodyLevelButtonNecessary + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #f6c4a0 !important;
}

/* Buttons — site pill shape + type */
.CybotCookiebotDialogBodyButton {
  border-radius: 999px !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  padding: 13px 24px !important;
  border: 1px solid transparent !important;
  transition: transform .12s ease, background .15s ease, color .15s ease, border-color .15s ease !important;
}
.CybotCookiebotDialogBodyButton:hover { transform: translateY(-1px) !important; }

/* Deny — black filled */
#CybotCookiebotDialogBodyButtonDecline {
  background: #0e0e0c !important;
  color: #ffffff !important;
  border-color: #0e0e0c !important;
}
#CybotCookiebotDialogBodyButtonDecline:hover { background: #2a2a26 !important; }

/* Allow selection — white outline */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background: #ffffff !important;
  color: #0e0e0c !important;
  border-color: #e3e1da !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover { background: #f4f4f0 !important; }

/* Allow all — orange filled (primary) */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background: #ff7a1a !important;
  color: #ffffff !important;
  border-color: #ff7a1a !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover { background: #f06408 !important; }