/**
 * jp-lagerverwaltung-onboarding-box-newdesign.css
 * Page:    /de/lagerverwaltung-software/  (body.page-id-93818)
 * Section: "OPTIONEN FÜR DEIN ONBOARDING / Inbetriebnahme der WMS-Software
 *          & Support"  (section.product-support-section.green)
 *
 * QA (Regina): "Optionen für dein Onboarding -> türkise Box ist noch im alten
 * Design." The "Gut zu wissen …" info callout is a ProductSubCard widget still
 * rendered in the legacy bright-turquoise fill (#82e3e8, 20px radius) — the old
 * design. jp-608 only neutralised this banner's negative top offset; it never
 * touched the colour, so the box stayed turquoise on both clone and production.
 *
 * New design = the same white-card treatment already applied to this page's
 * sibling ProductSubCard (the "WMS-Showrooms" Infobox-mit-Bild card in the green
 * product-cta-section: white #ffffff bg + 24px radius, see custom-clone.css
 * "JP-471 Infobox mit Bild"). Bring the onboarding callout in line: white card,
 * 24px radius, on the sand section background. The "Service Partner finden" CTA
 * already renders as the Dark-Blue (#0b1b45) secondary outline pill — only align
 * its label colour to Dark Blue so it reads as the JTL secondary button on white.
 *
 * Loads after custom-clone.css (overrides loader, alphabetical) and is scoped to
 * this page + section's subcard, so no other ProductSubCard is affected.
 */

/* Turquoise → white card, new-design radius. */
body.page-id-93818 section.product-support-section .product-subcard-widget {
    background-color: #ffffff !important;
    border-radius: 24px !important;
}

/* Align the secondary CTA label to Dark Blue on the new white card. */
body.page-id-93818 section.product-support-section .product-subcard-widget
    .product-button-group__button--with-icon,
body.page-id-93818 section.product-support-section .product-subcard-widget
    .product-button-group__button--with-icon .product-button-group__button--with-icon__text,
body.page-id-93818 section.product-support-section .product-subcard-widget
    .product-button-group__button--with-icon span {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}

/* On hover the button fills Dark Blue (#0b1b45); flip the label to white so it
   stays legible (otherwise it was dark-on-dark and disappeared). */
body.page-id-93818 section.product-support-section .product-subcard-widget
    .product-button-group__button--with-icon:hover,
body.page-id-93818 section.product-support-section .product-subcard-widget
    .product-button-group__button--with-icon:hover .product-button-group__button--with-icon__text,
body.page-id-93818 section.product-support-section .product-subcard-widget
    .product-button-group__button--with-icon:hover span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}