/* ===================================================== SuppTree — Shared Legal Footer Styles (Welle 10.1) ===================================================== Stile für window.SUPPTREE_LEGAL_FOOTER. Bewusst dezent — der Footer soll Pflichtangaben tragen, nicht ablenken. Nutzt die SuppTree-CSS-Variablen (--text-muted / --border) mit defensiven Fallbacks für Apps, die diese nicht setzen. ===================================================== */ .slf-footer { text-align: center; font-size: 13px; color: var(--text-muted, #6b7280); padding: 16px 16px 20px; border-top: 1px solid var(--border, #e5e7eb); line-height: 1.55; } .slf-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 8px; margin-bottom: 6px; } .slf-link { color: var(--text-muted, #6b7280); text-decoration: none; cursor: pointer; padding: 2px 0; } .slf-link:hover, .slf-link:focus { text-decoration: underline; color: var(--text, #1f2937); } .slf-sep { color: var(--text-muted, #6b7280); opacity: 0.6; user-select: none; } .slf-version-note { font-size: 11px; color: var(--text-muted, #6b7280); opacity: 0.8; } /* App-Variante: in Settings-Blöcken eingebettet — etwas kompakter, ohne große Außenabstände. */ .slf-variant-app { padding: 12px 0 0; } /* ----------------------------------------------------- Cookie-Stub-Modal — wird von SUPPTREE_LEGAL_FOOTER .openCookieModal() in den gehängt. ----------------------------------------------------- */ .slf-cookie-modal { position: fixed; inset: 0; z-index: 2147483600; display: flex; align-items: center; justify-content: center; padding: 20px; } .slf-cm-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.55); } .slf-cm-box { position: relative; background: #ffffff; border-radius: 12px; max-width: 460px; width: 100%; padding: 22px 22px 18px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1f2937; } .slf-cm-title { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .slf-cm-body { font-size: 13px; line-height: 1.55; color: #374151; margin-bottom: 18px; } .slf-cm-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; } .slf-cm-btn { padding: 9px 16px; font-size: 13px; font-weight: 600; border-radius: 7px; cursor: pointer; border: 1px solid transparent; font-family: inherit; } .slf-cm-btn-secondary { background: #ffffff; color: #374151; border-color: var(--border, #e5e7eb); } .slf-cm-btn-secondary:hover { background: #f3f4f6; } .slf-cm-btn-primary { background: var(--green-dark, #1a5a3a); color: #ffffff; } .slf-cm-btn-primary:hover { filter: brightness(1.08); }