/*
 * Anpassungen für den Sprung von Bootstrap 5.0.2 auf 5.3.
 *
 * Absichtlich eine eigene Datei und kein Eingriff in gm-w.css: die gehört der
 * Gestaltung, diese hier gehört zum Update. Wird das Update zurückgenommen,
 * geht sie mit — ohne dass jemand in gm-w.css nach Spuren suchen muss.
 *
 * Eingebunden nach allen anderen Stylesheets.
 */

/*
 * Waagerechte Linien.
 *
 * 5.0.2 zeichnete <hr> als farbige Fläche:
 *     hr { background-color: currentColor; border: 0; opacity: .25 }
 *     hr:not([size]) { height: 1px }
 *
 * 5.3 zeichnet sie als Rahmen:
 *     hr { border: 0; border-top: var(--bs-border-width) solid; opacity: .25 }
 *
 * gm-w.css setzt dazu `hr { height: 3px }`. Unter 5.0.2 ergab das einen drei
 * Pixel hohen Balken — die Höhe kam von gm-w, die Farbe von Bootstrap. Unter
 * 5.3 bleibt die Höhe, aber die Fläche ist leer; sichtbar ist nur noch der ein
 * Pixel hohe Rahmen. Die Linien auf den Produktseiten wurden dadurch dünner.
 *
 * Hier wird die alte Zeichnung wiederhergestellt, ohne 5.3 zu widersprechen.
 */
hr {
    background-color: currentColor;
    border: 0;
}

/*
 * Und die zweite Hälfte derselben Sache.
 *
 * 5.0.2 hatte zusätzlich `hr:not([size]) { height: 1px }`. Dieser Selektor ist
 * spezifischer als das schlichte `hr` aus gm-w.css und gewann deshalb bei jedem
 * <hr> ohne size-Attribut: solche Linien waren ein Pixel hoch, die mit
 * `size="2"` drei.
 *
 * In 5.3 gibt es die Regel nicht mehr, also greift überall die Drei aus
 * gm-w.css — jede size-lose Linie wächst um zwei Pixel. Im Bildvergleich
 * gemessen: 13 Seiten wurden 2 px höher, eine 8 px (vier Linien), drei je
 * 26 px (dreizehn Linien).
 */
hr:not([size]) {
    height: 1px;
}

/*
 * Tabellenzellen.
 *
 * 5.0.2:  .table { --bs-table-bg: transparent }
 * 5.3:    .table { --bs-table-bg: var(--bs-body-bg) }
 *
 * Die Zellen malen seit 5.3 einen deckenden Hintergrund statt gar keinen. Auf
 * weissem Grund faellt das nicht auf — ausser an den eigenen Rahmen aus
 * gm-w.css (`.text table td { border-top: 1px solid #dadada }`), die dadurch
 * anders ueberblendet werden. Gemessen auf der japanischen Unternehmensseite:
 * 95.598 Pixel mit einem Unterschied von bis zu 41 von 255, ausschliesslich
 * auf den Trennlinien der Tabelle.
 */
.table {
    /*
     * Zellhintergrund: 5.0.2 transparent, 5.3 var(--bs-body-bg).
     */
    --bs-table-bg: transparent;

    /*
     * Und die Textfarbe.
     *
     * 5.0.2:  .table { color: #212529 }
     * 5.3:    .table { --bs-table-color: var(--bs-emphasis-color) }  → #000
     *
     * Das ist der Unterschied, den der Bildvergleich auf der japanischen
     * Unternehmensseite gefunden hat. Der gemessene groesste Abstand je Kanal
     * war 41 — und 0x29 ist genau die Differenz zwischen 0x29 und 0x00, dem
     * Blauanteil von #212529 gegenueber Schwarz. Sichtbar ist es nur als
     * minimal dunklerer Text in Tabellen.
     */
    --bs-table-color: #212529;
}