/* ============================================================
   Workwear-Theme -- Farb-Override fuer einen neuen Bereich, analog
   zu theme-workfashion.css. Angelegt 2026-08-17 auf Vorgabe Marketing
   R. Poeppel (verbindliche Bereichs-CI "workwear", siehe
   chatbot-regeln.md Abschnitt 1.2).

   Nur geladen wenn body.theme-workwear gesetzt ist (build.py, ueber
   Frontmatter-Feld "theme":"workwear" - siehe body_class dort).
   Aendert NICHTS am globalen Header/Footer-Markup selbst - reine
   additive Override-Datei, jede Regel hier entspricht 1:1 einer Regel
   aus main.css/navbar.css.

   WICHTIG, Stand 2026-08-17: Noch KEINE einzige .page-Datei nutzt
   dieses Theme - es ist bewusst nur angelegt, nicht aktiviert (siehe
   Auftrag). Ausserdem existiert (noch) KEIN Eintrag "workwear" in
   content/ci-bereiche.json - die var(--color-primary)-Variablen, die
   build.py:_ci_bereich_css() aus dieser Datei erzeugt, bleiben fuer
   "workwear" deshalb vorerst leer (die Funktion bricht ohne Bereichs-
   Eintrag frueh ab). Diese Datei deckt nur die hartkodierten
   #f97316-Stellen aus main.css/navbar.css ab, exakt wie
   theme-workfashion.css das fuer Rot/Orange tut - fuer eigenes
   Kampagnen-CSS mit var(--color-primary) auf einer künftigen
   Workwear-Seite braucht es zusaetzlich den ci-bereiche.json-Eintrag
   (legt ein Mensch über die CI-Bereiche-Ansicht an, nicht der Bot).

   Farbwerte (Marketing-Vorgabe 2026-08-17):
     Navy dunkel   #0a1628  - Hauptflaechen, Titelbaender, Fussflaechen
     Navy hell     #102036  - Sekundaerflaechen, Kachelrahmen
     Orange        #FF6600  - CTA, Akzente, Trennlinien, Links (Flaechen/Deko)
     Orange-Text   #b34700  - Orange als TEXTfarbe auf hellem Grund (5,50:1;
                               reines #FF6600 als Fliesstext auf Weiss waere
                               nur 2,94:1 - deshalb hier nie direkt als color:)
     Pastellblau   #DCECF5  - Kachel-Hintergruende
     Dark BG       #070f1c  - dunkler Seitenfuss
     Dark Body     #c3ccd6  - Fliesstext auf dunklem Grund

   Kontrast-Prinzip (nachgerechnet, siehe chatbot-regeln.md 1.2):
   Text auf hellem/weissem Grund -> #b34700. Flaechen/Rahmen/Trennlinien
   -> #FF6600. Ausnahme "Orange-Buttons": Hintergrund bleibt echtes
   #FF6600, aber die Schrift wird Navy #0a1628 statt Weiss (6,17:1 statt
   2,94:1) - deshalb ist die Kontrast-Ausnahme aus chatbot-regeln.md
   Abschnitt 5.3 (CI-Treue vor Lighthouse-Wert) fuer Workwear gar nicht
   noetig, anders als bei Workfashion.
*/

