/*
 * Complianz-cookiebanner — overstyrer pluginnets egne CSS custom properties
 * (dokumenteret i dets :root, cookiebanner/css/cookiebanner.css), så banneret
 * matcher designsystemet i stedet for Complianz' fabriksblå. Ingen
 * markup/selector-hacking nødvendigt: pluginnet er bygget netop til denne
 * form for theming via CSS-variabler.
 *
 * Enqueues separat (ikke en del af maximize.css) og meget sent, se
 * functions.php — Complianz' egen banner-CSS indlæses dynamisk ved
 * PHP_INT_MAX-50 på wp_enqueue_scripts, så denne fil skal efter den for at
 * vinde på samme :root-specificitet.
 *
 * Banneret vises først, når kunden har gennemført opsætningsguiden i
 * Complianz (jurisdiktion/tredjeparter/juratekst kan vi ikke gætte os til) —
 * disse regler ligger klar og slår automatisk igennem den dag det sker. Hvis
 * kunden selv sætter farver via Complianz' guide (Design-fanen) bagefter,
 * vinder disse stadig (samme specificitet, indlæst senere) — det er med
 * vilje, så det aftalte brand fastholdes; brug i så fald Complianz' eget
 * "Custom CSS"-felt (Indstillinger → Banner → Style) til yderligere justering
 * i stedet, det lægger sig i samme fil og samme sted i kaskaden.
 */
:root {
  --cmplz_banner_background_color: var(--papir);
  --cmplz_banner_border_color: var(--blaek);
  --cmplz_banner_border_width: 1px;
  --cmplz_banner_border_radius: 0px;

  --cmplz_text_color: var(--broed);
  --cmplz_hyperlink_color: var(--oxblod);

  --cmplz_button_border_radius: 0px;

  --cmplz_button_accept_background_color: var(--oxblod);
  --cmplz_button_accept_border_color: var(--oxblod);
  --cmplz_button_accept_text_color: var(--papir);

  --cmplz_button_deny_background_color: var(--blaek);
  --cmplz_button_deny_border_color: var(--blaek);
  --cmplz_button_deny_text_color: var(--papir);

  --cmplz_button_settings_background_color: transparent;
  --cmplz_button_settings_border_color: var(--blaek);
  --cmplz_button_settings_text_color: var(--blaek);

  --cmplz_category_header_always_active_color: var(--oxblod);
  --cmplz_slider_active_color: var(--oxblod);
  --cmplz_slider_inactive_color: var(--streg);
  --cmplz_slider_bullet_color: var(--papir);
}

/* Knaptekst i mono-versaler, samme greb som .mx-btn. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Mørke/ghost-knapperne vender til oxblod ved hover, som .mx-btn--ink. */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options:hover {
  background-color: var(--oxblod);
  border-color: var(--oxblod);
  color: var(--papir);
}

/*
 * [cmplz-manage-consent]-shortcoden (indlejret samtykke-panel, fx på
 * /privatliv/) deler ikke .cmplz-cookiebanner-forælderen, så den rammes ikke
 * af reglerne ovenfor — stylet separat her.
 */
.cmplz-categories .cmplz-category-header {
  font-family: var(--font-mono);
  border-bottom: 1px solid var(--streg);
  padding: 14px 0;
}
.cmplz-categories .cmplz-category-title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 13px;
  color: var(--blaek);
}
.cmplz-categories .cmplz-always-active {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--daempet);
}
.cmplz-categories .cmplz-description {
  color: var(--broed);
}