/* FORCE HIDE OLD KLAVIYO POPUP */
div[class*="klaviyo"], .klaviyo-form {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
} 
/* WooCommerce Category Header Styling - Card Container */
.tax-product_cat .woocommerce-products-header {
    background: linear-gradient(135deg, #8c6d53 0%, #5a4332 100%) !important;
    border-radius: 16px !important;
    padding: 36px 28px !important;
    text-align: center !important;
    margin: 20px auto 36px auto !important;
    max-width: 1100px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

/* Force Header & Description Text Inside Card to White */
.tax-product_cat .woocommerce-products-header h1,
.tax-product_cat .woocommerce-products-header h2,
.tax-product_cat .woocommerce-products-header .page-title,
.tax-product_cat .woocommerce-products-header .term-description,
.tax-product_cat .woocommerce-products-header p,
.tax-product_cat .woocommerce-products-header span {
    color: #ffffff !important;
    background: transparent !important;
}

.tax-product_cat .woocommerce-products-header h1,
.tax-product_cat .woocommerce-products-header .page-title {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}

.tax-product_cat .woocommerce-products-header p {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    max-width: 800px !important;
    margin: 0 auto 8px auto !important;
}

/* Category Accent Colors */
.term-artisan-soaps .woocommerce-products-header {
    background: linear-gradient(135deg, #4a6b51 0%, #2c3e2e 100%) !important;
}

.term-culinary-salts .woocommerce-products-header {
    background: linear-gradient(135deg, #c86d51 0%, #8c3b24 100%) !important;
}
/* KFF 2026-10-21: on small screens move the Kadence scroll-to-top button (#kt-scroll-up)
   to the bottom-left. It was sitting bottom-right underneath the floating Google
   "Store quality" badge, which covered it and made it untappable. The chat tab sits
   bottom-right above the badge, so bottom-left keeps the button clear of both.
   Desktop unchanged. */
@media (max-width:480px){
#kt-scroll-up{right:auto !important;left:12px !important;bottom:20px !important;}
}

/* KFF 2026-10-21: extend the scroll-to-top move to every mobile width. Kadence shows
   this button on mobile up to 767px, so cover the whole range (the 480px rule above
   already handles phones; this also covers larger phones/small tablets). */
@media (max-width:767px){
#kt-scroll-up{right:auto !important;left:12px !important;bottom:20px !important;}
}