/* JP-1077 -- /de/umstieg-und-wechsel/ + /en/migration-services/
 *
 * Scoped to page-id 106394 (the German original). WPML stamps the original's
 * id onto the translated twin's <body> as well, so this one scope covers BOTH
 * language twins -- verified by reading the rendered body class on each:
 *   DE body: ... page-id-106394 ...
 *   EN body: ... page-id-268046 ... page-id-106394
 *
 * ---------------------------------------------------------------------------
 * (1) Dark-blue boxes: the text was navy on navy, i.e. invisible.
 *
 * The widget plugin paints the subcard navy on an orange-scheme support
 * section (assets/style.css: `.product-support-section.orange
 * .product-subcard-widget { background: #0b1b45 !important }`), while
 * overrides/zzz-jp-704-en-erp-inverted-button.css paints subcard text navy for
 * EVERY `.product-support-section` regardless of the background underneath it.
 * Where both apply -- every orange-scheme page -- the copy is navy on navy.
 *
 * That sheet already carries a white exception list for two other pages that
 * hit the same thing. This adds the third. The selector mirrors that file's
 * element list exactly and adds the page scope, so it wins on specificity
 * (1,4,2 vs 1,3,2) rather than on source order.
 *
 * A background-aware fix belongs at the source instead of a growing exception
 * list, but it cannot be keyed on the section class alone: page 233028 sets its
 * orange subcard to a transparent background and needs the navy text it has
 * today. Flagged for a follow-up rather than flipped blind here.
 * --------------------------------------------------------------------------- */
body.page-id-106394 #content .product-support-section .product-subcard-widget p,
body.page-id-106394 #content .product-support-section .product-subcard-widget h1,
body.page-id-106394 #content .product-support-section .product-subcard-widget h2,
body.page-id-106394 #content .product-support-section .product-subcard-widget h3,
body.page-id-106394 #content .product-support-section .product-subcard-widget h4,
body.page-id-106394 #content .product-support-section .product-subcard-widget h5,
body.page-id-106394 #content .product-support-section .product-subcard-widget li,
body.page-id-106394 #content .product-support-section .product-subcard-widget strong,
body.page-id-106394 #content .product-support-section .product-subcard-widget b,
body.page-id-106394 #content .product-support-section .product-subcard-widget span:not([class*="button"]),
body.page-id-106394 #content .product-support-section .product-subcard-widget .product-subcard-widget__title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ---------------------------------------------------------------------------
 * (2) Bigger white boxes: the bullet lists still render the pre-redesign style.
 *
 * The redesign treatment for these arrow lists already exists in
 * custom-clone.css, but every one of its selectors requires the
 * `.product-support-section__column` wrapper. On these two pages the lists sit
 * inside a `.basic-br .card-body` card, or in the plain left text column --
 * measured: 0 occurrences of
 * `product-support-section__column` on either twin -- so not one of those rules
 * matches and the lists fall back to the theme default: #333 text, Inter
 * 16px/22px, 8px item spacing, light-blue icon.
 *
 * The declarations below are the same values that block applies, re-pointed at
 * the markup these pages actually use, so both list variants render
 * identically. Link underlines are left alone -- they come from the global
 * `.card-body li a` rule and are intentional.
 *
 * QA named the lists in the white boxes; this covers all 12 lists on the page,
 * because 2 of them sit in the left text column rather than a card and styling
 * only the carded 10 would leave two competing list styles on one page. The
 * page scope means neither variant can affect anything off these two twins.
 * --------------------------------------------------------------------------- */
body.page-id-106394 .product-support-section ul.list-icons {
    padding: 0 0 0 32px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none;
    font-size: 18px !important;
}
/* The carded lists carry no spacing utility of their own, so they take the
   reference block's flush bottom. The two left-column lists keep the `mb-5`
   the editor set on them. */
body.page-id-106394 .product-support-section .card-body ul.list-icons {
    margin-bottom: 0 !important;
}
body.page-id-106394 .product-support-section ul.list-icons li {
    color: #0b1b45 !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    position: relative;
    display: block !important;
}
body.page-id-106394 .product-support-section ul.list-icons li:last-child {
    margin-bottom: 0 !important;
}

/* Arrow icon: the editor stores an inline `style="color:#FF9A26"` on the span
   and the plugin forces it light-blue on an orange section, so this needs the
   same weight the column variant uses. Re-anchored into the 32px gutter the
   list padding above creates. */
body.page-id-106394 .product-support-section ul.list-icons li .list-icon,
body.page-id-106394 .product-support-section ul.list-icons li span.list-icon,
body.page-id-106394 .product-support-section.orange ul.list-icons li span {
    color: #2722f8 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    position: absolute !important;
    left: -32px !important;
    top: 4px !important;
}

/* Item text + links: dark blue. The underline itself is inherited from the
   global card-body link rule and is deliberately not touched here. */
body.page-id-106394 .product-support-section ul.list-icons p,
body.page-id-106394 .product-support-section ul.list-icons a,
body.page-id-106394 .product-support-section ul.list-icons li {
    color: #0b1b45 !important;
}
body.page-id-106394 .product-support-section ul.list-icons li a:hover,
body.page-id-106394 .product-support-section ul.list-icons li a:focus {
    color: #2722f8 !important;
}