/* ==========================================================================
   Gefahrenradar · Köder-Warnungen je Ort/Region    rundum.dog · Ph1 (16.10.2026)
   --------------------------------------------------------------------------
   Scope:  ALLES unter [data-rd-koederradar]. Kein globaler Reset, keine externe
           Anfrage. EINE Ausnahme am Dateiende: `.rd-koeder-sec`, die Hülle aus
           rd_koeder_slot() (mu-plugin rd-koeder-freigabe.php), kollabiert, wenn
           das Widget nichts zeigt.
   Tokens: --rd-* aus dem Live-Theme, Literal-Fallback wie rd-schiessradar.css.
           Nur die Warn-Familie: eine Köder-Meldung ist immer eine Warnung, eine
           Ruhe-Anzeige gibt es bewusst nicht (s. JS-Kopf).
   ========================================================================== */

[data-rd-koederradar]{
  --rdk-bg:          var(--rd-bg-soft, #FFFFFF);
  --rdk-text:        var(--rd-text, #1A1A1A);
  --rdk-text-2:      var(--rd-text-secondary, #595959);
  --rdk-text-3:      var(--rd-text-tertiary, #666666);
  --rdk-accent:      var(--rd-accent, #9A5526);
  --rdk-accent-stark:var(--rd-accent-strong, #944F22);
  --rdk-border:      var(--rd-border, #E5DDD7);

  --rdk-warn-bg:     var(--rd-subtype-warn-bg, #F7E6C8);
  --rdk-warn-fg:     var(--rd-subtype-warn-fg, #7B5516);
  --rdk-warn-border: var(--rd-subtype-warn-border, #ECD2A3);

  --rdk-font:        var(--rd-font-body, "Inter", system-ui, -apple-system, sans-serif);
  --rdk-mono:        var(--rd-font-mono, "IBM Plex Mono", ui-monospace, monospace);
  --rdk-r-md:        var(--rd-r-md, 12px);
  --rdk-pill:        var(--rd-r-pill, 9999px);
  --rdk-shadow:      var(--rd-shadow-sm, 0 1px 2px rgba(20,19,17,.04), 0 2px 6px rgba(20,19,17,.04));
  --rdk-read:        var(--rd-read, 68ch);

  font-family: var(--rdk-font);
  color: var(--rdk-text);
  max-width: 780px;
}
[data-rd-koederradar] *{ box-sizing: border-box; }

/* --- Kopf ---------------------------------------------------------------- */
[data-rd-koederradar] .rdk-kicker{
  font-family: var(--rdk-mono); font-size: 12px; letter-spacing: .04em;
  text-transform: uppercase; color: var(--rdk-accent-stark);
  margin: 0 0 6px; display: inline-flex; align-items: center; gap: 8px;
}
[data-rd-koederradar] .rdk-kicker i{
  width: 7px; height: 7px; border-radius: var(--rdk-pill);
  background: var(--rdk-warn-fg); display: inline-block; flex: none;
}
[data-rd-koederradar] .rdk-h{
  font-size: clamp(21px, 3.4vw, 26px); font-weight: 700; line-height: 1.18;
  margin: 0 0 6px; letter-spacing: -.01em; text-wrap: balance;
}
[data-rd-koederradar] .rdk-lead{
  margin: 0; color: var(--rdk-text-2); max-width: var(--rdk-read); font-size: 15.5px;
}

/* --- Meldungen ----------------------------------------------------------- */
[data-rd-koederradar] .rdk-liste{ list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
[data-rd-koederradar] .rdk-item{
  display: flex; align-items: flex-start; gap: 11px; margin: 0;
  padding: 15px 17px;
  background: var(--rdk-warn-bg); border: 1px solid var(--rdk-warn-border);
  border-left: 3px solid var(--rdk-warn-fg);
  border-radius: var(--rdk-r-md); box-shadow: var(--rdk-shadow);
}
[data-rd-koederradar] .rdk-ico{ flex: none; color: var(--rdk-warn-fg); margin-top: 1px; }
[data-rd-koederradar] .rdk-item p{ margin: 0; }
[data-rd-koederradar] .rdk-meta{ font-size: 14px; color: var(--rdk-warn-fg); }
[data-rd-koederradar] .rdk-meta strong{ font-weight: 700; }
[data-rd-koederradar] .rdk-abst{ white-space: nowrap; }
[data-rd-koederradar] .rdk-text{ margin-top: 4px !important; font-size: 15.5px; color: var(--rdk-text); max-width: var(--rdk-read); }
[data-rd-koederradar] .rdk-quelle{ margin-top: 6px !important; font-size: 13.5px; color: var(--rdk-text-2); }
[data-rd-koederradar] .rdk-quelle a{ color: var(--rdk-accent-stark); text-decoration: underline; }
[data-rd-koederradar] .rdk-quelle a:hover{ text-decoration: none; }

/* --- Hinweis (gestrichelte Notiz, .grounding-note-Idiom) ------------------ */
[data-rd-koederradar] .rdk-hinweis{
  margin: 12px 0 0; padding: 11px 14px;
  border: 1px dashed var(--rdk-border); border-radius: var(--rdk-r-md);
  font-size: 13.5px; color: var(--rdk-text-2); max-width: var(--rdk-read);
}

@media (prefers-reduced-motion: reduce){
  [data-rd-koederradar] *{ transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* --------------------------------------------------------------------------
   Sektions-Hülle: ohne passende Meldung schreibt das Widget nichts. Damit kein
   leeres Polster-Band stehen bleibt, kollabiert die Hülle, solange kein
   `.rdk-kopf` darin steht. Normalfall auf fast allen Seiten.
   -------------------------------------------------------------------------- */
.rd-koeder-sec[hidden],
.rd-koeder-sec:not(:has(.rdk-kopf)){ display: none !important; }