/* CUSTOM: G5 Accessibility Gate 2026-07-21 - WCAG-AA-Nachbesserungen Storefront.
   Nur Overrides, Basis-Styles bleiben unberuehrt (style-2.6.min.css wird nicht editiert).
   1) Sichtbarer Fokus-Indikator: Doppelring (violett + weisser Zwischenraum),
      funktioniert auf hellen und dunklen Flaechen. Nur bei Tastatur-Fokus (:focus-visible),
      Maus-Klicks bleiben optisch unveraendert. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid #5B215E !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #ffffff !important;
}

/* 2) Kontrast-Anhebungen auf mindestens 4.5:1, Farbton jeweils beibehalten.
      Suchfeld-Placeholder: #7b808a auf #f6f6f6 war 3.66:1 -> 5.42:1 */
.input-search::placeholder {
    color: #5f6570 !important;
}

/* Breadcrumbs: #889397 auf Weiss war 3.14:1 -> 4.69:1 */
.breadcrumb a,
.breadcrumb-item + .breadcrumb-item,
.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d;
}

/* Fliesstext-Grau #777 auf Weiss war 4.47:1 (knapp drunter) -> 5.17:1 */
.p-social-media {
    color: #6d6d6d;
}

/* Gruener Preis: #4ca952 auf Weiss war 2.95:1 -> 5.13:1 */
.price-green {
    color: #2e7d32;
}

/* Beworben-Badge: Weiss auf #31ae6a war 2.84:1 -> 5.33:1 */
.product-card .product-card-badge-green {
    background-color: #1e7a4a;
}

/* Suchfeld: Textfarbe selbst war #7b808a (3.66:1) -> 5.42:1; der spezifischere
   Original-Selektor .top-search-bar .input-search braucht eine eigene Override-Regel,
   auch fuer den Fokus-Ring (Original setzt outline:none !important mit hoeherer Spezifitaet). */
.top-search-bar .input-search {
    color: #5f6570;
}

.top-search-bar .input-search:focus-visible {
    outline: 2px solid #5B215E !important;
    outline-offset: -2px;
    box-shadow: 0 0 0 2px #ffffff !important;
}

.top-search-bar .btn-search i {
    color: #5f6570 !important;
}

/* Info-Badge (z.B. Warenkorb-Hinweise): #15a0b6 auf #eef7fc war 2.87:1 -> 5.14:1 */
.badge-info-light {
    color: #0d7285;
}

/* Bootstrap-Gruen #28a745 auf Weiss war 3.13:1 -> 5.14:1 (Lagerstatus, Checkout-Link) */
.text-success {
    color: #1e7e34 !important;
}

.link-add-new-shipping-option,
.link-add-new-shipping-option:hover {
    color: #1e7e34 !important;
}

/* Produktseiten-Statistikzeile: #9a9a9a auf Weiss war 2.81:1 -> 5.17:1 */
.product-content-details .product-analytics span {
    color: #6d6d6d;
}

/* Produktseiten-Meta-Zeile: #777 auf Weiss war 4.47:1 (knapp drunter) -> 5.17:1 */
.product-content-details .product-meta-info {
    color: #6d6d6d;
}

/* 3) SEO-h1 der Startseite war visibility:hidden und damit auch fuer Screenreader weg.
      Standard-sr-only-Pattern: unsichtbar fuer Sehende, lesbar fuer Screenreader. */
.h1-title-nvs {
    visibility: visible !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}