/* Markenfarbe #F7C600 (Buttons/Preise) hat auf Weiß nur 1.6:1 Kontrast -
   Fließtext-Links waren praktisch unsichtbar (WCAG AA verlangt 4.5:1).
   Dazu kommt: `.woocommerce strong { color: #202020 }` (Kerntheme) gewinnt
   gegen die Link-Farbe, sobald <strong> INNERHALB eines <a> steht (so erzeugt
   eines der SEO-Migrationsskripte Fließtext-Links - 41 von 44 Produkten
   betroffen) - der Link wurde dadurch komplett unsichtbar: schwarzer
   Fettdruck ohne Linkoptik.
   #996600: gleicher Farbton wie Logo/Buttons (Hue 40-48°), 4.94:1 Kontrast.
   Kundenentscheidung 27.09.2026 (Screenshot: 10-fuss-high-cube-container).

   :not(.button) überall, weil einzelne Content-Boxen (z. B. .coin-post-cta)
   echte Buttons UND Fließtext-Links im selben Wrapper mischen - Buttons
   behalten ihre eigene (weiße) Textfarbe.

   .coin-pillar-body/.coin-hub-related direkt (28.09): auf /container-kaufen/
   (Shop-Seite) landet .coin-pillar-body via woocommerce_after_shop_loop tief
   verschachtelt in #main-content.wgl_col-9 (Sidebar mit Filtern, nicht
   wgl_col-12 wie bei reinen Elementor-Seiten) - der positionsbasierte
   Selektor (#main-content.wgl_col-12 > p a) griff dort nicht. Direktes
   Klassen-Targeting ist robuster als sich auf die umgebende Spaltenbreite
   zu verlassen. */

/* Category text (div.term-description, under the product grid since 20.09, inc/product-order.php), card K9,
   15.10.2026: its links were the theme yellow #F7C600 on white, 1.61:1, on all category pages with a text.
   A link with an inline background keeps its own colours (the "Angebot für Ihren Barcontainer anfordern"
   button in the Barcontainer text: #2B2F33 on #F7C600), hence :not([style*="background"]). */
#tab-description a:not(.button),
#tab-description a strong,
#tab-description a b,
.woocommerce-product-details__short-description a:not(.button),
.woocommerce-product-details__short-description a strong,
.woocommerce-product-details__short-description a b,
.coin-b2b-hinweis a:not(.button),
.wp-block-paragraph a:not(.button),
.wp-block-paragraph a strong,
.wp-block-paragraph a b,
.elementor-widget-text-editor a:not(.button),
.elementor-widget-text-editor a strong,
.elementor-widget-text-editor a b,
#main-content.wgl_col-12 > p a:not(.button),
#main-content.wgl_col-12 > p a strong,
#main-content.wgl_col-12 > p a b,
#main-content.wgl_col-12 > ul a:not(.button),
#main-content.wgl_col-12 > ul a strong,
#main-content.wgl_col-12 > ol a:not(.button),
#main-content.wgl_col-12 > table a:not(.button),
#main-content.wgl_col-12 > figure a:not(.button),
figcaption a:not(.button),
.must-log-in a:not(.button),
.coin-post-cta a:not(.button),
.coin-hub-spokes a:not(.button),
.coin-hub-related a:not(.button),
.coin-links a:not(.button),
.coin-pillar-body a:not(.button),
.coin-pillar-body a strong,
.coin-pillar-body a b,
.term-description a:not(.button):not([style*="background"]),
.term-description a:not(.button):not([style*="background"]) strong,
.term-description a:not(.button):not([style*="background"]) b {
	color: #996600 !important;
}

/* Hover/Focus: zurück zur hellen Markenfarbe + Unterstreichung. Die
   Unterstreichung ist Pflicht, nicht Deko - #F7C600 hat auf Weiß nur 1.6:1,
   Tastatur-Fokus hätte sonst keine zweite (nicht-farbliche) Erkennungshilfe. */
#tab-description a:not(.button):hover,
#tab-description a:not(.button):focus,
#tab-description a:hover strong,
#tab-description a:focus strong,
.woocommerce-product-details__short-description a:not(.button):hover,
.woocommerce-product-details__short-description a:not(.button):focus,
.woocommerce-product-details__short-description a:hover strong,
.woocommerce-product-details__short-description a:focus strong,
.coin-b2b-hinweis a:not(.button):hover,
.coin-b2b-hinweis a:not(.button):focus,
.wp-block-paragraph a:not(.button):hover,
.wp-block-paragraph a:not(.button):focus,
.wp-block-paragraph a:hover strong,
.wp-block-paragraph a:focus strong,
.elementor-widget-text-editor a:not(.button):hover,
.elementor-widget-text-editor a:not(.button):focus,
.elementor-widget-text-editor a:hover strong,
.elementor-widget-text-editor a:focus strong,
#main-content.wgl_col-12 > p a:not(.button):hover,
#main-content.wgl_col-12 > p a:not(.button):focus,
#main-content.wgl_col-12 > p a:hover strong,
#main-content.wgl_col-12 > p a:focus strong,
#main-content.wgl_col-12 > ul a:not(.button):hover,
#main-content.wgl_col-12 > ul a:not(.button):focus,
#main-content.wgl_col-12 > ol a:not(.button):hover,
#main-content.wgl_col-12 > ol a:not(.button):focus,
#main-content.wgl_col-12 > table a:not(.button):hover,
#main-content.wgl_col-12 > table a:not(.button):focus,
#main-content.wgl_col-12 > figure a:not(.button):hover,
#main-content.wgl_col-12 > figure a:not(.button):focus,
figcaption a:not(.button):hover,
figcaption a:not(.button):focus,
.must-log-in a:not(.button):hover,
.must-log-in a:not(.button):focus,
.coin-post-cta a:not(.button):hover,
.coin-post-cta a:not(.button):focus,
.coin-hub-spokes a:not(.button):hover,
.coin-hub-spokes a:not(.button):focus,
.coin-hub-related a:not(.button):hover,
.coin-hub-related a:not(.button):focus,
.coin-links a:not(.button):hover,
.coin-links a:not(.button):focus,
.coin-pillar-body a:not(.button):hover,
.coin-pillar-body a:not(.button):focus,
.coin-pillar-body a:hover strong,
.coin-pillar-body a:focus strong,
.term-description a:not(.button):not([style*="background"]):hover,
.term-description a:not(.button):not([style*="background"]):focus,
.term-description a:not(.button):not([style*="background"]):hover strong,
.term-description a:not(.button):not([style*="background"]):focus strong {
	color: #F7C600 !important;
	text-decoration: underline !important;
}

/* Category text links are underlined as well (card K10, 15.10.2026, K9 question 1): #996600 is only 1.91:1 against the
   description text #464646, WCAG 1.4.1 asks for 3:1 when colour alone marks a link. Same as the "Siehe auch" line
   (.coin-links, coin-mobile.css). A link with an inline background (the Barcontainer button) keeps its own look. */
.term-description a:not(.button):not([style*="background"]) {
	text-decoration: underline;
}
