/*
 * Anbieter-Box unter der einzelnen Checklisten-Aufgabe.
 *
 * Die Box haengt an einem <div class="partner-host">, das direkt hinter der
 * Beschreibung sitzt (siehe app/PartnerBoxen.jsx).
 *
 * Sichtbarkeit ohne JavaScript: solange die Beschreibung eingeklappt ist,
 * traegt sie die Klasse .hiddenDescription — der Nachbar-Selektor blendet die
 * Box dann mit aus. Klappt der Nutzer auf, erscheint sie. Genau so verhielt
 * sich das Alt-Projekt, nur dort mit einem Haufen Toggle-Listener.
 */

.desc.hiddenDescription + .partner-host {
  display: none;
}

.partner-box {
  margin: 0.75rem 0 0.25rem;
  padding: 0.75rem 0.9rem;
  background: var(--surface-secondary, #f5f5f5);
  border: 1px solid var(--border-color, #e0e0e0);
  border-left: 3px solid var(--accent-color, #b12009);
  border-radius: 4px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.partner-box-frage {
  margin: 0 0 0.35rem;
  font-weight: 600;
  color: var(--text-primary, #1a1a1a);
}

.partner-box p {
  margin: 0;
}

.partner-box-hinweis,
.partner-box-frei {
  color: var(--text-secondary, #666);
}

.partner-box-eintrag strong {
  color: var(--text-primary, #1a1a1a);
}

.partner-box-eintrag a {
  color: var(--accent-color, #b12009);
}

/* Kategorie und Region als leise Fusszeile — der Nutzer soll wissen, WOFUER
   dieser Anbieter steht, ohne dass es die Aufgabe erschlaegt. */
.partner-box-kategorie {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.78rem;
  color: var(--text-muted, #999);
}

/* Beide Knoepfe sehen aus wie Links: es sind Textaktionen mitten im Satz,
   keine Handlungsaufforderungen, die mit der Checkliste konkurrieren. */
.partner-box-plz,
.partner-box-buchen {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--accent-color, #b12009);
  text-decoration: underline;
  cursor: pointer;
}

.partner-box-plz:hover,
.partner-box-buchen:hover {
  text-decoration: none;
}

@media print {
  .partner-host {
    display: none;
  }
}

/*
 * Dezenter Werbe-Hinweis unter einem VORSCHLAG (nicht unter bezahlten oder
 * BUBLITZ-Eintraegen — das steuert PartnerBoxen.jsx ueber !belegt).
 *
 * Bewusst klein und zurueckhaltend: Er soll die angezeigte Firma nicht
 * ueberstrahlen, sondern nur nebenbei sagen „diesen Platz kann man buchen".
 * NICHT die vom Kunden genannten 5-6 px — das waere unleserlich und fuer
 * Screenreader/Barrierefreiheit ein Problem. ~11 px ist klein, aber lesbar.
 */
.partner-box-werben {
  margin: 0.35rem 0 0;
  line-height: 1.3;
}
.partner-box-werben-link {
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.68rem;
  font-family: inherit;
  color: var(--text-muted, #999);
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 2px;
}
.partner-box-werben-link:hover {
  color: var(--accent-color, #b12009);
  text-decoration: underline;
}