/* =====================================================================
   BongoBong — Rasta Design · FlexNav-Skin
   Ziel: templates/Sweet/themes/sweet/bb-rasta-flexnav.css
   Lädt NACH plugins/bb_frontend/frontend/css/flexnav.css (Enqueue in
   Sweet/layout/header.tpl). Doppelte Klasse = gewinnt sicher gegen die
   Token-Defaults des Plugins, egal in welcher Load-Order.

   Warum nötig: flexnav.css fällt auf bb-hiphop-Tokens zurück
   (--bb-accent #ff7a33 Orange, --bb-dark Rail). bb-rasta.css definiert
   diese nicht mehr → ohne Skin würde FlexNav orange/dunkel rendern.
   Kein Markup-Eingriff: reine Token-Umbelegung + 3 Licht-Rail-Korrekturen.
   ===================================================================== */

.bb-fn.bb-fn,
.bb-fn-m.bb-fn-m {
  /* Rail: hell (Dummy-Header: Off-White, Mono-Ink-Labels) statt Dark-Crate */
  --bbfn-rail-bg: #fdfcf7;                 /* --bb-bg */
  --bbfn-rail-bg-2: #f5f2e7;               /* --bb-bg-2 */
  --bbfn-rail-fg: #17150e;                 /* --bb-ink */
  --bbfn-rail-fg-dim: rgba(23, 21, 14, .62);
  --bbfn-accent: #178a41;                  /* Rasta-Grün: Marker, Hover, Wipe */

  /* Panel: weißes Paper-Sheet mit warmem Sekundärton (Dummy .rmega) */
  --bbfn-panel-bg: #ffffff;                /* --bb-surface */
  --bbfn-panel-bg-2: #f5f2e7;              /* --bb-bg-2 */
  --bbfn-ink: #17150e;
  --bbfn-ink-soft: #514b3c;                /* --bb-ink-2 */
  --bbfn-line: #e2ddcc;                    /* solide Variante von --bb-line */
  --bbfn-radius: 16px;                     /* --bb-radius */
  --bbfn-shadow: 0 1px 2px rgba(23, 21, 14, .05), 0 24px 56px -24px rgba(23, 21, 14, .35);

  /* Welt-Label (SHISHA/VAPE-Gruppen): Gold auf heller Rail */
  --bb-fn-world-color: #b8860a;            /* abgedunkeltes --bb-y für Kontrast auf hell */
  --bb-fn-world-bg: rgba(23, 21, 14, .04);
  --bb-fn-world-border: rgba(23, 21, 14, .14);

  --bbfn-mono: "Space Mono", ui-monospace, "Cascadia Mono", monospace;
  --bbfn-body: "Hanken Grotesk", "IBM Plex Sans", system-ui, sans-serif;
}

/* Licht-Rail-Korrekturen (Werte, die in flexnav.css nicht tokenisiert sind) */

/* 1. Rail-Unterkante: Rasta-Streifen statt harter Dark-Kante (Dummy .rs-undernav) */
.bb-fn.bb-fn { position: relative; border-bottom: 0; }
.bb-fn.bb-fn::after {
  content: ""; display: block; height: 3px;
  background: linear-gradient(90deg, #178a41 0 33.34%, #eab00e 33.34% 66.67%, #d8402c 66.67% 100%);
}

/* 2. Featured-Entry (Sale): Rot statt Accent-Badge-Gelbstich */
.bb-fn.bb-fn .bb-fn-entry--featured > .bb-fn-entry__label { color: #d8402c; }
.bb-fn.bb-fn .bb-fn-entry__badge { background: #d8402c; color: #fff; border-radius: 999px; }

/* 3. Drawer-Backdrop auf Ink statt Schwarz-Braun */
.bb-fn--js.bb-fn--drawer-open::before,
.bb-fn-m.bb-fn-m--open::before { background: rgba(23, 21, 14, .45); }

/* Mobile-Drawer: weiße Karten bleiben (bereits #fff hart), Akzent-Ringe erben --bbfn-accent. */