/* PJ CARS colours; Liquid Consent keeps its glass, layout and behaviour. */
html body #cookie-consent-banner[data-cc-theme="dark"] {
  --cc-purple: #01A3DE !important;
  --cc-panel: rgba(18, 31, 39, 0.82) !important;
  --cc-border: rgba(1, 163, 222, 0.25) !important;
  --cc-text: #ffffff !important;
  --cc-text-soft: rgba(255, 255, 255, 0.82) !important;
  --cc-link: #01A3DE !important;
  --cc-link-hover: #ffffff !important;
  --cc-option-bg: rgba(255, 255, 255, 0.04) !important;
  --cc-option-border: rgba(255, 255, 255, 0.10) !important;
  --cc-check-bg-checked: #01A3DE !important;
  --cc-check-border-checked: #01A3DE !important;
  --cc-check-mark: #ffffff !important;
  --cc-button-bg: rgba(255, 255, 255, 0.06) !important;
  --cc-button-bg-hover: rgba(1, 163, 222, 0.18) !important;
  --cc-button-border: rgba(255, 255, 255, 0.18) !important;
  --cc-button-border-hover: rgba(255, 255, 255, 0.18) !important;
  --cc-primary-bg: #017FAD !important;
  --cc-primary-bg-hover: #01A3DE !important;
  --cc-primary-text: #ffffff !important;
  --cc-primary-border: #01A3DE !important;
  --cc-primary-border-hover: #01A3DE !important;
  --cc-focus-ring: #01A3DE !important;
  border-left: 3px solid #01A3DE;
  border-radius: 0;
  font-family: inherit;
}

html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-header,
html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-header h2 {
  font-family: inherit;
}

html body #cookie-consent-banner[data-cc-theme="dark"] :is(.cookie-link, .cookie-policy-link):hover {
  color: var(--cc-link-hover);
  text-decoration: underline;
}

html body #cookie-consent-banner[data-cc-theme="dark"] :is(.cookie-option, .cookie-btn),
html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-option input[type="checkbox"] {
  border-radius: 0;
}

html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-btn {
  font-weight: 400;
  text-transform: uppercase;
}

/* Accept and reject deliberately share every visual rule. */
html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-actions :is([data-cookie-accept], [data-cookie-reject]) {
  background: var(--cc-button-bg) !important;
  color: var(--cc-text) !important;
  border: 1px solid var(--cc-button-border) !important;
  border-left: 4px solid #01A3DE !important;
  font-weight: 400;
  text-transform: uppercase;
}

html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-actions :is([data-cookie-accept], [data-cookie-reject]):is(:hover, :focus) {
  background: var(--cc-button-bg-hover) !important;
  color: var(--cc-text) !important;
  border-color: var(--cc-button-border-hover) !important;
  border-left-color: #01A3DE !important;
}

html body #cookie-consent-banner[data-cc-theme="dark"] [data-cookie-save] {
  background: var(--cc-primary-bg) !important;
  color: var(--cc-primary-text) !important;
  border: 1px solid var(--cc-primary-border) !important;
  border-left: 4px solid #01A3DE !important;
}

html body #cookie-consent-banner[data-cc-theme="dark"] [data-cookie-save]:is(:hover, :focus) {
  background: var(--cc-primary-bg-hover) !important;
  color: #08141f !important;
  border-color: var(--cc-primary-border-hover) !important;
}

html body #cookie-consent-banner[data-cc-theme="dark"] .cookie-btn:focus-visible {
  outline: 2px solid var(--cc-focus-ring) !important;
  outline-offset: 3px;
}

html body #cookie-consent-trigger[data-cc-theme="dark"] {
  --cc-trigger-bg: rgba(18, 31, 39, 0.72);
  --cc-trigger-border: rgba(1, 163, 222, 0.55);
  --cc-trigger-icon: #01A3DE;
  --cc-focus-ring: #01A3DE;
  background: var(--cc-trigger-bg) !important;
  border: 1px solid var(--cc-trigger-border) !important;
  color: var(--cc-trigger-icon);
}

html body #cookie-consent-trigger[data-cc-theme="dark"] .cookie-trigger-icon {
  fill: currentColor !important;
}

html body #cookie-consent-trigger[data-cc-theme="dark"]:is(:hover, :focus) {
  background: #01A3DE !important;
  color: #ffffff;
  border-color: #01A3DE !important;
}

html body #cookie-consent-trigger[data-cc-theme="dark"]:focus-visible {
  outline: 2px solid #01A3DE !important;
  outline-offset: 3px;
}