/* Keine Freigabe — Fahrzeug ohne jedes Gutachten (Einzelabnahme beim TUEV).
 *
 * Status bleibt 'unknown'; nur die Anzeige unterscheidet sich von "Freigabe
 * wird geprüft". Ein eigener, gedaempfter Rosaton: weder orange ("Mit
 * Eintragung", --ff-fit-eintr) noch das kraeftige Rot von "Nicht passend" —
 * die Felge passt technisch, es fehlt das Papier.
 *
 * Steht im Plugin und nicht im Theme, weil die Schilder ausschliesslich per
 * Skript entstehen (ff-fahrzeug.js, konfigurator.js, seite-felgen.js,
 * configurator-viz.js, fahrzeugleiste.js). Form, Groesse und Lage liefern die
 * Geschwister-Regeln des Themes (.ff-fit-badge, .kfg__pcard-compat,
 * .kfg__wheel-chip …) — hier nur Farbe, Symbol und, wo noetig, das Layout,
 * das die Geschwister per Zustandsklasse bekommen.
 *
 * FlyingPress RUCSS: die Klassen kommen nur per Skript ins Dokument und
 * muessen in css_rucss_include_selectors stehen (siehe Liste unten).
 *   .is-keine  .kfg__pcard-compat--keine  .ff-keine-freigabe  #ffb-keine
 */

:root {
  --ff-fit-keine: #9f1239;
  --ff-fit-keine-bg: rgba(225, 29, 72, 0.1);
  --ff-fit-keine-rand: rgba(190, 18, 60, 0.28);
}
[data-theme="dark"] {
  --ff-fit-keine: #fda4af;
  --ff-fit-keine-bg: rgba(251, 113, 133, 0.14);
  --ff-fit-keine-rand: rgba(251, 113, 133, 0.35);
}

/* ── /felgen: Passform-Schild auf der Karte (wie .is-eintragung) ── */
.ff-fit-badge.is-keine {
  background: var(--ff-fit-keine-bg);
  color: var(--ff-fit-keine);
}
.ff-fit-badge.is-keine::before { display: none; }
.ff-fit-badge.is-keine .ff-fit-badge__icon {
  display: inline-block; font-size: 12px; line-height: 1; margin-left: -1px;
}

/* ── Konfigurator: Schild auf den Produktkarten (wie --warn) ── */
.kfg__pcard-compat.kfg__pcard-compat--keine {
  background: var(--ff-fit-keine-bg);
  color: var(--ff-fit-keine);
}
.kfg__pcard-compat.kfg__pcard-compat--keine::before { background: currentColor; }

/* Seitenleiste: Schild an der Serie (Punkt statt Symbol, wie die Geschwister) */
.kfg__wheel-model-fit.kfg__pcard-compat--keine {
  background: var(--ff-fit-keine-bg);
  color: var(--ff-fit-keine);
}
.kfg__wheel-model-fit.kfg__pcard-compat--keine::before { background: currentColor; }

/* Zoll-Chips: dieselbe Listenzeile wie .is-frei / .is-warn / .is-offen */
.kfg__wheel-chip.is-keine {
  flex: 0 0 100%;
  display: flex; flex-direction: row; align-items: center;
  justify-content: space-between; gap: 10px;
  padding: 8px 12px; line-height: 1.3; text-align: left;
}
.kfg__wheel-chip.is-keine .kfg__wheel-chip-fit { color: var(--ff-fit-keine); }

/* Fahrzeugbild-Dialog (configurator-viz.js) */
.ff-cfgviz-option-schild.is-keine { color: var(--ff-fit-keine); background: var(--ff-fit-keine-bg); }
.ff-cfgviz-stand.is-keine { color: var(--ff-fit-keine); }

/* ── Hinweiskasten mit Langtext (ffFahrzeug.keineFreigabeHtml) ──
   Aufbau wie .ff-var-hinweis: Symbol links, Text daneben. */
.ff-keine-freigabe {
  display: flex; align-items: flex-start; gap: 8px;
  padding: 9px 12px; border-radius: 10px;
  border: 1px solid var(--ff-fit-keine-rand);
  background: var(--ff-fit-keine-bg);
  font-family: var(--font, inherit); font-size: 12.5px; font-weight: 500; line-height: 1.45;
  color: var(--ff-ink, #111);
  text-align: left;
}
.ff-keine-freigabe__icon {
  font-size: 16px; line-height: 18px; height: 18px; flex-shrink: 0;
  color: var(--ff-fit-keine);
}
.ff-keine-freigabe__text { flex: 1; min-width: 0; }
.ff-keine-freigabe__titel { font-weight: 700; color: var(--ff-fit-keine); }
.ff-keine-freigabe__link {
  font-weight: 600; white-space: nowrap;
  color: var(--ff-fit-keine); text-decoration: underline; text-underline-offset: 2px;
}
.ff-keine-freigabe__link:hover { text-decoration-thickness: 2px; }
.ff-keine-freigabe__link:focus-visible { outline: 2px solid var(--ff-fit-keine); outline-offset: 2px; border-radius: 3px; }

/* Lage: unter der Fahrzeugleiste (wie #ffb-besser) und oben in der Serienliste */
#ffb-keine { margin-top: 8px; }
#ffb-keine[hidden] { display: none; }
.kfg__wheel-model-list > .ff-keine-freigabe { margin: 0 0 2px; }
