/* CookieScript consent widget — brand overrides (Sofia, 2026-08-05).
   The dialog + reopen badge are injected by cookie-script.com (Layout.astro),
   so everything here rides !important over their embedded stylesheet.
   Wanted: Rethink Sans titles / DM Sans everything else, no all-caps
   anywhere, the site's dark-ground button pair (white + ghost), and a
   smaller black badge with a light-grey shield. */

/* ---------- consent dialog ---------- */
#cookiescript_injected,
#cookiescript_injected * {
  font-family: var(--font-sans) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
#cookiescript_injected #cookiescript_header {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  letter-spacing: var(--track-tighter) !important;
}
#cookiescript_injected .cookiescript_checkbox_text {
  font-size: var(--fs-sm) !important;
  font-weight: 400 !important;
}

/* the site's dark-ground button pair: white plate = primary action,
   hairline ghost = secondary (base.css .btn--white / .btn--ghost-dark) */
#cookiescript_injected #cookiescript_accept,
#cookiescript_injected #cookiescript_save,
#cookiescript_injected #cookiescript_reject {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* compact size (Sofia, 2026-08-05: full 44px read huge in the dialog) */
  height: 36px !important;
  padding: 0 18px !important;
  border-radius: var(--radius-md) !important;
  font-size: var(--fs-sm) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s !important;
}
#cookiescript_injected #cookiescript_accept,
#cookiescript_injected #cookiescript_save {
  background: var(--color-white) !important;
  border: none !important;
  color: var(--color-black) !important;
}
#cookiescript_injected #cookiescript_accept:hover,
#cookiescript_injected #cookiescript_save:hover {
  background: rgba(255, 255, 255, 0.9) !important;
}
#cookiescript_injected #cookiescript_reject {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: var(--color-white) !important;
}
#cookiescript_injected #cookiescript_reject:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Accept retired (Sofia, 2026-08-05): the dialog keeps only
   Save & Close + Necessary Only */
#cookiescript_injected #cookiescript_accept {
  display: none !important;
}

/* "Show details" foot link: quiet, brightens on hover */
#cookiescript_injected #cookiescript_manage {
  font-size: var(--fs-sm) !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
#cookiescript_injected #cookiescript_manage:hover {
  color: var(--color-white) !important;
}

/* category checkboxes: CookieScript's sky-blue accent is off-brand
   (Sofia, 2026-08-05: "keep it grey and white") — checked = white plate
   + black check; the disabled strictly-necessary one stays a muted grey
   plate with a white check; unchecked keeps the white outline */
#cookiescript_injected .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
  background-color: var(--color-white) !important;
  border-color: var(--color-white) !important;
}
#cookiescript_injected .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--color-black) !important;
}
#cookiescript_injected .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke: var(--color-black) !important;
}
#cookiescript_injected .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background {
  background-color: rgba(255, 255, 255, 0.22) !important;
  border-color: transparent !important;
}
#cookiescript_injected .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--color-white) !important;
}
#cookiescript_injected .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke: var(--color-white) !important;
}
/* MDC hover/focus ripple carries the same off-brand tint */
#cookiescript_injected .mdc-checkbox::before,
#cookiescript_injected .mdc-checkbox::after {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* ---------- reopen badge (bottom-left circle → hover pill) ---------- */
/* smaller as a whole: scaling keeps CookieScript's own circle→pill
   expansion intact instead of fighting its width transitions */
#cookiescript_badge {
  transform: scale(0.82);
  transform-origin: bottom left;
  background-color: var(--color-black) !important;
}
#cookiescript_badge .cookiescriptlogo {
  fill: var(--color-grey-200) !important;
}
#cookiescript_badgetext,
#cookiescript_badge [id*="badgetext"] {
  font-family: var(--font-display) !important;
  font-weight: 500 !important;
  /* renders ~13px after the 0.82 badge scale */
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* a11y (audit 2026-08-05, WCAG 2.5.8): the widget's close ✕ ships 15×15
   and the Privacy Policy link 76×16 — grow both hit areas to ≥24px via
   padding (visual size unchanged, padding counts toward the target) */
#cookiescript_close {
  min-width: 24px !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#cookiescript_readmore {
  display: inline-block !important;
  padding-block: 4px !important;
  margin-block: -4px !important;
}