/** * qa14-cloud-erp-pro-title.css * Pages: /de/warenwirtschaftssystem-software/jtl-warenwirtschaft-cloud/ (page 114415) * /en/erp-software/jtl-cloud-erp/ (page 268013) * section.product-price-plan-section.orange — "Preise und Pakete von * JTL-Wawi Cloud" / "Prices and packages from JTL-Wawi Cloud" * Batch #14 item 6: the "Professional" card title must be orange like the other three. * * ROOT CAUSE * All four plan names use the same class, `.dark-card-item__card-title`. Basic / * Advanced / Enterprise compute to rgb(251,88,31); "Professional" computes to * rgb(255,255,255) because its card carries the extra `show-pro-plan` modifier * and custom-clone.css:2716 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-over-title, * … .dark-card-item.show-pro-plan .dark-card-item__card-title { color:#fff !important } * So the white is an intentional "recommended plan" highlight, not a bug — * overriding it is a design decision, which is why this is scoped to the two * pages that asked for it rather than removed from the shared rule. * (Same shape as qa14-de-shop-software-pro-title.css and jp-520-warenwirtschaft-prices.css, * which already made this exact swap on /de/shop-software and /de/warenwirtschaft.) * * SPECIFICITY * The shared rule is (0,6,0) + !important. Prefixing with `body.page-id-…` gives * (0,7,1); `!important` is still required to tie the !important flag. Only * `.dark-card-item__card-title` is overridden — the over-title ("JTL-WAWI CLOUD") * stays white, matching the other three cards. * * SCOPE — one selector covers both languages ON PURPOSE. * The theme puts the DE original's page-id on the EN translation too: the EN * page's reads `page-id-268013 page-id-114415`. Since the ticket asks for * "both /de/ and /en/", the single `body.page-id-114415` hook is exactly right, * and no other page carries that id (verified: it is the DE post id of this page). * * CONTRAST * The Pro card's background is the same rgba(255,255,255,.1) fill over the navy * panel as its three neighbours, which already render #fb581f titles legibly. * No contrast regression. (-webkit-text-fill-color is restated because the theme * uses gradient-clipped text elsewhere; here it is currently `currentcolor`, so * this is belt-and-braces, not a fix for an observed bug.) */ body.page-id-114415 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; }