/* HVA KdE-Widget-Overrides — Moss/Gold-Theming (Phase 39, D-03 + D-04)
 * Strenge Klassen-Selektoren — bewusste Brittleness gegen KdE-Updates (D-04)
 * Sterne (#FEB600) + KdE-Logo bleiben authentisch (Marken-Compliance, D-03)
 */

/* ── Wrapper (Theme-Owned) ── */
.hva-kde-wrapper {
  background: var(--cream);
  border-radius: 8px;
  padding: 24px;
  margin-top: 32px;
  min-height: 400px; /* CLS-Reservoir, RESEARCH Pitfall 3 */
  display: flex;
  flex-direction: column;
  align-items: center;  /* Phase 39 Hotfix: KdE-Widget hat max-width 600px — wrapper-zentriert */
}

.hva-kde-wrapper__heading {
  color: var(--moss);
  font-family: var(--font-body);
  font-size: 24px;
  margin: 0 0 16px;
  text-align: center;
  width: 100%;
}

/* ── KdE-Vendor-Markup (kde-style-03) ── */
.hva-kde-wrapper .kennstdueinen-widget,
.hva-kde-wrapper .kde-widget-styled,
.hva-kde-wrapper .kde-style-03,
.hva-kde-wrapper .kde-main {
  background: var(--cream);
  border-radius: 8px;
  font-family: var(--font-body);
}

.hva-kde-wrapper .kde-header,
.hva-kde-wrapper .kde-text-header {
  color: var(--moss);
  font-family: var(--font-body);
}

/* Sterne (.kde-stars, #FEB600) + Logo bleiben authentisch — KEINE Color-Override */