/* ============================================================================
   JP-710 — DMS pricing band: compare-editions button overlaps heading/text.
   ----------------------------------------------------------------------------
   custom-clone.css absolutely-positions the compare-editions button group in
   the orange .product-support-section pricing card:
     body.page-id-233028 section.product-support-section.orange
       .basic-card-widget .card-body .col-lg-6 > .product-buttons-group
       { position:absolute !important; top:50% }
   so it floats over the heading + description (QA: button misaligned/overlap).
   Reset it to normal flow. We match the same structural path (minus the DE-only
   page-id, plus extra specificity via html/body + doubled class) so this also
   covers /en/document-management-system and reliably beats the source rule.
   The hero CTA group lives in .hero-product-section and is untouched.
   ============================================================================ */
html body section.product-support-section.orange .basic-card-widget .card-body .col-lg-6 > .product-buttons-group.product-buttons-group {
    position: static !important;
    top: auto !important;
    /* Button sat flush against the description above (gap ~0) with empty space
       below it in the column. Add breathing room above and pull the bottom in. */
    margin-top: 48px !important;
    margin-bottom: -32px !important;
}

/* ----------------------------------------------------------------------------
   Hover fix for the secondary "Compare editions & functions" (outline) button.
   ----------------------------------------------------------------------------
   That button is the navy-outline secondary CTA inside the pricing card's
   .card-body. On hover its background correctly turns navy (#0b1b45) and the
   anchor `color` is white — BUT the inner <span> keeps
   `-webkit-text-fill-color:#0b1b45` from the base button style, so the label
   renders navy-on-navy = invisible. (The shared zz-support-card-cta-states
   hover rule, meant for the orange PRIMARY button, also over-reaches here and
   tries to force an orange fill.) Pin the secondary button's hover to the
   design-system invert: solid navy fill + WHITE text (incl. text-fill). Scoped
   to the .card-body secondary button only, so the orange primary "Test now…"
   button (which lives outside .card-body) is untouched. Higher specificity than
   the source rules so it wins regardless of load order. */
html body section.product-support-section .basic-card-widget .card-body .product-buttons-group .product-button-group__button--with-icon:hover {
    background-color: #0b1b45 !important;
    background-image: none !important;
    border-color: #0b1b45 !important;
    filter: none !important;
}
html body section.product-support-section .basic-card-widget .card-body .product-buttons-group .product-button-group__button--with-icon:hover,
html body section.product-support-section .basic-card-widget .card-body .product-buttons-group .product-button-group__button--with-icon:hover * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}