/* =========================================================
   Fushi · Aktion (fu-core sites.fushi.aktion, z. B. «−10 % auf alle Sushi», js/core.js)
   Eigene Datei, weil /css/** mit «max-age=31536000, immutable» ausgeliefert wird (firebase.json):
   Änderungen an components.css/pages.css erreichen wiederkehrende Gäste bis zu einem Jahr nicht,
   eine neue Datei schon. Eingebunden in index.html, bestellen.html und konto.html.
   Nur Tokens aus tokens.css. Ohne Aktion bleibt alles verborgen bzw. ungenutzt (kein Layoutwechsel).
   ========================================================= */

/* Abzeichen «−10 %» am Gericht: Daruma-Rot, weiss darauf 4.9:1 */
.badge--aktion { background: var(--c-primary-strong); color: #fff; letter-spacing: 0.04em; }

/* Preis: Listenpreis durchgestrichen, Aktionspreis hervorgehoben. Im HTML steht der Aktionspreis vor <del>
   (Vorlesen: «CHF 29.25 statt CHF 32.50»); row-reverse zeigt den alten Preis links davon. */
.preis-aktion { display: inline-flex; flex-direction: row-reverse; align-items: baseline; gap: 0.4em; white-space: nowrap; }
/* :first-child/:last-child (stimmt immer, siehe js/ui.js preisHtml) heben die Spezifität über Listen-Regeln wie
   «.order-lines div span:first-child» (Statusseite) oder «.upsell__item span», die sonst Farbe und Breite überschrieben */
.preis-aktion > .preis-aktion__neu:first-child { flex: none; color: var(--c-accent); font-weight: 800; }
.preis-aktion > .preis-aktion__alt:last-child { flex: none; font-family: var(--f-body); font-size: 0.85em; font-weight: 500; color: var(--c-text-3); text-decoration-thickness: 1.5px; }

/* «Aktion −10 %: du sparst CHF x» (Warenkorb, Kasse, Status) – schon in der Zwischensumme enthalten, kein Abzug */
.totals .totals__aktion { color: var(--c-green); font-weight: 700; }
.order-card__aktion { font-size: var(--fs-sm); font-weight: 700; color: var(--c-green); }

/* Banner oben auf der Karte und bei den Einstiegen der Startseite: gefüllt in Daruma-Rot mit Gold wie das Logo,
   damit es sich vom Konto-Anreiz (Umriss, ebenfalls «−10 %») klar abhebt. Weiss mindestens 4.9:1, Gold (gross, auf --c-primary-deep) 4:1. */
.aktion-banner {
  display: flex; align-items: center; gap: var(--space-4);
  margin-bottom: var(--space-4); padding: var(--space-3) var(--space-5);
  border-radius: var(--r-md); box-shadow: var(--shadow-md);
  background: linear-gradient(110deg, var(--c-primary-deep) 0%, var(--c-primary-deep) 35%, var(--c-primary-strong) 100%); color: #fff;
}
.aktion-banner__satz { flex: none; font-family: var(--f-display); font-size: var(--fs-2xl); line-height: 1; color: var(--c-salmon); white-space: nowrap; }
.aktion-banner__text { flex: 1; min-width: 0; font-size: var(--fs-sm); line-height: var(--lh-snug); }
.aktion-banner__text strong { display: block; font-size: var(--fs-md); font-weight: 800; color: #fff; overflow-wrap: anywhere; }
.aktion-banner__text small { display: block; margin-top: 2px; font-size: var(--fs-xs); color: #fff; }
.aktion-banner__bis { white-space: nowrap; }
@media (max-width: 560px) { .aktion-banner { gap: var(--space-3); padding: var(--space-3) var(--space-4); } .aktion-banner__satz { font-size: var(--fs-xl); } .aktion-banner__text strong { font-size: var(--fs-base); } }