/* =============================================================
   SEOGEO Performance — Dezenter Analyse-Hinweis (Leistungsseiten)
   Zwei Ausführungen:
     · Variante 1  →  .analyse-mini   (Score-Ring + Zeile + Text-Link)
     · Variante 3  →  .analyse-nudge  (Karte mit Akzentrand + Ghost-Button)
   -------------------------------------------------------------
   Ergänzt style.css (nutzt dessen CSS-Variablen). Nur neue Klassen,
   überschreibt nichts. Auf den Leistungsseiten einbinden NACH style.css:
     <link rel="stylesheet" href="../css/analyse-mini.css?v=1">
   Platzierung: direkt ÜBER dem Abschluss-CTA (siehe EINBAU-ANLEITUNG.md).
   ============================================================= */

/* ===================== Variante 1 ===================== */
.analyse-mini{
  background:var(--color-bg);
  border-top:1px solid var(--color-light-1);
  border-bottom:1px solid var(--color-light-1);
  padding:2.25rem 0;
}
/* Optionaler heller Grün-Ton statt Weiß: class="analyse-mini analyse-mini--tint" */
.analyse-mini--tint{background:var(--color-light-3);background-image:none;}
.analyse-mini-inner{display:flex;align-items:center;gap:1.5rem;max-width:960px;margin:0 auto;}.analyse-mini-chip{
  flex:none;width:70px;height:70px;border-radius:50%;
  background:conic-gradient(var(--color-neon-1) 68%, var(--color-light-2) 0);
  display:flex;align-items:center;justify-content:center;position:relative;
}
.analyse-mini-chip::before{content:"";position:absolute;inset:7px;background:var(--color-bg);border-radius:50%;}
.analyse-mini-chip span{position:relative;font-family:var(--font-headline);font-size:1.25rem;color:var(--color-dark-1);}
.analyse-mini-text{flex:1;min-width:0;}
.analyse-mini-text strong{display:block;font-family:var(--font-headline);font-size:1.3rem;color:var(--color-dark-1);line-height:1.2;margin-bottom:.2rem;}
.analyse-mini-text span{font-size:1.02rem;color:var(--color-muted);line-height:1.45;}
.analyse-mini-link{
  flex:none;color:var(--color-dark-1);font-weight:700;font-size:1.1rem;
  text-decoration:underline;text-decoration-color:var(--color-neon-1);
  text-decoration-thickness:3px;text-underline-offset:4px;white-space:nowrap;transition:color .15s ease;
}
.analyse-mini-link:hover{color:var(--color-dark-2);}
@media (max-width:600px){
  .analyse-mini-inner{flex-wrap:wrap;gap:1rem;}
  .analyse-mini-link{width:100%;}
}

/* ===================== Variante 3 ===================== */
/* Dunkles Conversion-Band: dunkelgrüne Karte + Neon-Button. Poppt garantiert
   auf JEDEM Nachbar (weiß ODER hellgrün) und liest sich als das kostenlose
   Angebot / der Lead-Magnet. Ersetzt die alte helle Karte, die als
   .analyse-nudge--onlight weiß-auf-weiß verschwand. */
.analyse-nudge{background:var(--color-bg);padding:2.75rem 0;}
.analyse-nudge-card{
  max-width:960px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;
  background:var(--color-dark-1);border:1px solid var(--color-dark-1);
  border-left:6px solid var(--color-neon-1);border-radius:var(--radius);
  padding:1.6rem 1.85rem;box-shadow:0 12px 34px rgba(13,43,26,.20);
}
.analyse-nudge-ic{
  width:58px;height:58px;flex:none;border-radius:12px;
  background:rgba(61,224,41,0.14);border:1px solid rgba(61,224,41,0.35);
  display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;
}
.analyse-nudge-text{flex:1;min-width:0;}
.analyse-nudge-text strong{display:block;font-family:var(--font-headline);font-size:1.3rem;color:#fff;line-height:1.2;margin-bottom:.25rem;}
.analyse-nudge-text span{font-size:1.02rem;color:var(--color-light-2);line-height:1.45;}
.analyse-nudge-btn{
  flex:none;border:2px solid var(--color-neon-1);color:var(--color-dark-1);background:var(--color-neon-1);
  font-weight:700;font-size:1rem;padding:.75rem 1.4rem;border-radius:999px;white-space:nowrap;
  text-decoration:none;box-shadow:0 4px 0 rgba(0,0,0,.28);
  transition:background .15s ease,transform .12s ease,box-shadow .12s ease;
}
.analyse-nudge-btn:hover{background:var(--color-neon-2);transform:translateY(-1px);box-shadow:0 6px 0 rgba(0,0,0,.28);}
@media (max-width:600px){
  .analyse-nudge-card{flex-wrap:wrap;}
  .analyse-nudge-btn{width:100%;text-align:center;}
}

/* --onlight bleibt kompatibel: nur noch neutraler (weißer) Sektions-Hintergrund.
   Die dunkle Karte ist jetzt in JEDER Variante sichtbar. */
.analyse-nudge--onlight{background:var(--color-bg);}