/*
Theme Name: Basilico Child
Theme URI: http://demo.7iquid.tech/basilico/
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: basilico
Description: Basilico child theme for Nature’s Ingredients Asia (B2B catalogue).
Version: 1.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: basilico-child
Tags: elementor, cafe, chef, cooking, dishes, fastfood, food, food-store, fruit, meal, pizza, restaurant, translation-ready
Requires at least: 5.8
Requires PHP: 7.4
Tested up to: 8.3
*/


/* =========================================================
   0) GLOBAL VARIABLES / HELPERS
   ========================================================= */

:root{
  /* UPDATED: staging -> live domain */
  --nia-roundel-url: url("https://nat-ingredients.com/wp-content/uploads/2024/12/Asset-3@2x.png");
}

/* =========================================================
   0.1) PRODUCT CATEGORY HEADER HERO (ACF)
   Uses CSS vars output by functions.php:
   --nia-cat-hero-bg and --nia-category-hero-image
   ========================================================= */

body.tax-product_cat .pxl-page-title,
body.tax-product_cat .page-title,
body.tax-product_cat .page-title-wrap,
body.tax-product_cat .pxl-page-title-wrap,
body.tax-product_cat .pxl-page-title-inner{
  background-image: var(--nia-cat-hero-bg) !important;
  /* fallback if you ever swap the var name in PHP */
  background-image: var(--nia-category-hero-image) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Ensure the header has height (background-only areas can collapse) */
body.tax-product_cat .pxl-page-title,
body.tax-product_cat .page-title,
body.tax-product_cat .page-title-wrap,
body.tax-product_cat .pxl-page-title-wrap{
  min-height: 320px;
  display: flex;
  align-items: center;
}


/* =========================================================
   1) SPIRULINA – applications image injected under gallery
   ========================================================= */

#nia-spirulina-applications{
  margin-top: 22px;
  margin-bottom: 12px;
  text-align: center;
  overflow: visible !important;
}

#nia-spirulina-applications img{
  max-width: 520px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Stop theme masking/clipping on this injected block */
#nia-spirulina-applications,
#nia-spirulina-applications *{
  border-radius: 0 !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  overflow: visible !important;
}

@media (min-width: 1200px) {
  #nia-spirulina-applications img{
    max-width: 520px;
  }
}


/* =========================================================
   2) INGREDIENT SINGLE PRODUCT – CTAs (malt/flours/tapioca/coconut/honey/molasses)
   ========================================================= */

