/* =========================
   SUBCATEGORY TILE (desktop)
   ========================= */

/* 1) Tõsta alamkategooria pealkiri esile (KÄEVÕRUD) */
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title{
  position: relative;
  z-index: 3;
  color: #E9D6AA !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.70);
}

/* 2) Count “7” mull loetavaks */
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title mark.count,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count{
  background: rgba(215,180,106,.18) !important;
  color: #E9D6AA !important;
  border: 1px solid rgba(215,180,106,.35) !important;
  border-radius: 999px !important;
  padding: .15em .55em !important;
  font-weight: 700 !important;
}

/* 3) Lisa tile’i alumisse ossa “tume gradient”, et tekst ei kaoks ära */
.woocommerce ul.products li.product-category a{
  position: relative;
}

.woocommerce ul.products li.product-category a::after{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 55%;
  border-radius: 18px;
  background: linear-gradient(to top, rgba(0,0,0,.60), rgba(0,0,0,0));
  pointer-events: none;
  z-index: 2;
}

/* 4) Jäta pilt/taust taha */
.woocommerce ul.products li.product-category a img{
  position: relative;
  z-index: 1;
}