/* wbot-features.css — Styles zum geteilten Widget-Feature-Layer.
   Nutzt CSS-Variablen der jeweiligen Widget-Theme mit Fallbacks -> passt sich an. */

/* P9 Quellen-Links */
.wbf-src { margin-top: 8px; font-size: 12px; line-height: 1.5; color: var(--muted, #6b7280); }
.wbf-src-lbl { font-weight: 700; color: var(--muted, #6b7280); }
.wbf-src a { color: var(--accent, var(--brand, #0d3858)); text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
.wbf-src a:hover { border-bottom-color: currentColor; }

/* P7 Daumen-Feedback */
.wbf-fb { margin-top: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wbf-fb-q { font-size: 12px; color: var(--muted, #6b7280); }
.wbf-fb-btn { background: var(--surface, #fff); border: 1px solid var(--border, #e5e7eb);
  border-radius: 8px; cursor: pointer; font-size: 15px; line-height: 1; padding: 4px 9px;
  transition: transform .12s ease, background .12s ease; }
.wbf-fb-btn:hover { transform: scale(1.15); }
.wbf-fb-thanks { font-size: 12px; font-weight: 600; color: var(--accent, var(--brand, #0d3858)); }