/* consulting-mag - Theme-/Layout-Overrides fuer den Silktide Consent Manager.
 * MUSS NACH silktide-consent-manager.css eingebunden werden -> gewinnt im Cascade
 * (Silktide-Default ist schwarz/gelb). Markenlila #897aff, kompakt, ohne sticky Icon.
 */

/* Markenfarben + Hausschrift (Variablen auf demselben Selektor, aber spaeter geladen) */
#stcm-wrapper {
  --primaryColor: #897aff;
  --backgroundColor: #17141f;
  --textColor: #e8e6f0;
  --iconColor: #897aff;
  --iconBackgroundColor: #17141f;
  --fontFamily: Aeonik, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Nerviges sticky Cookie-Icon komplett entfernen */
#stcm-icon { display: none !important; }

/* Kompaktes, kleines Banner */
#stcm-banner {
  width: 340px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid #2a2440;
  overflow-x: hidden;
  overflow-y: auto;
}
#stcm-banner p { font-size: 13px; line-height: 19px; margin: 0 0 8px; }

/* Buttons untereinander stapeln -> passt in die schmale Card, KEIN horizontaler Scroll */
#stcm-banner .stcm-actions,
#stcm-banner .stcm-actions-row {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}
#stcm-banner .stcm-actions { margin-top: 13px !important; }
#stcm-banner .stcm-preferences-button { justify-content: center; }

/* Buttons */
#stcm-wrapper .stcm-button {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  padding: 9px 15px;
  border-radius: 9px;
  width: 100%;
}
#stcm-wrapper .stcm-button-primary {
  background: #897aff;
  border-color: #897aff;
  color: #ffffff;
}
#stcm-wrapper .stcm-button-primary:hover {
  background: #7768e6;
  border-color: #7768e6;
  color: #ffffff;
}
#stcm-wrapper .stcm-button-secondary {
  background: transparent;
  border-color: #3a3454;
  color: #e8e6f0;
}
#stcm-wrapper .stcm-button-secondary:hover {
  background: #221d33;
  color: #ffffff;
}

/* "Einstellungen"-Textlink dezenter */
#stcm-banner .stcm-preferences-button { font-size: 13px; padding: 7px 0; color: #b9b2e0; }
#stcm-banner .stcm-preferences-button span:hover { color: #ffffff; }