/*
 * Anpassung des gemeinsamen Network-Ladeschirms an die Labelwelten (Website-Abschlussablauf Punkt 11).
 * Gestaltung und Quelle des Ladeschirms bleiben unverändert; bauen.py hängt diese Datei auf jeder Seite mit
 * Ladeschirm direkt hinter dessen Stil und gleicht die hier wiederholten Zeiten beim Bau mit der Quelle ab.
 */

/* Sobald der Ladeschirm ausblendet, gehört die Seite den Besuchern: Die durchsichtig werdende Fläche fängt
   keinen Klick und kein Tippen mehr ab (vorher rund 600 ms, etwa über den Knöpfen des Cookie-Fensters). */
.network-loader.is-leaving { pointer-events: none; }

/* Meldet das Skript des Ladeschirms nicht rechtzeitig, blendet sein Stil nach 8 s von selbst aus. Auch dann gibt
   die Fläche Zeiger und Berührung mit Beginn des Ausblendens frei, nicht erst an dessen Ende. */
.network-loader { animation: nl-release 0s calc(8000ms + var(--loader-fade)) forwards, st-loader-free 0s 8000ms forwards; }
@keyframes st-loader-free { to { pointer-events: none; } }

/* Punkt 11 „auf Basis der jeweiligen Websitefarbe“: IGNITED zeigt sein goldenes Sechseck
   (bauen.py::brand_loader_symbol) mit goldenem Schein und einem Hauch Gold im Glas statt des grünen Networks.
   Aufbau, Zeiten und Bewegung bleiben die des gemeinsamen Ladeschirms. */
[data-brand="ignited"] .network-loader .nl-glass { background: rgb(212 175 55 / 8%); }
[data-brand="ignited"] .network-loader .nl-mark { filter: drop-shadow(0 0 12px #d4af3766); }
[data-brand="ignited"] .network-loader .nl-symbol { width: 86%; margin-inline: auto; }