/* CG Donation Widget – Public Styles (Card + Compact) */

/* Card */
.cgdw.cgdw-card{
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  color:#111827;
  box-shadow: 0 6px 18px rgba(17,24,39,0.08); /* leichter 3D Schatten */
  overflow:hidden;
}

/* Media */
.cgdw .cgdw-media{position:relative;width:100%}
.cgdw .cgdw-media img{display:block;width:100%;height:260px;object-fit:cover}
@media (max-width:640px){.cgdw .cgdw-media img{height:220px}}
.cgdw .cgdw-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.cgdw .cgdw-overlay span{color:#fff;font-weight:700;font-size:1.05rem;padding:.35rem .6rem;background:rgba(0,0,0,.35);border-radius:8px}

/* Body */
.cgdw .cgdw-body{padding:18px}

/* Ziel/Laufzeit – immer zwei Zeilen */
.cgdw .cgdw-meta-2rows{margin-bottom:6px;color:#111827}
.cgdw .cgdw-meta-2rows .cgdw-meta-row{display:block;margin:2px 0}
.cgdw .cgdw-meta-2rows strong{color:#111827}

/* Titel + Teaser (max 4 Zeilen) */
.cgdw .cgdw-title{margin:6px 0 6px 0;font-size:1.25rem;line-height:1.35}
.cgdw .cgdw-teaser{color:#374151;margin:6px 0 10px 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Icon-Zeile (zentriert, ohne Box & Hintergrund) */
.cgdw .cgdw-iconrow{display:flex;align-items:center;justify-content:center;margin:6px 0 10px 0}
.cgdw .cgdw-icon{font-size:28px;line-height:1;color:#6b7280;background:transparent;border:0}
.cgdw .cgdw-iconimg{width:32px;height:32px;object-fit:contain;border:0;background:transparent}

/* Progress */
.cgdw .cgdw-progress{margin:10px 0 6px 0}
.cgdw .cgdw-progress-track{position:relative;width:100%;height:10px;background:#f3f4f6;border-radius:999px;overflow:hidden}
.cgdw .cgdw-progress-bar{height:100%;background:#7a0b1b;transition:width .6s ease}
@media (prefers-reduced-motion:reduce){.cgdw .cgdw-progress-bar{transition:none}}
.cgdw .cgdw-progress-label{text-align:center;margin-top:6px;font-size:.95rem;color:#111827}

/* Stats inline (eine Zeile) */
.cgdw .cgdw-stats-inline{margin:10px 0;color:#111827;display:flex;gap:8px;align-items:baseline}

/* Buttons */
.cgdw .cgdw-actions{margin-top:10px}
.cgdw .cgdw-btn{display:block;width:100%;text-align:center;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700}
.cgdw .cgdw-btn:hover{filter:brightness(1.05)}
.cgdw .cgdw-btn.cgdw-btn-disabled{opacity:.55;pointer-events:none}

/* Sekundärer Link als Button */
.cgdw .cgdw-link-secondary{
  display:block;width:100%;text-align:center;margin:10px 0 0 0;
  padding:10px 14px;border-radius:12px;text-decoration:none;
  background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;
}
.cgdw .cgdw-link-secondary:hover{background:#e5e7eb}

/* Aktiv seit */
.cgdw .cgdw-active-since{margin-top:10px;text-align:center;color:#6b7280}

/* Compact */
.cgdw .cgdw-compact{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:8px 0;color:#111827}
.cgdw .cgdw-compact strong{font-weight:600}

/* Modal (Historie, Grundgerüst) – wird von JS genutzt */
.cgdw-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:9998}
.cgdw-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}
.cgdw-modal.is-open,.cgdw-modal-backdrop.is-open{display:flex}
.cgdw-modal__content{background:#fff;border-radius:12px;width:min(680px,92vw);max-height:80vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.cgdw-modal__head{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}
.cgdw-modal__title{font-weight:700}
.cgdw-modal__close{border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1}
.cgdw-modal__body{padding:12px 16px}
.cgdw-history-list{list-style:none;margin:0;padding:0}
.cgdw-history-item{display:grid;grid-template-columns:130px 1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid #f3f4f6}
.cgdw-history-item__date{color:#6b7280}
.cgdw-history-item__cat{color:#374151}
.cgdw-history-item__amt{font-weight:600}