/*
 * Tacweb Fahnenrechner — Abstände im Shop.
 *
 * Bewusst sparsam: nur Abstand und Umbruch, keine Farben und keine Schriften.
 * Das Aussehen gehört dem Template des Shops, nicht dem Plugin.
 */

/* Einheit direkt hinter (oder vor) dem Eingabefeld */
.tac-pp-zusatz {
    display: inline-block;
}

.tac-pp-zusatz-einheit {
    margin: 0 .35rem;
}

/* Der Min/Max-Hinweis steht auf eigener Zeile unter dem Feld —
   sonst klebt er an der Einheit ("m1 bis 7 m"). */
.tac-pp-zusatz-minmax {
    display: block;
    margin-top: .15rem;
}

.tac-pp-minmax {
    white-space: nowrap;
}

/* Wert des Schiebereglers */
.tac-pp-reglerwert {
    display: inline-block;
    min-width: 2.5rem;
    margin: 0 .35rem;
    font-variant-numeric: tabular-nums;
}

/* Hinweis, wenn eine Eingabe auf einen erlaubten Wert gerückt wurde */
.tac-pp-korrektur {
    display: block;
    margin-top: .15rem;
    font-size: .85em;
    opacity: .85;
}

/* Felder nebeneinander: "Anordnung" in der Feldtabelle.
   Die Spalten teilen sich die Zeile genau auf — zwei halbe ergeben mit dem
   Abstand zusammen 100 %. Das Eingabefeld füllt seine Spalte; würde man es
   zusätzlich begrenzen, klaffte auf breiten Bildschirmen eine Lücke. */
.tac-pp-reihe {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .75rem;
    align-items: flex-start;
}

.tac-pp-reihe > .tac-pp-breite-halb {
    flex: 1 1 calc(50% - .375rem);
    min-width: 6rem;
}

.tac-pp-reihe > .tac-pp-breite-drittel {
    flex: 1 1 calc(33.333% - .5rem);
    min-width: 5rem;
}

/* Kompakter: ein Maßfeld allein in der Zeile braucht keine Fensterbreite */
.tac-pp-breite-schmal .tac-pp-feld {
    max-width: 12rem;
}

.tac-pp-reihe .tac-pp-feld {
    width: 100%;
}

/* Die Fahnen-Vorschau über den Variationen */
.tac-pp-fahne {
    margin: 0 0 1rem;
    max-width: 20rem;
}

.tac-pp-fahne .tac-fahne-svg {
    overflow: visible;
}