/* ══════════════════════════════════════════════════════════════════════════
   fusszeile.css - die Fußzeile des Produkts, und ihre dichte Fassung

   Gehört zu `templates/includes/fusszeile.html`. Geladen von base.html und
   base_public.html, NACH tailwind.css.

   Das Aussehen der Fußzeile steht als Tailwind-Utilities in der Vorlage
   selbst. Hier stehen nur die zwei Dinge, die keine Utility sein können:
   die Haarlinie mit dem Aurora-Verlauf und die Umstellung auf der Werkbank.

   ── 1. Die Haarlinie ────────────────────────────────────────────────────

   Sie ersetzt oben an der Fußzeile das frühere `border-t border-border`.
   Der Grund ist nicht Zierde: die Fußzeile ist die letzte Fläche, die ein
   Kunde sieht, und `--color-border` (#1c1f21) ist auf `--color-bg-base`
   (#050506) so leise, dass die Zeile unten ausfranst statt abzuschließen.
   Derselbe Verlauf wie Logo und Knopf schließt sie stattdessen.

   **Die 40 Prozent sind gemessen, nicht geraten.** Voll deckend ist der
   Verlauf auf einer 1 Pixel hohen Linie über die ganze Breite lauter als
   jeder Knopf der Seite und zieht das Auge nach unten statt in den Inhalt.
   Bei 0,4 steht die Linie klar über dem Grund und bleibt eine Kante.

   Kein `border-image`: das kann keinen Verlauf über eine einzelne Kante
   legen, ohne alle vier zu setzen. Ein eigenes Element von 1 Pixel Höhe ist
   der kürzere Weg und trägt `aria-hidden`, weil es nichts sagt.

   ── 2. Warum die Werkbank eine eigene Fassung braucht ───────────────────

   **Auf dem Brett ist der Bildschirm die Bühne, und er kann nicht wachsen.**
   `board.css`, Abschnitt 3, setzt ab 1024 Pixeln
   `body:has(.werkbank) { height: 100%; overflow: hidden }`. Die Seite
   scrollt dort nicht, sie kann es gar nicht. Jeder Pixel, den die Fußzeile
   nimmt, fehlt der Bahn darüber - eins zu eins.

   **Gemessen am 2026-09-03 mit `boardmessung.messen()`, 1440 x 900, dreimal
   derselbe Aufbau:**

       alte Fußzeile, eine Zeile      73 px   Kartenfläche  396 px
       neue Fußzeile, drei Spalten   310 px   Kartenfläche  159 px
       neue Fußzeile, dicht (hier)    61 px   Kartenfläche  408 px

   **237 Pixel weniger**, auf genau der Seite, auf der ein Kunde den ganzen
   Tag arbeitet. `BOARD_GRUNDABZUG` in `workspace_app/board_daten/hoehe.py`
   rechnet für den Seitenfuß mit **69 px**; die Zahl steht dort in der
   Aufstellung. Die dichte Fassung bleibt darunter, das Brett gewinnt also
   12 Pixel, statt 237 zu verlieren.

   **Deshalb hat die Fußzeile hier eine Dichte und keine zweite Gestalt.**
   Dieselben Verweise, dieselben 14 Pixel, dieselben 44 Pixel
   Trefferfläche, dieselben Farben, dieselbe Haarlinie. Weg fallen nur der
   Satz über das Produkt und die Spaltentitel, und aus drei Spalten wird
   eine Zeile. **Kein Verweis verschwindet** - eine Fußzeile, die auf einer
   Seite weniger Wege anbietet als auf der anderen, wäre eine Falle.

   Die Grenze ist bewusst dieselbe wie die der Werkbank (1024) und hängt am
   selben `:has(.werkbank)`. Unter 1024 gibt es die Werkbank nicht, dort
   scrollt die Seite, und dort steht die volle Fußzeile.
   ══════════════════════════════════════════════════════════════════════════ */

.fuss-linie {
  height: 1px;
  background: var(--gradient-aurora);
  opacity: 0.4;
}

@media (min-width: 1024px) {
  /* Die zwei Blöcke (Raster und Bodenzeile) stehen nebeneinander statt
     untereinander. `align-items: center` hält Logo, Verweise und Jahr auf
     einer Grundlinie. */
  body:has(.werkbank) .fuss-innen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0 32px;
    /* 8 statt der 40/56 der vollen Fassung. Zusammen mit der Zeile von 44 px
       ergibt das 61 px, also **weniger als die 73 px der alten Fusszeile** und
       weniger als die 69 px, mit denen `BOARD_GRUNDABZUG` fuer den Seitenfuss
       rechnet. Die Bahn verliert durch diesen Umbau also keinen Pixel, sie
       gewinnt einen Rest. Ganz ohne Polsterung waeren es 45 px, und dann klebt
       die Zeile auf der Bildkante. */
    padding-block: 8px;
  }

  body:has(.werkbank) .fuss-raster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 28px;
  }

  /* Der Satz über das Produkt und die Herkunftszeile fallen weg. Sie sind
     das Einzige, was hier nichts tut: auf dem Brett weiß der Kunde längst,
     was AdenAI ist. Die Spaltentitel fallen mit, weil eine Zeile keine
     Spalten hat, die man benennen müsste. */
  body:has(.werkbank) .fuss-satz,
  body:has(.werkbank) .fuss-quelle,
  body:has(.werkbank) .fuss-titel {
    display: none;
  }

  body:has(.werkbank) .fuss-marke {
    max-width: none;
    margin: 0;
  }

  body:has(.werkbank) .fuss-liste {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 20px;
    margin-top: 0;
  }

  /* Die Bodenzeile verliert ihre Trennlinie und ihren Abstand: sie ist hier
     kein zweiter Block mehr, sondern das rechte Ende derselben Zeile. */
  body:has(.werkbank) .fuss-boden {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    gap: 20px;
  }
}