/* ==========================================================================
   WordPress-Ergänzungen zum Prototyp-CSS (styles.css bleibt unverändert)
   ========================================================================== */

/* WordPress-Standardklassen */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.langtext .alignleft { float: left; margin: 0 24px 16px 0; }
.langtext .alignright { float: right; margin: 0 0 16px 24px; }
.langtext .aligncenter { display: block; margin-inline: auto; }
.langtext .wp-caption-text, .langtext figcaption { margin-top: 8px; font-size: 14px; line-height: 22px; color: var(--stein); }

/* Verwaltung: leere Liste (im Prototyp immer mit Beispieldaten befüllt) */
.vw-leer { padding: 22px 24px; background: var(--papier); font-size: 15px; line-height: 24px; color: var(--stein); }

/* Formular: Fehlermeldung, wenn der Versand an den Server scheitert */
.formular__serverfehler { margin-top: 20px; font-size: 14px; line-height: 22px; color: var(--fehler); }

/* ==========================================================================
   Shop (WooCommerce, 20.10.2026): nur, was der Prototyp ohne Server nicht braucht
   ========================================================================== */
/* Kasse: Prüfung durch WooCommerce (checkout.js) zeigt Fehler wie .is-fehler im Prototyp */
.feld.woocommerce-invalid .feld__eingabe::after { background: var(--fehler); transform: scaleX(1); }
.feld.woocommerce-invalid .feld__fehler { display: block; }
.checkout-inline-error-message { display: none; }
[data-andere-adresse-zeile][hidden], .kasse-adresse[hidden] { display: none; }
.payment_box p { font-size: 14px; line-height: 22px; color: var(--stein); }
.payment_box p + p { margin-top: 8px; }
.bestaetigung__zahlung { margin-top: 16px; color: var(--stein); }

/* Meldungen von WooCommerce (Kasse, Warenkorb, Produktseite) */
.woocommerce-NoticeGroup, .wc-hinweise .woocommerce-notices-wrapper { margin-bottom: 16px; }
.woocommerce-error, .woocommerce-message, .woocommerce-info { padding: 16px 20px; background: var(--papier); font-size: 14px; line-height: 22px; list-style: none; }
.woocommerce-error { color: var(--fehler); }
.woocommerce-error li + li { margin-top: 4px; }
.woocommerce-message .button, .woocommerce-info .button { margin-left: 12px; text-decoration: underline; text-underline-offset: 3px; }
.kasse-abschnitt .woocommerce-info { padding: 0; background: none; }
.wc-hinweise { padding-top: calc(var(--header-h) + 24px); }

/* Warenkorb: Rückmeldung, solange WooCommerce rechnet, und Fehler (z. B. nicht lieferbar) */
[data-warenkorb-liste], [data-warenkorb-seite-liste], [data-warenkorb-summe], .zusammenfassung .summen { transition: opacity 200ms ease 150ms; }
.is-korb-laden [data-warenkorb-liste], .is-korb-laden [data-warenkorb-seite-liste], .is-korb-laden [data-warenkorb-summe], .is-korb-laden .zusammenfassung .summen { opacity: 0.6; }
.korb-fehler { margin-bottom: 16px; font-size: 14px; line-height: 22px; color: var(--fehler); }

/* Kundenkonto: Hinweise von WooCommerce („Adresse geändert“ usw.) über dem Inhalt; Erfolg in Keim wie die Sendungs-Fläche */
.konto-inhalt > .woocommerce-notices-wrapper:not(:empty) { margin-bottom: 24px; }
.konto .woocommerce-message { background: var(--keim); }