/** * qa14-de-shop-software-pro-title.css * Page: /de/shop-software (page-id 89045) * section.product-price-plan-section.purple — "Transparente Preise, volle * Kontrolle / Jetzt eigenen Onlineshop erstellen mit JTL-Software" * Batch #14 item 6: the "JTL Pro" card title must be orange like the other three. * * ROOT CAUSE * All four card titles use the identical class. Three render orange; "JTL Pro" * renders WHITE because its card carries an extra modifier — `show-pro-plan` — * and custom-clone.css deliberately paints that one white: * .product-price-plan-section.product-price-plan-section .dark-card-items * .dark-card-item.show-pro-plan .dark-card-item__card-title{ color:#fff !important } * (the widget's own style.css does the same with #fff on the .purple variant). * So this is an intentional highlight treatment for the recommended plan, not a * bug — overriding it is a design decision, which is why it is scoped to the one * page that asked for it rather than removed from the shared rule. * * CONTRAST CHECK * Measured on prod: the Pro card's background is rgba(255,255,255,0.1) over the * section's dark fill — the SAME background as the other three cards, which * already carry #fb581f titles legibly. So orange here is exactly as readable as * on its neighbours. No contrast regression. * * SCOPE — `:not(.page-id-262958)` is load-bearing, do not remove. * The theme puts the DE original's page-id on the EN translation too, so * /en/ecommerce-platform's reads `page-id-262958 page-id-89045`. A bare * `body.page-id-89045` would therefore silently restyle the EN page as well. * Only /de/shop-software was requested. */ body.page-id-89045:not(.page-id-262958) section.product-price-plan-section .dark-card-widget .dark-card-items .dark-card-item.show-pro-plan .dark-card-item__card-title { color: #fb581f !important; -webkit-text-fill-color: #fb581f !important; }