/*
 * GWS Standard Cart – eigene Styles
 *
 * standard_cart/common.tpl laedt diese Datei automatisch ueber
 * {assetExists file="custom.css"}. Der Parent standard_cart hat selbst
 * keine custom.css, es wird also nichts verdeckt.
 */

/* AGB-, FAGG- und Mailinglist-Zustimmung: vorher kaum sichtbare Standard-Checkboxen
   direkt vor dem auffaelligen "Zahlungspflichtig bestellen"-Button. Da die
   FAGG-Checkbox einen aktiven, bewussten Verzicht auf das gesetzliche Widerrufsrecht
   dokumentiert (siehe Kommentar im checkout.tpl), soll sie nicht uebersehen werden
   koennen.

   WICHTIG: kein display:flex auf .checkbox-inline -- das Label enthaelt normalen
   Fliesstext samt <a>-Link (z. B. AGB-Link). display:flex behandelt Textknoten als
   eigene Flex-Items und reisst den Satz in einzelne Wortgruppen mit grossen Luecken
   auseinander. Nur die Box selbst bekommt Rahmen/Hintergrund, der Inhalt bleibt
   normaler Inline-Textfluss. */
.gws-consent-highlight {
    display: block;
    max-width: 640px;
    margin: 12px auto;
    padding: 14px 18px;
    background-color: var(--lightBG);
    border: 1px solid var(--green3);
    border-radius: 6px;
    text-align: left;
}
.gws-consent-highlight .checkbox-inline {
    /* Theme-Regel "#order-standard_cart label { color:#666; font-weight:300;
       font-size:13px; }" (all.min.css) betrifft jedes <label> -- AGB/FAGG haben
       ihren Fliesstext komplett im <label>, die Mailinglist-Beschreibung steht
       dagegen in einem normalen <p> ausserhalb des Labels und bleibt unberuehrt.
       Werte unten per getComputedStyle an der Mailinglist-Box abgelesen (21.09.2026:
       color rgb(0,34,0), font-size 14px, font-weight 400) und hier 1:1 uebernommen,
       nicht ueber rem/Namenswerte geraten. !important auf allen dreien noetig, da
       die Theme-Regel eine ID enthaelt und damit hoehere Spezifitaet hat als eine
       reine Klassenregel -- ein zuvor ungeschuetztes font-weight wurde deshalb
       weiterhin von der Theme-Regel gewonnen. */
    color: rgb(0, 34, 0) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
/* Kein eigenes Sizing fuer input[type="checkbox"]: der echte Input wird vom
   iCheck-Plugin (icheckbox_square_blue, siehe DevTools) versteckt und durch ein
   eigenes <div> mit blue.png ersetzt -- eine CSS-Regel auf dem input selbst
   haette hier ohnehin keine sichtbare Wirkung. */