/* ------------------------------------------------------------------
   Consentry-Theme — Hopert & Klinzmann Holzbearbeitungsmaschinen GmbH

   Übernimmt das Erscheinungsbild von hkh-maschinen.de:
   Rot #d33, Anthrazit #414141, Schwarz, helle Grautöne, Montserrat,
   durchgehend eckige Kanten.

   Muss NACH banner.css geladen werden. Der Kern bleibt unverändert.
   ------------------------------------------------------------------ */

:root {
  /* Text */
  --cnsy-ink:        #414141;   /* Fließtext der Website */
  --cnsy-ink-soft:   #5a5a5a;
  --cnsy-ink-muted:  #8a8a8a;

  /* Flächen */
  --cnsy-surface:      #ffffff;
  --cnsy-surface-soft: #f2f2f0;  /* helles Grau der Website */
  --cnsy-border:       #d6d6d2;

  /* Marke — das Rot der Website */
  --cnsy-brand:      #d33;
  --cnsy-brand-dark: #a82828;
  --cnsy-brand-soft: #f2f2f0;    /* Kopfbereich grau statt farbig */

  /* Eckig */
  --cnsy-radius:    0;
  --cnsy-radius-sm: 0;

  /* Härterer, weniger diffuser Schatten passend zur kantigen Anmutung */
  --cnsy-shadow: 0 12px 48px rgba(0, 0, 0, 0.38);

  --cnsy-font: "Montserrat", Arial, Helvetica, sans-serif;
}

/* ---------- Alles eckig ---------------------------------------------
   Der Kern setzt an einigen Stellen feste Radien (50 % beim
   Widerruf-Knopf, 999 px bei Umschaltern). Die werden hier neutralisiert. */
.consentry-overlay,
.consentry-overlay *,
.consentry-fab,
.consentry-embed,
.consentry-embed * {
  border-radius: 0 !important;
}

/* Pseudo-Elemente ebenfalls — der Umschalt-Knopf ist ein ::after mit
   border-radius: 50 %, den ein *-Selektor nicht erfasst. */
.consentry-overlay *::before,
.consentry-overlay *::after,
.consentry-fab::before,
.consentry-fab::after,
.consentry-embed *::before,
.consentry-embed *::after {
  border-radius: 0 !important;
}

/* ---------- Kopfbereich mit Logo ---------- */
.consentry-brand {
  border-bottom: 3px solid #d33;   /* rote Kante wie die Akzente der Website */
}

/* ---------- Überschriften ---------- */
.consentry-card__head h2,
.consentry-panel__head h2,
.consentry-card__body > h2 {
  color: #1a1a1a;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* ---------- Kategorie-Kacheln ---------- */
.consentry-cat-chip {
  background: #f2f2f0;
  border: 1px solid #d6d6d2;
}
.consentry-cat-chip__name {
  color: #1a1a1a;
  font-weight: 600;
}

/* ---------- Buttons -------------------------------------------------
   WICHTIG: "Alle akzeptieren" und "Nur essenzielle" behalten bewusst
   denselben Stil. Gleichwertigkeit der Wahlmöglichkeiten ist eine
   rechtliche Anforderung, kein Gestaltungsspielraum — ein hervorgehobener
   Zustimmen-Knopf wäre Nudging. Die Marke kommt daher über Anthrazit
   und einen roten Fokusring, nicht über Bevorzugung. */
.consentry-btn {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

.consentry-btn--equal {
  background: #ffffff;
  color: #1a1a1a;
  border: 2px solid #414141;
}
.consentry-btn--equal:hover {
  background: #414141;
  color: #ffffff;
  border-color: #414141;
}

.consentry-btn:focus-visible {
  outline: 2px solid #d33;
  outline-offset: 2px;
}

/* Sekundär und Ghost an die Anthrazit-Palette angleichen */
.consentry-btn--secondary {
  border: 1px solid #414141;
  color: #414141;
}
.consentry-btn--secondary:hover {
  background: #f2f2f0;
}
.consentry-btn--ghost {
  color: #5a5a5a;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.consentry-btn--ghost:hover {
  color: #d33;
  background: transparent;
}

/* ---------- Links im Fuß ---------- */
.consentry-card__links a,
.consentry-svc__privacy a {
  color: #414141;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.consentry-card__links a:hover,
.consentry-svc__privacy a:hover {
  color: #d33;
}

/* ---------- Widerruf-Knopf ---------- */
.consentry-fab {
  background: #414141;
  border: 1px solid #414141;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.consentry-fab:hover {
  background: #d33;
  border-color: #d33;
}

/* ---------- Platzhalter für gesperrte Inhalte ---------- */
.consentry-embed {
  background: #f2f2f0;
  border: 1px dashed #b9b9b4;
  font-family: "Montserrat", Arial, sans-serif;
}
.consentry-embed__title {
  color: #1a1a1a;
  font-weight: 700;
}
.consentry-embed__message {
  color: #5a5a5a;
}
/* Der Karten-Knopf darf rot sein — hier gibt es keine Wahl zwischen
   zwei Optionen, sondern nur eine bewusste Handlung. */
.consentry-embed__accept {
  background: #d33;
  color: #ffffff;
  border: 0;
  padding: 0.7rem 1.5rem;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.consentry-embed__accept:hover {
  background: #a82828;
}
.consentry-embed__accept:focus-visible {
  outline: 2px solid #414141;
  outline-offset: 2px;
}
.consentry-embed__legal a {
  color: #5a5a5a;
}
.consentry-embed__legal a:hover {
  color: #d33;
}