/* ==========================================================================
   Coverflex Project (CFP) — Site-spezifische Anpassungen
   --------------------------------------------------------------------------
   Basis = gcc main.css + gc-*.css (geteilte GitCover-Design-Sprache).
   Hier nur echte CFP-Besonderheiten, die von der gemeinsamen Basis
   abweichen. Alles andere liegt in der geteilten Basis.
   ========================================================================== */

/* GitCover-Mark im Header als runder, leicht hinterlegter Kreis
   (CFP-Besonderheit gegenüber der gcc-Basis). */
.brand__mark {
  border-radius: 50%;
  background: var(--c-paper);
}

/* Aktive Sprache im Pulldown-Menü hervorheben. */
.lang-dropdown__menu a.is-active {
  color: var(--c-amber-deep);
  font-weight: 600;
  background: rgba(232, 99, 42, 0.10);
}
.lang-dropdown__code { font-family: var(--ff-mono); font-size: 0.75em; }

/* Aktionsgruppe (Sprache + Suche + Theme) rechts in der Brand-Zeile. */
.nav-actions {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-left: auto;
}

/* Navigationszeile: eigene Zeile unter der Brand-Zeile, darf umbrechen,
   statt bei schmaler Breite komplett zu verschwinden. */
.nav {
  flex-wrap: wrap;
  gap: var(--sp-4);
  padding: var(--sp-2) var(--sp-6);
  max-width: var(--maxw);
  margin: 0 auto;
}
@media (max-width: 600px) {
  .nav { gap: var(--sp-3); padding: var(--sp-2) var(--sp-4); }
}

/* Theme-Toggle-Button im Header */
#themeToggle { cursor: pointer; }