/* =========================================================================
   Die Fußzeile "Powered by Data Squad", die templates/core/footer.html baut.

   Anders als 30-oeffentlich.css braucht diese Datei keine Erlaubnisliste: Alle
   Regeln hängen an `.lozi-…`-Klassen, die es nur in unserer eigenen Vorlage
   gibt. Das ist hier auch nötig — die Fußzeile steht auf *jeder* Seite, auch
   in der Verwaltung, und die soll beim Indico-Look bleiben.

   Deshalb steht hier **keine einzige Farbe**. Größe, Abstand und Gewicht sind
   auf hellem wie auf dunklem Grund richtig; die Farben erbt der Text von der
   Fußzeile, in der er steht. So sieht der Hinweis in der dunklen Portalseite
   und in der hellen Verwaltung jeweils passend aus, ohne dass eine der beiden
   eine Sonderregel braucht.
   ========================================================================= */

/* Das Logo ist eine Zeichnung mit hellem Papiergrund, kein freigestelltes
   Signet. Als kleine gerundete Marke gelesen funktioniert das auf beiden
   Untergründen; freigestellt wirken wollen hieße, es weiß zu umranden. */
.footer-logo.lozi-bwi-logo {
  /* Die Höhe der Fußzeile hängt am Logo, nicht am Text: Eine Textzeile ist
     rund 1,2 rem hoch, das Logo gibt den Rest vor. Deshalb steht es hier nur
     wenig höher als die Zeile, neben der es sitzt. */
  width: auto;
  height: 2.5rem;
  border-radius: 0;
  /* Indicos Vorlage liefert ein SVG in Textbreite aus; ohne das hier zöge das
     Seitenverhältnis der Zeichnung die Fußzeile auseinander. */
  object-fit: contain;
  flex: none;
  /* Rechts, so verlangt es der BWI-Styleguide — als letztes Element der Zeile
     (footer.html) schiebt der automatische Rand es an die Kante, und nach einem
     Umbruch am Handy steht es rechtsbündig in seiner eigenen Zeile. */
  margin-left: auto;
  align-self: center;
}

/* Beides in einer Zeile — untereinander machte es die Leiste doppelt so hoch,
   ohne dass die zweite Zeile mehr wert wäre als der Nachsatz, der sie ist.
   `wrap` als Rückfall: Auf sehr schmalen Schirmen bricht sie doch um, statt
   die Fußzeile seitlich zu sprengen. */
.lozi-powered-box {
  flex: 1 1 12rem;
  min-width: 0;
}

.lozi-powered {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.4rem;
  line-height: 1.35;
}

.lozi-powered-wer {
  font-weight: 600;
  white-space: nowrap;
}

/* Die Herkunft tritt zurück, verschwindet aber nicht: Indico bleibt genannt,
   ist nur nicht mehr die Hauptsache. Kleiner und blasser als der Satz davor —
   dieser Kontrast trennt die beiden, ein Trennzeichen braucht es nicht. */
.lozi-powered-basis {
  font-size: 0.85em;
  opacity: 0.75;
}

.lozi-powered-basis .version {
  /* Indico setzt die Version sonst als eigenes Etikett ab — hier ist sie nur
     eine Angabe mehr in derselben Zeile. */
  background: none;
  padding: 0;
  font-size: inherit;
}

/* Auf schmalen Schirmen steht die Fußzeile ohnehin umgebrochen. */
@media (max-width: 34rem) {
  .lozi-powered {
    font-size: 0.9rem;
  }

  .footer-logo.lozi-bwi-logo {
    height: 2rem;
  }
}

/* Die Zeile darf umbrechen. Indicos `flexrow` tut das nicht: Wird der Platz
   knapp, schieben sich Linkliste und Herkunftsangabe uebereinander, statt
   untereinander zu rutschen. Betrifft nur die eine Zeile in unserer eigenen
   Vorlage, nicht Indicos uebrige `flexrow`-Verwendungen. */
footer.footer > .flexrow {
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
}

footer.footer .footer-links {
  flex-wrap: wrap;
}