/*
 * La Fabrik am Viadukt – Schrift-Override für www.la-fabrik.de (Gastronovi-CMS)
 * Quelle: fabrik-designer, sites/website-css/la-fabrik-site.css
 * Ziel:   https://assets.la-fabrik.de/css/la-fabrik-site.css (Einbindung per <link> im CMS-Feld html_head)
 *
 * Regeln: BRAND-TYPE-001 (Alata ist der Fallback der Evolette), BRAND-TYPE-004 (Evolette nur in Displaygrößen,
 * nie Fließtext), BRAND-TYPE-005 Punkt 1 (calt immer aus), BRAND-TYPE-006 (Deko nur in Headlines; hier keine Deko).
 * Entscheidung der AD: SILVESTER-NAV-001 (2026-11-08).
 *
 * Gastronovi vergibt gehashte Klassen (Styled-Components), die sich bei jedem Rebuild ändern.
 * Deshalb greift dieses CSS nie auf Klassen zu, sondern
 *   1. definiert die Familie „Alata“ neu, sodass sie auf die Evolette zeigt, und
 *   2. sichert die Hauptnavigation zusätzlich über einen Strukturselektor ab, falls Gastronovi
 *      seine eigenen @font-face-Regeln erst nach diesem Stylesheet lädt (dann gewönne dessen Alata).
 * Inter (Fließtext) bleibt unangetastet.
 */

/* Evolette unter eigenem Namen (für den Strukturselektor in Abschnitt 2) */
@font-face {
  font-family: "La Fabrik Evolette";
  src: url("https://assets.la-fabrik.de/fonts/tj-evolette-a/tj-evolette-a-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* 1. „Alata“ zeigt auf die Evolette (gleiche Deskriptoren wie bei Gastronovi: 400 und 700) */
@font-face {
  font-family: "Alata";
  src: url("https://assets.la-fabrik.de/fonts/tj-evolette-a/tj-evolette-a-variable.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alata";
  src: url("https://assets.la-fabrik.de/fonts/tj-evolette-a/tj-evolette-a-variable.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 2. Absicherung über die Struktur der Hauptnavigation (gemessen 2026-11-08: div > nav > [Logo-Link] + div > ul > li > a).
      Bewusst eng: andere nav-Elemente (Fuß, Cookie-Banner) tragen Inter in Lesegrößen und bleiben unberührt. */
nav > div > ul > li > a {
  font-family: "La Fabrik Evolette", "Alata", "Source Sans 3", sans-serif !important;
}

/* calt aus (BRAND-TYPE-005, Punkt 1) – global, weil die Evolette über die umgelenkte „Alata“ überall auftauchen
   kann, wo Gastronovi Alata setzt, auch in Klapplisten der Navigation, die nicht unter nav > div > ul > li > a liegen.
   Anlass: AD am 2026-11-08 zu Zierformen im Untermenü („Das Spiel mit den Sonderbuchstaben in der Hauptnavigation
   sieht nicht gut aus, das müssen wir für die Hauptnavi unterbinden.“). Für Inter bedeutet das nur: keine Kontextformen. */
html,
html * {
  font-variant-ligatures: no-contextual !important;
}

/* 3. Eigene, stabile Klasse für feste HTML-Blöcke im CMS (z. B. die H1 der Startseite, bisher Inter).
      Die AD setzt sie von Hand: <h1 class="lf-evolette">…</h1>. Gewicht 700 wie die übrigen Website-Headlines
      (WEB-004, Alata-Bold), Evolette nur in Displaygrößen (BRAND-TYPE-004), ohne Zierformen (calt aus, oben). */
.lf-evolette,
.lf-evolette * {
  font-family: "La Fabrik Evolette", "Alata", "Source Sans 3", sans-serif !important;
  font-weight: 700 !important;
  /* Gastronovi setzt die Startseiten-H1 mit Zeilenhöhe unter der Schriftgröße (32/24, mobil 30/22, WEB-004);
     für Inter-Gemischtsatz geht das, für die Evolette in Versalform überlappen die Zeilen bei Umbrüchen
     (AD-Screenshot iPhone, 2026-11-09). Deshalb eigene Zeilenhöhe, auch für innere Spans: Gastronovi setzt
     Schrift und Zeilenhöhe oft auf Spans im Inneren, nicht auf der Überschrift selbst. */
  line-height: 1.12 !important;
}