/* ==========================================================================
   Rückrufe nach Händler (public/rueckrufe-haendler.php) – Präfix .rh-
   Baut auf dem Artikel-Raster der Einzelmeldung auf (seiten/rueckruf.css, .rd-).
   ========================================================================== */

.rh-liste { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 12px; }
.rh-eintrag { padding: 18px 20px; border-radius: var(--rf-radius-lg); background: var(--rf-flaeche); border: 1px solid var(--rf-rand); }
.rh-eintrag--neu { border-color: color-mix(in oklab, var(--rf-gefahr) 35%, var(--rf-rand)); }
.rh-eintrag__kopf { display: flex; align-items: center; gap: 10px; font-size: var(--rf-text-sm); color: var(--rf-text-3); }
.rh-neu { padding: 2px 8px; border-radius: 999px; background: var(--rf-gefahr-weich); color: var(--rf-gefahr); font-weight: 700; font-size: var(--rf-text-xs); }
.rd-artikel .rh-eintrag h2 { font-size: 18px; line-height: 1.3; margin: 6px 0 6px; letter-spacing: -.01em; }
.rh-eintrag h2 a { color: var(--rf-text); text-decoration: none; overflow-wrap: anywhere; }
.rh-eintrag h2 a:hover { color: var(--rf-akzent); }
.rh-grund { margin: 0 0 4px; color: var(--rf-text-2); line-height: 1.45; }
.rh-vertrieb { margin: 0; font-size: var(--rf-text-sm); color: var(--rf-text-3); line-height: 1.45; overflow-wrap: anywhere; }

.rh-haendler { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.rh-haendler a { display: grid; gap: 4px; padding: 18px 20px; border-radius: var(--rf-radius-lg); background: var(--rf-flaeche); border: 1px solid var(--rf-rand); text-decoration: none; color: var(--rf-text); transition: border-color .15s, transform .15s; }
.rh-haendler a:hover { border-color: var(--rf-akzent); transform: translateY(-2px); }
.rh-haendler b { font-family: var(--rf-schrift-titel); font-size: 20px; font-weight: 800; }
.rh-haendler span { font-size: var(--rf-text-sm); color: var(--rf-text-3); }

/* Händler-Links auf der Gesamtliste (/rueckrufe) und in der Einzelmeldung */
.rh-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 14px 0 0; font-size: var(--rf-text-sm); color: var(--rf-text-2); }
.rh-links a { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--rf-rand); background: var(--rf-flaeche); color: var(--rf-text); text-decoration: none; font-weight: 600; }
.rh-links a:hover { border-color: var(--rf-akzent); color: var(--rf-akzent); }
.rh-links em { font-style: normal; color: var(--rf-text-3); font-weight: 500; margin-left: 4px; }
.rd-fakten .rh-links { margin: 0; }
.rd-fakten .rh-links a { padding: 3px 10px; }
.rr .rh-links { margin: -12px 0 24px; }

/* „Bei deinem Markt“ auf /rueckrufe (bevorzugter Supermarkt aus dem Konto) */
.rh-markt__kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.rh-markt__kopf .rr-abschnitt__titel svg { width: 22px; height: 22px; color: var(--rf-akzent); }
.rh-markt__info { margin: 6px 0 0; color: var(--rf-text-2); max-width: 72ch; line-height: 1.5; }
.rh-liste--kompakt { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); margin-top: 16px; }
.rh-eintrag h3 { font-family: var(--rf-schrift-titel); font-size: 17px; line-height: 1.3; margin: 6px 0; font-weight: 800; }
.rh-eintrag h3 a { color: var(--rf-text); text-decoration: none; overflow-wrap: anywhere; }
.rh-eintrag h3 a:hover { color: var(--rf-akzent); }
.rh-markt__leer { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 18px 20px; border-radius: var(--rf-radius-lg); border: 1px dashed var(--rf-rand); background: var(--rf-flaeche); }
.rh-markt__leer > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--rf-akzent-weich); color: var(--rf-akzent); flex-shrink: 0; }
.rh-markt__leer > span svg { width: 22px; height: 22px; }
.rh-markt__leer p { flex: 1 1 280px; margin: 0; color: var(--rf-text-2); line-height: 1.5; }
.rh-markt__leer p b { color: var(--rf-text); }

/* Händlerseite: Bezug zum eigenen Supermarkt */
.rh-dein { display: grid; gap: 10px; margin: 0 0 8px; padding: 16px 18px; border-radius: var(--rf-radius-lg); background: var(--rf-akzent-weich); border: 1px solid color-mix(in oklab, var(--rf-akzent) 25%, var(--rf-rand)); }
.rh-dein p { margin: 0; line-height: 1.5; }
.rh-dein__knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.rh-dein__knoepfe .pr-knopf { min-height: 42px; }
.rh-dein label { display: flex; gap: 8px; align-items: center; font-size: var(--rf-text-sm); color: var(--rf-text-2); }
.rh-dein [data-markt-meldung]:empty { display: none; }
.rh-dein > * { min-width: 0; }
.rh-dein__knoepfe .pr-knopf { white-space: normal; text-align: center; max-width: 100%; }