.single-product .nia-malted-ctas{
  margin-top: 18px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.single-product .nia-malted-ctas .button{
  border-radius: 999px;
  padding: 12px 22px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
  border: 0;
}

/* Orange */
.single-product .nia-malted-ctas .nia-btn-spec{
  background: #F26531;
  color: #fff;
}

/* Green */
.single-product .nia-malted-ctas .nia-btn-sample{
  background: #BFCD31;
  color: #111;
}

/* Subtle hover */
.single-product .nia-malted-ctas .button:hover{
  transform: translateY(-1px);
  filter: brightness(0.98);
}


/* =========================================================
   3) KEY CHARACTERISTICS / SPEC BAR (ingredient products)
   ========================================================= */

/* Visual card */
.nia-malted-specbar{
  position: relative;
  overflow: hidden;

  margin-top: 24px;
  padding: 28px 28px 24px;
  border-radius: 14px;
  background: rgba(247,247,247,0.92);
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Roundel watermark */
.nia-malted-specbar::after{
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 160px;
  height: 160px;
  background-image: var(--nia-roundel-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

.nia-malted-specbar > *{
  position: relative;
  z-index: 1;
}

.nia-malted-specbar-title{
  margin: 0 0 18px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 1.25rem;
}

/* Grid layout */
.nia-malted-specbar-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 22px;
}

/* Each spec item */
.nia-spec-item{
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* Label */
.nia-spec-label{
  font-size: 0.72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #888;
  font-weight: 600;
}

/* Value */
.nia-spec-value{
  font-size: 0.98rem;
  font-weight: 600;
  color: #222;
  line-height: 1.35;
}

@media (max-width: 767px){
  .nia-malted-specbar{
    padding: 22px 18px 18px;
  }
}


/* =========================================================
   4) INGREDIENT CATEGORY ARCHIVES — INTRO PANEL (BRANDED)
   IMPORTANT: this targets the PHP wrapper:
     .nia-category-intro-panel / .nia-category-intro-panel-inner
   Covers: Flours / Tapioca / Malted Ingredients / Molasses / Coconut / Honey
   ========================================================= */

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-intro-panel,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-intro-panel,
body.tax-product_cat.term-malted-ingredients .nia-category-intro-panel,
body.tax-product_cat.term-molasses .nia-category-intro-panel,
body.tax-product_cat.term-coconut .nia-category-intro-panel,
body.tax-product_cat.term-honey .nia-category-intro-panel{
  position: relative;
  overflow: hidden;

  max-width: 980px;
  margin: 24px auto 48px;
  padding: 22px 28px;

  background: rgba(247, 247, 247, 0.92);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-intro-panel p,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-intro-panel p,
body.tax-product_cat.term-malted-ingredients .nia-category-intro-panel p,
body.tax-product_cat.term-molasses .nia-category-intro-panel p,
body.tax-product_cat.term-coconut .nia-category-intro-panel p,
body.tax-product_cat.term-honey .nia-category-intro-panel p{
  margin: 0;
  line-height: 1.65;
}

/* Roundel watermark */
body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-intro-panel::after,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-intro-panel::after,
body.tax-product_cat.term-malted-ingredients .nia-category-intro-panel::after,
body.tax-product_cat.term-molasses .nia-category-intro-panel::after,
body.tax-product_cat.term-coconut .nia-category-intro-panel::after,
body.tax-product_cat.term-honey .nia-category-intro-panel::after{
  content: "";
  position: absolute;
  right: -40px;
  bottom: -55px;
  width: 260px;
  height: 260px;

  background-image: var(--nia-roundel-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  opacity: 0.10;
  pointer-events: none;
  z-index: 0;
}

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-intro-panel > *,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-intro-panel > *,
body.tax-product_cat.term-malted-ingredients .nia-category-intro-panel > *,
body.tax-product_cat.term-molasses .nia-category-intro-panel > *,
body.tax-product_cat.term-coconut .nia-category-intro-panel > *,
body.tax-product_cat.term-honey .nia-category-intro-panel > *{
  position: relative;
  z-index: 1;
}

@media (max-width: 767px){
  body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-intro-panel,
  body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-intro-panel,
  body.tax-product_cat.term-malted-ingredients .nia-category-intro-panel,
  body.tax-product_cat.term-molasses .nia-category-intro-panel,
  body.tax-product_cat.term-coconut .nia-category-intro-panel,
  body.tax-product_cat.term-honey .nia-category-intro-panel{
    margin: 18px 16px 34px;
    padding: 18px 18px;
  }

  body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-intro-panel::after,
  body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-intro-panel::after,
  body.tax-product_cat.term-malted-ingredients .nia-category-intro-panel::after,
  body.tax-product_cat.term-molasses .nia-category-intro-panel::after,
  body.tax-product_cat.term-coconut .nia-category-intro-panel::after,
  body.tax-product_cat.term-honey .nia-category-intro-panel::after{
    width: 210px;
    height: 210px;
    right: -55px;
    bottom: -70px;
    opacity: 0.08;
  }
}


/* =========================================================
   5) INGREDIENT CATEGORY ARCHIVES — CTA BLOCK
   Applies to: Flours / Tapioca / Malted Ingredients / Molasses / Coconut / Honey
   ========================================================= */

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta,
body.tax-product_cat.term-malted-ingredients .nia-category-cta,
body.tax-product_cat.term-molasses .nia-category-cta,
body.tax-product_cat.term-coconut .nia-category-cta,
body.tax-product_cat.term-honey .nia-category-cta{
  margin: 18px auto 0;
  max-width: 900px;
  text-align: center;
}

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta-title,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta-title,
body.tax-product_cat.term-malted-ingredients .nia-category-cta-title,
body.tax-product_cat.term-molasses .nia-category-cta-title,
body.tax-product_cat.term-coconut .nia-category-cta-title,
body.tax-product_cat.term-honey .nia-category-cta-title{
  margin: 0 0 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 1.6rem;
}

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta-text,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta-text,
body.tax-product_cat.term-malted-ingredients .nia-category-cta-text,
body.tax-product_cat.term-molasses .nia-category-cta-text,
body.tax-product_cat.term-coconut .nia-category-cta-text,
body.tax-product_cat.term-honey .nia-category-cta-text{
  margin: 0 auto 16px;
  max-width: 720px;
  color: #666;
  line-height: 1.7;
}

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta-buttons,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta-buttons,
body.tax-product_cat.term-malted-ingredients .nia-category-cta-buttons,
body.tax-product_cat.term-molasses .nia-category-cta-buttons,
body.tax-product_cat.term-coconut .nia-category-cta-buttons,
body.tax-product_cat.term-honey .nia-category-cta-buttons{
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta-buttons .button,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta-buttons .button,
body.tax-product_cat.term-malted-ingredients .nia-category-cta-buttons .button,
body.tax-product_cat.term-molasses .nia-category-cta-buttons .button,
body.tax-product_cat.term-coconut .nia-category-cta-buttons .button,
body.tax-product_cat.term-honey .nia-category-cta-buttons .button{
  border-radius: 999px;
  padding: 12px 22px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
  border: 0;
}

/* Orange */
body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta-buttons .nia-btn-spec,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta-buttons .nia-btn-spec,
body.tax-product_cat.term-malted-ingredients .nia-category-cta-buttons .nia-btn-spec,
body.tax-product_cat.term-molasses .nia-category-cta-buttons .nia-btn-spec,
body.tax-product_cat.term-coconut .nia-category-cta-buttons .nia-btn-spec,
body.tax-product_cat.term-honey .nia-category-cta-buttons .nia-btn-spec{
  background: #F26531;
  color: #fff;
}

/* Green */
body.tax-product_cat.term-flours-kibbled-flaked-products .nia-category-cta-buttons .nia-btn-sample,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners .nia-category-cta-buttons .nia-btn-sample,
body.tax-product_cat.term-malted-ingredients .nia-category-cta-buttons .nia-btn-sample,
body.tax-product_cat.term-molasses .nia-category-cta-buttons .nia-btn-sample,
body.tax-product_cat.term-coconut .nia-category-cta-buttons .nia-btn-sample,
body.tax-product_cat.term-honey .nia-category-cta-buttons .nia-btn-sample{
  background: #BFCD31;
  color: #111;
}

/* Remove separator line on these ingredient categories */
body.tax-product_cat.term-flours-kibbled-flaked-products hr,
body.tax-product_cat.term-tapioca-rice-syrups-sweeteners hr,
body.tax-product_cat.term-malted-ingredients hr,
body.tax-product_cat.term-molasses hr,
body.tax-product_cat.term-coconut hr,
body.tax-product_cat.term-honey hr{
  display: none;
}


/* =========================================================
   5c) CATEGORY TILE OVERRIDES (Woo product-category tiles)
   Make Malted Ingredients / Malt Extracts match Flours (big circles, no cards)
   ========================================================= */

body.tax-product_cat.term-malted-ingredients li.product-category.product,
body.tax-product_cat.term-malt-extracts li.product-category.product{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-align: center;
}

body.tax-product_cat.term-malted-ingredients li.product-category.product > a,
body.tax-product_cat.term-malt-extracts li.product-category.product > a{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: block;
  position: relative !important;
  overflow: visible !important;
}

/* Big circular image */
body.tax-product_cat.term-malted-ingredients li.product-category.product > a img,
body.tax-product_cat.term-malt-extracts li.product-category.product > a img{
  width: 320px !important;
  height: 320px !important;
  max-width: 320px !important;

  border-radius: 50% !important;
  object-fit: cover !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  display: block !important;
  margin: 0 auto 14px !important;
}

/* Title styling */
body.tax-product_cat.term-malted-ingredients .woocommerce-loop-category__title,
body.tax-product_cat.term-malt-extracts .woocommerce-loop-category__title{
  margin-top: 10px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 767px){
  body.tax-product_cat.term-malted-ingredients li.product-category.product > a img,
  body.tax-product_cat.term-malt-extracts li.product-category.product > a img{
    width: 240px !important;
    height: 240px !important;
    max-width: 240px !important;
  }
}


/* =========================================================
   6) PRODUCT CATEGORY intro panel buttons (generic, if used)
   ========================================================= */

body.tax-product_cat .nia-cat-cta{
  margin-top: 2rem;
  text-align: center;
}

body.tax-product_cat .nia-btn{
  display: inline-block;
  padding: 14px 28px;
  margin: 0 10px 10px 10px;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 40px;
  transition: all 0.25s ease;
  font-weight: 600;
}

body.tax-product_cat .nia-btn-primary{
  background-color: #F26531;
  color: #fff;
}

body.tax-product_cat .nia-btn-primary:hover{
  background-color: #d85423;
  transform: translateY(-2px);
}

body.tax-product_cat .nia-btn-secondary{
  background-color: #BFCD31;
  color: #1a1a1a;
}

body.tax-product_cat .nia-btn-secondary:hover{
  background-color: #aebc2a;
  transform: translateY(-2px);
}


/* =========================================================
   7) RELATED PRODUCTS (single product) – CLEAN FINAL STYLES
   ========================================================= */

.single-product section.related.products{
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(0,0,0,0.06);
}

/* Hide any theme filler copy under the heading */
.single-product section.related.products .related-description{
  display: none !important;
}

/* Keep arrows subtle if carousel is active */
.single-product section.related.products .slick-arrow,
.single-product section.related.products .pxl-swiper-arrow{
  opacity: .35;
}

/* Centre cards */
.single-product section.related.products li.product{
  text-align: center;
  cursor: pointer;
}

/* Hide cart/wishlist/quickview junk inside related products */
.single-product section.related.products .pxl-add-to-cart,
.single-product section.related.products .btn-wrapper,
.single-product section.related.products .pxl-woosw-wrap,
.single-product section.related.products .pxl-products-wishlist,
.single-product section.related.products .added_to_cart,
.single-product section.related.products a.add_to_cart_button,
.single-product section.related.products .woocommerce_loop_add_to_cart_link,
.single-product section.related.products .yith-wcwl-add-to-wishlist,
.single-product section.related.products .hot-sale,
.single-product section.related.products .pxl-icon,
.single-product section.related.products .pxl-wc-icon{
  display: none !important;
}

/* Circle thumb (Basilico/PXL uses .pxl-products-thumb) */
.single-product section.related.products .pxl-products-thumb{
  position: relative;
  width: 240px;
  height: 240px;
  margin: 0 auto 18px;
  border-radius: 50%;
  overflow: hidden;
}

/* Ensure inner wrapper fills */
.single-product section.related.products .pxl-products-thumb .image-wrap,
.single-product section.related.products .pxl-products-thumb .image-wrap a{
  display: block;
  width: 100%;
  height: 100%;
}

/* IMPORTANT: contain to avoid cropping */
.single-product section.related.products .pxl-products-thumb img{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  display: block;
}

/* Titles: clean, uppercase */
.single-product section.related.products .woocommerce-loop-product__title,
.single-product section.related.products .pxl-product-title,
.single-product section.related.products h3{
  margin-top: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pxl-shop-layout-12 .products.related .related_subtitle,
.pxl-shop-layout-12 .products.upsells .related_subtitle,
.pxl-shop-layout-12 .cross-sells .related_subtitle{
  display: none !important;
}

/* Optional: small responsiveness */
@media (max-width: 420px){
  .single-product section.related.products .pxl-products-thumb{
    width: 200px;
    height: 200px;
  }
}


/* =========================================================
   PACKAGING: force native bullets and colour them
   ========================================================= */

.woocommerce-tabs .entry-content ul.packaging-list{
  list-style: disc !important;
  list-style-position: outside;
  padding-left: 1.2em !important;
  margin-left: 0 !important;
}

/* If the theme draws fake bullets, kill them */
.woocommerce-tabs .entry-content ul.packaging-list > li::before,
.woocommerce-tabs .entry-content ul.packaging-list > li::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Colour the real marker */
.woocommerce-tabs .entry-content ul.packaging-list > li::marker{
  color: #e8cb4d;
}


/* =========================================================
   NIA coloured bullets (Elementor text editor)
   ========================================================= */

.elementor-widget-text-editor.nia-bullets-green ul,
.elementor-widget-text-editor.nia-bullets-yellow ul,
.elementor-widget-text-editor.nia-bullets-red ul{
  padding-left: 1.2em !important;
  margin-left: 0 !important;
}

/* Make bullets bigger */
.elementor-widget-text-editor.nia-bullets-green li::marker,
.elementor-widget-text-editor.nia-bullets-yellow li::marker,
.elementor-widget-text-editor.nia-bullets-red li::marker{
  font-size: 1.35em !important;
}

/* Colours */
.elementor-widget-text-editor.nia-bullets-green li::marker { color:#BCD000 !important; }
.elementor-widget-text-editor.nia-bullets-yellow li::marker { color:#E0B300 !important; }
.elementor-widget-text-editor.nia-bullets-red li::marker { color:#FF5817 !important; }

.elementor-widget-text-editor h4 {
  margin-bottom: 10px;
}

.elementor-widget-text-editor ul {
  padding-left: 1.4em;
}

.nia-bullets li::marker {
  color: #C0CF2F;
}


/* =========================================================
   Kill the baker illustration on the Flavours & Fragrances text column
   ========================================================= */

.elementor-element-d951f9a,
.elementor-element-d951f9a > .elementor-element-populated {
  background-image: none !important;
  background: none !important;
}

/* If it's coming from an overlay layer */
.elementor-element-d951f9a .elementor-background-overlay {
  display: none !important;
}

/* If it's injected as a pseudo-element decoration */
.elementor-element-d951f9a::before,
.elementor-element-d951f9a::after,
.elementor-element-d951f9a > .elementor-element-populated::before,
.elementor-element-d951f9a > .elementor-element-populated::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}


/* =========================================================
   PRODUCT CATEGORY ARCHIVES — SUBCATEGORY TILES (GENERIC)
   ========================================================= */

/* Title styling */
.tax-product_cat .woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.tax-product_cat .woocommerce-page ul.products li.product-category .woocommerce-loop-category__title {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.9rem;
  line-height: 1.25;
  margin-top: 0.85rem;
}

/* Remove the count if it’s showing: “Malt Extracts (4)” */
.tax-product_cat .woocommerce ul.products li.product-category .woocommerce-loop-category__title .count,
.tax-product_cat .woocommerce-page ul.products li.product-category .woocommerce-loop-category__title .count {
  display: none;
}

/* Circular tiles */
.tax-product_cat .woocommerce ul.products li.product-category a img,
.tax-product_cat .woocommerce-page ul.products li.product-category a img{
  border-radius: 999px;
}

/* Hover behaviour */
.tax-product_cat .woocommerce ul.products li.product-category a img,
.tax-product_cat .woocommerce-page ul.products li.product-category a img {
  transition: transform 0.35s ease, filter 0.35s ease;
  transform: scale(1);
}

.tax-product_cat .woocommerce ul.products li.product-category a:hover img,
.tax-product_cat .woocommerce-page ul.products li.product-category a:hover img {
  transform: scale(1.03);
  filter: brightness(0.98);
}


/* =========================================================
   SUBCATEGORY TILES — “VIEW PRODUCTS” OVERLAY (GENERIC)
   ========================================================= */

.tax-product_cat ul.products li.product-category {
  position: relative;
  text-align: center;
}

.tax-product_cat ul.products li.product-category a {
  position: relative;
  display: block;
}

/* Button label */
.tax-product_cat ul.products li.product-category a::after {
  content: "VIEW PRODUCTS";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(60,60,60,0.85);
  color: #fff;
  padding: 10px 22px;
  border-radius: 30px;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  opacity: 0;
  transition: all .3s ease;
  pointer-events: none;
}

/* Dark overlay behind */
.tax-product_cat ul.products li.product-category a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.15);
  opacity: 0;
  border-radius: 50%;
  transition: opacity .3s ease;
  pointer-events: none;
}

/* Hover */
.tax-product_cat ul.products li.product-category a:hover::after {
  opacity: 1;
}

.tax-product_cat ul.products li.product-category a:hover::before {
  opacity: 1;
}

.tax-product_cat ul.products li.product-category a img {
  transition: transform .4s ease;
  border-radius: 50%;
}

.tax-product_cat ul.products li.product-category a:hover img {
  transform: scale(1.05);
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #BFCD31 !important;
  border-color: #BFCD31 !important;
  background: rgba(191,205,49,0.12) !important;
}

.contact-bakery .box-if {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.contact-bakery .box-if .wpcf7-form-control-wrap {
  width: 100%;
}

@media (max-width: 767px) {
  .contact-bakery .box-if {
    flex-direction: column;
    gap: 15px;
  }
}