:root{--clif-blue:#32649e;--clif-blue-deep:#254d7c;--clif-red:#e30613;--clif-red-deep:#b9000c;--clif-ink:#1d1d1b;--clif-cream:#f7f6f1}

/* The native Flatsome header and protected purchase controls keep their own geometry. */
.clifus-home .clifus-pill,.clifus-site-footer .clifus-pill{background:var(--clif-blue);color:#fff!important}
.clifus-home .clifus-pill:hover,.clifus-home .clifus-pill:focus-visible,.clifus-site-footer .clifus-pill:hover,.clifus-site-footer .clifus-pill:focus-visible{background:var(--clif-blue-deep);color:#fff!important}
.clifus-home .clifus-news .clifus-pill{background:var(--clif-red)}
.clifus-home .clifus-news .clifus-pill:hover,.clifus-home .clifus-news .clifus-pill:focus-visible{background:var(--clif-red-deep)}
.clifus-home .clifus-feature-cats a:nth-child(2){background:var(--clif-red)}
.clifus-home .clifus-feature-cats a:nth-child(3){background:#f5e2a5}
.clifus-home .clifus-product-image{background:var(--clif-cream)}

/* Sale treatment applies only to real WooCommerce sale markup. */
body.woocommerce .badge-inner.on-sale{background:var(--clif-red)!important;color:#fff!important;border-radius:5px}
body.woocommerce .price ins,body.woocommerce .price ins .woocommerce-Price-amount,body.woocommerce .price ins bdi,.clifus-home .clifus-product-price ins,.clifus-home .clifus-product-price ins .woocommerce-Price-amount{color:var(--clif-red)!important;-webkit-text-fill-color:var(--clif-red)!important}
body.woocommerce .price del,body.woocommerce .price del .woocommerce-Price-amount{color:#777!important;-webkit-text-fill-color:#777!important}
.clifus-home .clifus-product-price del,.clifus-home .clifus-product-price del .woocommerce-Price-amount,.clifus-home .clifus-product-price del bdi{color:#777!important;-webkit-text-fill-color:#777!important}

/* Ordinary catalog controls use the same blue as native storefront actions. */
body.woocommerce .widget_price_filter .price_slider_amount .button{background:var(--clif-blue)!important;color:#fff!important}
body.woocommerce .widget_price_filter .price_slider_amount .button:hover,body.woocommerce .widget_price_filter .price_slider_amount .button:focus-visible{background:var(--clif-blue-deep)!important}
body.woocommerce .product-small .title-wrapper a:hover,body.woocommerce .product-small .title-wrapper a:focus-visible{color:var(--clif-blue)!important}