/* Keep Cookiebot visually consistent with the previous compact dialog. */
#CybotCookiebotDialog {
  width: min(520px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-width: 520px !important;
  height: auto !important;
  max-height: min(88vh, 620px) !important;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyInternalAlias,
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogNav,
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredByText {
  display: none !important;
}

#CybotCookiebotDialogTabContent,
#CybotCookiebotDialogBody,
#CybotCookiebotDialog .CybotCookiebotScrollContainer {
  min-height: 0 !important;
}

#CybotCookiebotDialogBodyContent {
  padding: 28px 36px 18px !important;
}

#CybotCookiebotDialogBodyContentTitle {
  margin: 0 0 12px !important;
  color: #262626 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

#CybotCookiebotDialogBodyContentText {
  color: #666 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#CybotCookiebotDialogBodyBottomWrapper {
  border-top: 0 !important;
}

#CybotCookiebotDialogBodyButtons {
  padding: 0 36px 28px !important;
}

#CybotCookiebotDialogBodyButtonsWrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  border: 1px solid #173d3b !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#CybotCookiebotDialogBodyButtonDecline {
  background: #fff !important;
  color: #173d3b !important;
}

#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background: #173d3b !important;
  color: #fff !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  #CybotCookiebotDialog {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #CybotCookiebotDialogBodyContent {
    padding: 24px 22px 16px !important;
  }

  #CybotCookiebotDialogBodyButtons {
    padding: 0 22px 22px !important;
  }

  #CybotCookiebotDialogBodyButtonsWrapper {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}