/* ==========================================================================
   Fluent Cart — shop / catalog view, Astra Pro dark mode
   Plugin: Fluent Cart Account Portal by ICT Shift (v1.3.3)

   Fluent Cart themes the catalog with --fct-card-* / --fct-shop-* custom
   properties defined on :root. Dark mode re-maps them onto the Astra global
   palette on the catalog root (same variable re-map approach as the checkout
   and the cart drawer). The card "Add to cart" button also turns palette
   blue (text white in the dark scheme). The single product page's cross-sell
   cards are excluded: product-dark-mode.css already themes them. Light mode
   untouched; no hard-coded colors.
   ========================================================================== */

html.astra-color-scheme-dark body:not(.single-fluent-products) .fct-products-wrapper {
    /* Cards */
    --fct-card-bg: var(--ast-global-color-5);
    --fct-card-border-color: var(--ast-global-color-6);
    --fct-card-primary-text-color: var(--ast-global-color-2);
    --fct-card-text-color: var(--ast-global-color-3);
    --fct-card-btn-bg-color: var(--ast-global-color-7);
    --fct-card-btn-text-color: var(--ast-global-color-2);

    /* Shop chrome: headings, text, borders, dividers */
    --fct-heading-color: var(--ast-global-color-2);
    --fct-shop-primary-text-color: var(--ast-global-color-2);
    --fct-shop-secondary-text-color: var(--ast-global-color-3);
    --fct-shop-border-color: var(--ast-global-color-6);
    --fct-shop-divider-color: var(--ast-global-color-6);
    --fct-shop-secondary-bg-color: var(--ast-global-color-4);

    /* Search / filter inputs */
    --fct-shop-input-bg: var(--ast-global-color-5);
    --fct-shop-input-border: var(--ast-global-color-6);

    /* Buttons and view switcher */
    --fct-shop-btn-bg-color: var(--ast-global-color-7);
    --fct-shop-btn-text-color: var(--ast-global-color-2);
    --fct-shop-view-switcher-color: var(--ast-global-color-3);
    --fct-shop-view-switcher-active-bg: var(--ast-global-color-4);
    --fct-direct-btn-bg-color: var(--ast-global-color-7);
    --fct-direct-btn-text-color: var(--ast-global-color-2);

    /* Paginator */
    --fct-shop-paginator-bg: var(--ast-global-color-5);
    --fct-shop-paginator-border-color: var(--ast-global-color-6);
    --fct-shop-paginator-items-color: var(--ast-global-color-3);
    --fct-shop-paginator-items-hover-bg: var(--ast-global-color-4);
    --fct-shop-paginator-items-active-bg: var(--ast-global-color-7);
    --fct-shop-paginator-items-active-color: var(--ast-global-color-2);

    /* Card checkboxes (select products) */
    --fct-shop-checkmark-bg: var(--ast-global-color-4);
    --fct-shop-checkmark-border-color: var(--ast-global-color-6);
    --fct-shop-checkmark-active-bg: var(--ast-global-color-7);
    --fct-shop-checkmark-active-border-color: var(--ast-global-color-7);
    --fct-shop-checkmark-check-border-color: var(--ast-global-color-2);
}