/* === bestehendes Stat-Grid aus vorheriger Nachricht === */
.rk-stats-wrap .rh_prop_card_meta_wrap_stylish{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
  padding:12px 16px 4px;
}
@media (max-width:1024px){ .rk-stats-wrap .rh_prop_card_meta_wrap_stylish{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){  .rk-stats-wrap .rh_prop_card_meta_wrap_stylish{ grid-template-columns:1fr; } }

.rk-stats-wrap .rh_prop_card_meta_wrap_stylish .rh_prop_card__meta{
  position:relative;
  display:grid; grid-template-rows:auto 1fr;
  gap:6px; padding:10px 12px;
  border:1px solid rgba(0,0,0,.08); border-radius:10px; background:#fafafa; min-height:72px;
}

/* Label & Wert */
.rk-stats-wrap .rhea_meta_titles{ font-size:.78rem; color:#667085; line-height:1.2; display:block; margin:0; padding-left:24px; } /* Platz für Icon */
.rk-stats-wrap .rhea_meta_icon_wrapper{ display:flex; align-items:flex-end; justify-content:flex-end; }
.rk-stats-wrap .rhea_meta_smart_box .figure{ font-size:1rem; font-weight:700; color:#111827; font-variant-numeric:tabular-nums; line-height:1.2; white-space:nowrap; }

/* === Badges/Icons vor dem Label ====================================== */
/* Wir verwenden das Marker-Span, das per PHP direkt nach dem Label eingefügt wird */
.rk-stats-wrap .rh_prop_card__meta .rk-marker{
  position:absolute; left:10px; top:10px; width:12px; height:12px;
  background:currentColor; opacity:.9; border-radius:2px; /* Basisform */
}

/* Icons via CSS-Masken (leicht, kein externes Asset nötig) */
.rk-stats-wrap .rh_prop_card__meta .rk-marker::before{
  content:""; position:absolute; inset:0;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  background:#0f766e; /* Teal; passt du an dein Brand an */
}

/* Preis: $-Icon */
.rk-stats-wrap .rh_prop_card__meta .stat--price::before{
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M11 21v-2.05A6.5 6.5 0 0 1 6 13h2a4.5 4.5 0 0 0 4.5 4.5H13a2.5 2.5 0 1 0 0-5h-2a4.5 4.5 0 1 1 0-9H13V1h2v2.05A6.5 6.5 0 0 1 18 7h-2a4.5 4.5 0 0 0-4.5-4.5H11a2.5 2.5 0 0 0 0 5h2a4.5 4.5 0 1 1 0 9h-2V23h-2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M11 21v-2.05A6.5 6.5 0 0 1 6 13h2a4.5 4.5 0 0 0 4.5 4.5H13a2.5 2.5 0 1 0 0-5h-2a4.5 4.5 0 1 1 0-9H13V1h2v2.05A6.5 6.5 0 0 1 18 7h-2a4.5 4.5 0 0 0-4.5-4.5H11a2.5 2.5 0 0 0 0 5h2a4.5 4.5 0 1 1 0 9h-2V23h-2Z"/></svg>');
}

/* Currency: Münze-Icon */
.rk-stats-wrap .rh_prop_card__meta .stat--currency::before{
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="%23000"/><rect x="6" y="11" width="12" height="2" fill="%23fff"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="%23000"/><rect x="6" y="11" width="12" height="2" fill="%23fff"/></svg>');
}

/* Supply: Stapel-Icon */
.rk-stats-wrap .rh_prop_card__meta .stat--supply::before{
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="16" height="3" x="4" y="6" fill="%23000"/><rect width="16" height="3" x="4" y="11" fill="%23000"/><rect width="16" height="3" x="4" y="16" fill="%23000"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="16" height="3" x="4" y="6" fill="%23000"/><rect width="16" height="3" x="4" y="11" fill="%23000"/><rect width="16" height="3" x="4" y="16" fill="%23000"/></svg>');
}

/* Mindestmenge: Einkaufswagen-Icon */
.rk-stats-wrap .rh_prop_card__meta .stat--minqty::before{
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 .001 3.999A2 2 0 0 0 15 18ZM6 6h14l-1.5 8H8.2L7 6Zm-2-2h2.2l1.5 10h10.8l2-11H4Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 .001 3.999A2 2 0 0 0 15 18ZM6 6h14l-1.5 8H8.2L7 6Zm-2-2h2.2l1.5 10h10.8l2-11H4Z"/></svg>');
}

/* === Tooltips (ohne JS) =============================================== */
.rk-stats-wrap .rh_prop_card__meta{
  --tip-bg:#111; --tip-fg:#fff;
}
.rk-stats-wrap .rh_prop_card__meta::after{
  content: attr(data-tip);
  position:absolute; left:12px; bottom:100%; transform:translateY(-8px);
  background:var(--tip-bg); color:var(--tip-fg);
  padding:6px 8px; font-size:.72rem; line-height:1.2; border-radius:6px;
  opacity:0; pointer-events:none; white-space:nowrap;
  transition:opacity .15s ease;
}
.rk-stats-wrap .rh_prop_card__meta:hover::after{ opacity:1; }

/* Beispiel-Tooltips per Feldklasse */
.rk-stats-wrap .rh_prop_card__meta.stat--price{   --tip-content:"Price per single token"; }
.rk-stats-wrap .rh_prop_card__meta.stat--currency{--tip-content:"Currency of the token price"; }
.rk-stats-wrap .rh_prop_card__meta.stat--supply{  --tip-content:"Total number of issued tokens"; }
.rk-stats-wrap .rh_prop_card__meta.stat--minqty{  --tip-content:"Minimum tokens per purchase"; }

/* Tooltip-Basis (wird auf der ganzen Kachel angezeigt) */
.rk-stats-wrap .rh_prop_card__meta{
  --tip-bg:#111;
  --tip-fg:#fff;
  --tip-pad:6px 8px;
  position:relative;
}

/* Fragezeichen-Badge am Label (dezent) */
.rk-stats-wrap .rh_prop_card__meta .rhea_meta_titles{
  position:relative;
  padding-right:18px; /* Platz für ?-Badge */
}
.rk-stats-wrap .rh_prop_card__meta .rhea_meta_titles::after{
  content:"?";
  position:absolute; right:0; top:0;
  font-size:.70rem; line-height:1;
  width:14px; height:14px;
  display:inline-grid; place-items:center;
  border:1px solid rgba(0,0,0,.25);
  border-radius:50%;
  color:#444;
  background:#fff;
}

/* Tooltip-Blase */
.rk-stats-wrap .rh_prop_card__meta::after{
  content: attr(data-tip);
  position:absolute;
  left:12px; bottom:100%;
  transform: translateY(-8px);
  background:var(--tip-bg);
  color:var(--tip-fg);
  padding:var(--tip-pad);
  font-size:.72rem;
  line-height:1.2;
  border-radius:6px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  transition:opacity .15s ease;
}
.rk-stats-wrap .rh_prop_card__meta:hover::after{
  opacity:1;
}

/* kleiner Pfeil */
.rk-stats-wrap .rh_prop_card__meta::before{
  content:"";
  position:absolute;
  left:20px; bottom:100%;
  transform: translateY(-2px);
  border:6px solid transparent;
  border-top-color: var(--tip-bg);
  opacity:0;
  transition:opacity .15s ease;
}
.rk-stats-wrap .rh_prop_card__meta:hover::before{
  opacity:1;
}

/* Gemeinsames Karten-Grid für Stats in diversen Widgets */
.rk-v6 .rh_prop_card_meta_wrap_stylish,
.rhea_fp2_meta .rh_prop_card_meta_wrap_stylish {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .5rem .75rem;
  border: 1px solid var(--rhea-border, #e8e8e8);
  border-radius: .75rem;
  padding: .75rem;
}

/* Einzel-Stat optisch angleichen */
.rk-v6 .rh_prop_card_meta_wrap_stylish .rh_prop_card__meta,
.rhea_fp2_meta .rh_prop_card_meta_wrap_stylish .rh_prop_card__meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .375rem .5rem;
  align-items: center;
  padding: .25rem .35rem;
  background: #fff;
  border: 1px dashed rgba(0,0,0,.07);
  border-radius: .5rem;
}

.rhea_meta_titles{
  font-size:.825rem;
  color:#6b7280;
  white-space:nowrap;
}
.rhea_meta_icon_wrapper .figure{
  font-weight:600;
}

/* Kleine tooltips über data-tip="" (falls gesetzt) */
.rh_prop_card__meta[data-tip]{
  position:relative;
}
.rh_prop_card__meta[data-tip]:hover::after{
  content: attr(data-tip);
  position:absolute;
  inset:auto auto 100% 0;
  transform: translateY(-6px);
  background:#111;
  color:#fff;
  font-size:.75rem;
  line-height:1.2;
  padding:.35rem .5rem;
  border-radius:.4rem;
  white-space:nowrap;
  pointer-events:none;
  z-index:5;
}