/* Cookiebot banner: compact styling — smaller buttons (same fixed width),
   smaller toggle switches, tighter text, less padding overall.
   Loaded on every page that embeds the Cookiebot script (index.html and
   the static public/community/*.html pages).

   Selectors combine Cookiebot's documented/confirmed IDs and classes (see
   support.cookiebot.com "Overriding styles for the cookie banner with an
   external stylesheet") with substring [id*="..."] attribute matches —
   the substring form is more resilient across Cookiebot's banner template
   variants than guessing one exact full ID. */

/* Overall banner text scale */
#CybotCookiebotDialog {
  font-size: 13px !important;
}

/* Title + description */
#CybotCookiebotDialogBodyContentTitle {
  font-size: 16px !important;
  margin-bottom: 4px !important;
}
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentText * {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Hide the redundant "Customize" button — categories are already shown
   inline below, so this extra expand control is unnecessary. Substring
   match catches it regardless of the exact full ID Cookiebot assigns. */
#CybotCookiebotDialog [id*="Customize" i] {
  display: none !important;
}

/* Action buttons (Allow all / Allow selection / Deny): smaller height,
   all the SAME fixed width instead of auto-sizing to their text, and
   consistently left/right-aligned. Matched by substring so this covers
   Cookiebot's actual IDs regardless of exact naming per template. */
#CybotCookiebotDialog [id*="ButtonAccept" i],
#CybotCookiebotDialog [id*="ButtonDecline" i],
#CybotCookiebotDialog [id*="LevelButtonAccept" i],
.CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog button,
#CybotCookiebotDialog a[role="button"],
#CybotCookiebotDialog input[type="button"] {
  display: block !important;
  box-sizing: border-box !important;
  width: 160px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  align-self: flex-end !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 6px !important;
  text-align: center !important;
}
#CybotCookiebotDialog button + button,
#CybotCookiebotDialog [id*="ButtonDecline" i] {
  margin-top: 6px !important;
}

/* Collapse the empty gap between the description text and the toggle
   row — this space is reserved for Cookiebot's nav/expand controls,
   which aren't needed since categories are already shown inline. */
.CybotCookiebotDialogBodyLevelButtonsSelectPane,
.CybotCookiebotDialogNav,
.CybotCookiebotDialogBodyEdgeMoreDetails,
#CybotCookiebotDialogBodyContentControls {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Cookie-category toggle row (Necessary / Preferences / Statistics / Marketing) */
.CybotCookiebotDialogBodyLevelButtonsRow,
.CybotCookiebotDialogBodyLevelButtonsRow * {
  font-size: 13px !important;
}

/* Toggle switch size — slightly larger than default-adjacent, not the
   heavy shrink from before. .CybotCookiebotDialogBodyLevelButtonSlider
   is Cookiebot's real class for the visual switch (track + thumb). */
.CybotCookiebotDialogBodyLevelButtonSlider,
.CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  transform: scale(0.9) !important;
  transform-origin: left center !important;
}

/* Trim overall vertical padding of the banner */
#CybotCookiebotDialogBody,
.CybotCookiebotDialogContentWrapper {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
