/*
 * Gemeinsames aller Element-Partials.
 *
 * Teil des Design-Stylesheets. Die Reihenfolge der Dateien steht in
 * MenuStylesheets — Kaskade heißt, dass sie zählt.
 */

/* ---- Darstellung der einzelnen Elemente (Partials) ---- */

.spo-tile-label {
    font-size: inherit;
    line-height: 1.2;
}

/*
 * Die zweite Zeile, gedämpft — eine Definition für die Flächen, die eine
 * haben: CTA Button und Buttons. Bis hierher stand sie dreimal da, mit
 * 11px/.8 zweimal und 12px/.85 einmal, ohne dass der Unterschied gemeint war.
 *
 * Die 11px sind unsere Wahl und keine aus dem Design: dort trägt keine dieser
 * beiden Flächen eine zweite Zeile. Wo das Design eine vorgibt, steht sie bei
 * der Fläche selbst und ist deshalb hier nicht eingereiht — auf der orangen
 * CTA-Fläche (61-cta.css) und am orangen Button (65-button.css), beide mit
 * 14px/500 in voller Deckkraft.
 */
.spo-tile-note,
.spo-button-note {
    font-size: calc(11px - var(--spo-text-shrink));
    opacity: .8;
}

.spo-tile--plugin {
    --spo-tile-bg: linear-gradient(0deg, #0a4a78, #0a6aa8);
}