/* =====================================================================
   zz-dark-card-cta-hover.css — QA batch #12 follow-up: the LAST unfixed CTA
   ---------------------------------------------------------------------
   Third sibling of zz-primary-cta-hover.css (filled orange
   `.has-wawi-gradient`) and zz-secondary-cta-hover.css (outline
   `--with-icon`). Those two cover the redesign button system. They do NOT
   reach the button at the bottom of the dark pricing card widget
   (`section.product-price-plan-section .dark-card-widget-bottom__buttons
   .bordered-reversed-link`) — e.g. "JETZT BERATUNG VEREINBAREN" on
   /de/warenwirtschaftssystem-software/produktionsplanung-software/ and
   "ARRANGE A CONSULTATION NOW" on its EN twin.

   THE BUG: that button has NO HOVER AT ALL. Measured on prod with a real
   pointer hover — background, border-color and label are byte-identical
   before and after (rgb(251,88,31) / rgb(251,88,31) / rgb(11,27,69)).

   WHY. The theme ships a working hover in app.css:
       .bordered-reversed-link:hover      { background: #fff }   (0,1,1)
       .bordered-reversed-link:hover .text{ color: #333 }
   but custom-clone.css:3075 repaints the button as the ORANGE primary CTA
   with !important, and has no :hover companion:
       …__buttons .bordered-reversed-link:last-child      { background-color:#fb581f !important; border-color:#fb581f !important }
       …__buttons .bordered-reversed-link:last-child .text{ color:#0b1b45 !important }
   An !important author declaration outranks a normal one no matter how
   specific the normal one is, so the theme's white-fill hover loses on
   `background-color` and the navy label survives `color:#333`. The pointer
   state is therefore a silent no-op. This is a cascade collision, not a
   missing rule — which is why nobody spotted it: the button LOOKS correct.

   THE FIX: give the orange bottom CTA the same hover the rest of the site's
   primary CTAs got in commit ab4fda3 — darken to #e34813, keep the JTL
   Dark-Blue label, no border/size change. Specificity (0,7,0) + !important +
   the `zz-` filename (loader enqueues overrides alphabetically, last) means
   it wins over custom-clone.css deterministically.

   BLAST RADIUS: hover state only, on the last bottom-row button of every
   `.product-price-plan-section`. Every one of those is the same orange
   primary CTA painted by the same custom-clone rule, and every one of them is
   dead on hover today — so this makes them consistent rather than changing a
   design decision. No default (non-hover) state is touched anywhere.
   The FIRST button in a two-button row keeps its white-outline treatment and
   its existing white-fill hover; `:last-child` excludes it. */

section.product-price-plan-section.product-price-plan-section .dark-card-widget .dark-card-widget-bottom__buttons .bordered-reversed-link:last-child:hover,
section.product-price-plan-section.product-price-plan-section .dark-card-widget .dark-card-widget-bottom__buttons .bordered-reversed-link:last-child:focus-visible {
    background-color: #e34813 !important;
    background-image: none !important;
    border-color: #e34813 !important;
    filter: none !important;
}

/* the label colour is set on the child span, so the theme's `:hover .text{color:#333}`
   has to be beaten there too — keep it Dark-Blue, same as the default state. */
section.product-price-plan-section.product-price-plan-section .dark-card-widget .dark-card-widget-bottom__buttons .bordered-reversed-link:last-child:hover .text,
section.product-price-plan-section.product-price-plan-section .dark-card-widget .dark-card-widget-bottom__buttons .bordered-reversed-link:last-child:focus-visible .text {
    color: #0b1b45 !important;
}
section.product-price-plan-section.product-price-plan-section .dark-card-widget .dark-card-widget-bottom__buttons .bordered-reversed-link:last-child:hover .icon i {
    color: #0b1b45 !important;
}