/* ==========================================================================
   CoinFlow Finance – Lernpfad-Button  ·  v1.0.0

   Überschreibt die Leiste .cff-backbar aus cff-dark-ui:
   - kein Balken über die volle Breite mehr, nur ein kleiner Button oben links
   - der Button nimmt keinen Platz im Layout ein und bleibt beim Scrollen sichtbar
   - die 70 px, die LearnPress für den ausgeblendeten Kopf reserviert, fallen weg
   Die Beschriftung wählt cff-lernpfad-button.js passend zum freien Rand.
   ========================================================================== */
body.cff-dark-lesson .cff-backbar{
  position:sticky !important;
  top:14px !important;
  z-index:50 !important;
  display:block !important;
  width:max-content !important;
  height:32px !important;
  margin:0 0 -32px 10px !important;
  padding:0 !important;
  background:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border:0 !important;
}
body.cff-dark-lesson .cff-backbar__in{
  display:block !important;
  margin:0 !important;
  max-width:none !important;
}
body.cff-dark-lesson .cff-backbar a{
  display:inline-flex !important;
  align-items:center;
  gap:.35rem;
  height:32px;
  padding:0 .6rem 0 .5rem;
  border:1px solid #1F2A24;
  border-radius:999px;
  background-color:rgba(5,8,6,.8);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace !important;
  font-size:.65625rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
  white-space:nowrap;
  color:#8A968F !important;
  text-decoration:none !important;
  transition:color 200ms cubic-bezier(.22,.61,.28,1),border-color 200ms cubic-bezier(.22,.61,.28,1);
}
body.cff-dark-lesson .cff-backbar a::before{ content:none !important; display:none !important; }
body.cff-dark-lesson .cff-backbar a:hover,
body.cff-dark-lesson .cff-backbar a:focus-visible{
  color:#3DDC97 !important;
  border-color:rgba(61,220,151,.45);
}
body.cff-dark-lesson .cff-backbar svg{ width:13px; height:13px; flex:none; }
body.cff-dark-lesson .cff-backbar__long{ display:none; }
body.cff-dark-lesson .cff-backbar[data-mode="long"] .cff-backbar__long{ display:inline; }
body.cff-dark-lesson .cff-backbar[data-mode="icon"] a{ width:32px; padding:0; justify-content:center; }
body.cff-dark-lesson .cff-backbar[data-mode="icon"] .cff-backbar__txt{ display:none; }

/* Platz des ausgeblendeten LearnPress-Kopfs und -Fußes zurückgeben */
body.cff-dark-nochrome #popup-content{
  margin-top:0 !important;
  height:100% !important;
}