/**
 * Energieetikett im Angebot (Umsetzungsplan 3.1.3)
 *
 * Klasse UND Spektrum stehen nebeneinander, weil VO (EU) 2017/1369 beides
 * verlangt: ein "A" auf der alten Skala (A+++ bis D) ist das drittschlechteste
 * Ergebnis, auf der neuen (A bis G) das beste. Ohne Spektrum ist der Buchstabe
 * keine Angabe.
 *
 * Die Farbe kommt als style-Attribut aus den Referenzdaten - es ist die Farbe
 * der amtlichen Skala, keine Gestaltungsentscheidung, und sie unterscheidet
 * sich je Klasse. Hier stehen nur Form und Abstaende.
 *
 * @author 4Unit Systems Integration GmbH
 */

.cs-energy {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    line-height: 1.2;
    vertical-align: middle;
}

/* Der Pfeil der amtlichen Skala, vereinfacht: rechts angeschnitten. Er macht
   erkennbar, dass es eine Skala ist und kein beliebiges Abzeichen. */
.cs-energy-class {
    display: inline-block;
    font-weight: 700;
    padding: 0.1rem 0.5rem;
    border-radius: 0.2rem 0.6rem 0.6rem 0.2rem;
    min-width: 1.6rem;
    text-align: center;
    letter-spacing: 0.02em;
}

.cs-energy-range {
    color: #6b7280;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cs-energy-link {
    color: #2563eb;
    text-decoration: underline;
    white-space: nowrap;
}

.cs-energy-link:hover {
    color: #1d4ed8;
}

/* Auf der Karte zaehlt jeder Millimeter - dort stehen die Verweise nicht,
   nur Klasse und Spektrum (siehe catalog_energy_badge_html($daten, false)). */
@media (max-width: 480px) {
    .cs-energy {
        font-size: 0.75rem;
        gap: 0.25rem;
    }
}