/* ---------- main.css: globale Link-/Text-Farben ---------- */
body.theme-workwear a { color: #b34700; }
body.theme-workwear a:hover { color: #b34700; }
/* Graue Utility-Links bleiben grau, exakt wie bei Workfashion (dortige
   nachtraegliche Kontrastkorrektur, siehe theme-workfashion.css) - sonst
   faerbt die pauschale a-Regel oben auch Fusszeile/Small-Links an. */
body.theme-workwear a.fusszeile,
body.theme-workwear a.fusszeile:hover { color: #666666; }
body.theme-workwear a.smallgrey,
body.theme-workwear a.smallgrey:hover { color: #666666; }
body.theme-workwear a.small { color: #666666; }
body.theme-workwear a.small:hover { color: #b34700; }
body.theme-workwear a.breadcrumb:hover { color: #b34700; }
/* .rot: allgemeine Text-Klasse, ueberwiegend auf hellem Grund - Orange-
   Textvariante, kein reines #FF6600 als Fliesstext (s.o.). */
body.theme-workwear .rot { color: #b34700; }
/* .coloring2: Titelband-Sektion (weisser H1/Subheadline-Text bereits in
   main.css). Laut Vorgabe NICHT auf Orange, sondern auf Navy dunkel -
   weiss darauf: 18,13:1. */
body.theme-workwear .coloring2 { background-color: #0a1628; }
body.theme-workwear .fa-stack:hover .fa-color1 { color: #b34700; }
/* .color: main.css liefert hier bereits einen soliden Hintergrund (kein
   rgba mehr) + weissen Text - genau wie .coloring2 auf Navy dunkel statt
   Orange. */
body.theme-workwear .color { background-color: #0a1628; }
body.theme-workwear .box-red { background-color: #FF6600; }

/* ---------- main.css: Buttons ----------
   Zwei Faelle, exakt nach Kontrast-Vorgabe getrennt:
   a) weisser/heller Button-Hintergrund, Orange nur als TEXT -> #b34700.
   b) echter Orange-Hintergrund (Buttonrot, input.button) -> Hintergrund
      bleibt #FF6600, aber Schrift wird Navy #0a1628 statt des von main.css
      geerbten Weiss (2,94:1 -> 6,17:1). Keine der beiden Auspraegungen
      braucht die CI-Treue-Ausnahme aus Abschnitt 5.3. */
body.theme-workwear a.button > .btn { color: #b34700; }
body.theme-workwear a.buttoninverse > .btn { color: #b34700; }
/* a.btn.white-border: aktuell nur auf chemie.page/raumplanung.page/
   betriebsbereiche-industrie-handwerk.page verwendet (kein Workwear-
   Kontext bislang) - Hintergrund dort nicht sicher hell, deshalb Annahme
   "Text auf hellem Grund" ungeprueft. Vor erster Verwendung im Workwear-
   Bereich per Screenshot gegenchecken. */
body.theme-workwear a.btn.white-border { color: #b34700; }
body.theme-workwear a.buttonrot > .btn { background-color: #FF6600; color: #0a1628; }
body.theme-workwear input.button { background-color: #FF6600; color: #0a1628; }
body.theme-workwear .elementor-widget-button .elementor-button.elementor-button-default { color: #b34700; }

/* ---------- main.css: Nach-oben-Button ----------
   Gleicher Grund wie bei den Buttons oben: Hintergrund #FF6600, Schrift/
   Icon-Farbe Navy statt des geerbten Weiss. Hover-Zustand hat main.css-
   seitig einen hellen Hintergrund (#f5f5f5) - dort ist Orange TEXT, also
   die helle Textvariante. */
body.theme-workwear .scroll-top-wrapper { background-color: #FF6600; color: #0a1628; }
body.theme-workwear .scroll-top-wrapper:hover { color: #b34700; }

/* ---------- navbar.css: Hauptmenue ----------
   Struktur 1:1 wie theme-workfashion.css (gleiche Selektoren, gleiche
   Media-Queries). .pp/.ppa und der Shop-Badge (li.shopli) uebernehmen
   hier bewusst NUR den Hintergrund-Farbtausch, genau wie im Workfashion-
   Original - dort liegt (wie im Original auch) weiterhin weisser Text
   auf der Akzentflaeche. Das ist kein neues Problem, sondern dasselbe
   Muster wie im referenzierten Workfashion-Theme; falls das fuer
   Workwear ebenfalls auf Navy-Text umgestellt werden soll, bitte
   gesondert beauftragen. */
@media (max-width: 767px) {
    body.theme-workwear .colormen { background-color: #FF6600; }
}
/* color = Text (helle Textvariante), border-bottom-color = Trennlinie/
   Akzent (echtes Orange) - deshalb hier zwei unterschiedliche Werte in
   derselben Regel. */
body.theme-workwear .navbar li .p:hover { color: #b34700; border-bottom-color: #FF6600; }
body.theme-workwear .navbar li .p:focus { color: #b34700; border-bottom-color: #FF6600; }
body.theme-workwear .navbar li .pa { color: #b34700; border-bottom-color: #FF6600; }
body.theme-workwear .navbar li .pa:hover { color: #b34700; border-bottom-color: #FF6600; }
@media (min-width: 768px) {
    body.theme-workwear .navbar li .pp:hover { background-color: #FF6600; }
    body.theme-workwear .navbar li .pp:focus { background-color: #FF6600; }
    body.theme-workwear .navbar li .ppa { background-color: #FF6600; }
}
/* Keine separat freigegebene, abgedunkelte Hover-Variante von #FF6600
   vorgegeben (anders als Workfashions #ea580c zu #f97316) - deshalb hier
   bewusst KEINE neue Farbe erfunden, Hover bleibt im selben Orange wie
   der Grundzustand. Falls gewuenscht: bitte einen Hover-Ton vorgeben. */
body.theme-workwear .navbar-nav > li.shopli { background-color: #FF6600; }
body.theme-workwear .navbar-nav > li.shopli:hover { background-color: #FF6600; }