/* ==========================================================================
   Fluent Cart — checkout page, shared (light + dark)
   Plugin: Fluent Cart Account Portal by ICT Shift (v1.3.3)

   Checkout refinements that apply in BOTH color schemes. Every color is an
   Astra global palette variable, so values follow the active scheme
   automatically. Fluent Cart's hard-coded light colors (white form fields,
   #2F3448 text, #253241 buttons, #565865 secondary text) get the dark-scheme
   re-map in checkout-dark-mode.css, which loads after this file.
   ========================================================================== */

/* --- Place order button ----------------------------------------------------
   Fluent Cart ships the primary "Place order" button as a flat #253241
   navy button that does not match the site's CTA look. It gets the palette
   blue here (the same hue as the product page's "Add to cart" and the
   site's "Get Started" CTA, in both schemes). The text is white in both
   schemes; because "white" maps to a different palette slot per scheme it
   is set scheme-by-scheme (dark text in checkout-dark-mode.css). */
.fct-checkout .fct_place_order_btn {
    background-color: var(--ast-global-color-7);
    border-color: var(--ast-global-color-7);
}

.fct-checkout .fct_place_order_btn:hover,
.fct-checkout .fct_place_order_btn:focus,
.fct-checkout .fct_place_order_btn:focus-visible {
    background-color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-0);
}

html:not(.astra-color-scheme-dark) .fct-checkout .fct_place_order_btn {
    color: var(--ast-global-color-5); /* #ffffff in the light scheme */
}