/*
 * Projekt Termin Sync — Projekt-Labels als Stempel („UA | Uraufführung“)
 *
 * Der Stempel ist ein Inline-SVG (PTS_Helpers::projekt_stempel_html()):
 * vier Linien mit offener Ecke oben links und unten rechts, Kurzform mit
 * Trennstrich, Name in der Titelschrift. Die Maße stecken im SVG; hier nur
 * Farbe, Größe, Drehung und die Schrift.
 *
 * Größe: Die Breite ist Höhe × Seitenverhältnis (--pts-projekt-stempel-
 * verhaeltnis kommt je Stempel aus dem PHP) und nie mehr als die verfügbare
 * Breite – lange Labels schrumpfen am Handy also proportional mit. Höhe über
 * --pts-projekt-stempel-hoehe: Detailseite 40px (Handy 34px), Cards 22px.
 *
 * Geladen im Frontend und in Projekte → Labels (Vorschau-Spalte).
 * Titelschrift: --pts-projekt-stempel-font.
 */
.pts-projekt-labels--stempel { gap: .6em; }
.pts-projekt-stempel {
    --_hoehe: var(--pts-projekt-stempel-hoehe, 22px);
    display: inline-block;
    flex: 0 1 auto;
    min-width: 0;
    width: calc(var(--_hoehe) * var(--pts-projekt-stempel-verhaeltnis, 5));
    max-width: 100%;
    color: var(--pts-projekt-label-color, #9a3412);
    line-height: 0;
    transform: rotate(-2deg);
}
.pts-projekt-labels--seite .pts-projekt-stempel { --_hoehe: var(--pts-projekt-stempel-hoehe, 40px); }
@media (max-width: 767px) {
    .pts-projekt-labels--seite .pts-projekt-stempel { --_hoehe: var(--pts-projekt-stempel-hoehe-mobil, 34px); }
}
.pts-projekt-stempel svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}
.pts-projekt-stempel .pts-projekt-stempel__name { font-family: var(--pts-projekt-stempel-font, Gambarino, Georgia, serif); }
.pts-projekt-stempel .pts-projekt-stempel__kurz { font-family: Inter, system-ui, sans-serif; }