/*
 * Checkout-Fortschritt (resources/views/frontend/partials/header_checkout.blade.php)
 *
 * Der aktive Schritt wurde bisher ausschliesslich ueber die Textfarbe markiert
 * ($col_col_h2 fuer den aktiven, $col_col_infotext fuer alle anderen). Viele
 * Clients konfigurieren beide Farben identisch (z. B. beide #333333), dann gab
 * es ueberhaupt keine Rueckmeldung, auf welchem Schritt der Kunde steht.
 *
 * Diese Datei liegt bewusst NICHT im per Client kompilierten SCSS, sondern wird
 * fuer alle Shops gleich ausgeliefert: die Kennzeichnung kommt so ohne ein
 * erneutes renderSCSS je Client an und ist unabhaengig von der Farbpalette
 * (Schriftstaerke, Deckkraft, Unterstreichung in der jeweiligen Textfarbe).
 */

.breadcrumb-checkout .checkout-step > a,
.breadcrumb-checkout .checkout-step > span {
    display: inline-block;
    font-weight: 400;
    padding-bottom: 2px;
    /* Der Rahmen ist auf allen Schritten reserviert (transparent), damit der
       aktive Schritt keinen Layoutsprung erzeugt. */
    border-bottom: 2px solid transparent;
}

/* Noch nicht erreichte Schritte zuruecknehmen. */
.breadcrumb-checkout .checkout-step.is-todo {
    opacity: 0.65;
}

.breadcrumb-checkout .checkout-step.is-active > a,
.breadcrumb-checkout .checkout-step.is-active > span {
    font-weight: 700;
    border-bottom-color: currentColor;
}