/* Checkout: κάνε το "COLOR: PINK" να πέσει κάτω από το προϊόν, οριζόντια */
.woocommerce-checkout-review-order-table .cart_item td.product-name{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* το όνομα προϊόντος να πιάνει όλο το πλάτος */
.woocommerce-checkout-review-order-table .cart_item td.product-name > a{
  flex: 0 0 100%;
}

/* τα meta (COLOR/PINK) να πηγαίνουν κάτω και σε μία γραμμή */
.woocommerce-checkout-review-order-table .cart_item td.product-name .variation{
  flex: 0 0 100%;
  margin-top: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* βγάλε το default “stacking” σε dt/dd */
.woocommerce-checkout-review-order-table .cart_item td.product-name .variation dt,
.woocommerce-checkout-review-order-table .cart_item td.product-name .variation dd{
  display: inline;
  margin: 0;
  padding: 0;
}

/* προαιρετικά: να μην δείχνει ":" διπλό */
.woocommerce-checkout-review-order-table .cart_item td.product-name .variation dt:after{
  content: ":";
  margin-right: 6px;
}

/* ===============================
   Modern label for Categories + Products (WooCommerce loop)
   Dark-on-hover, fits dark theme
   =============================== */

/* Make cards animate nicely */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product-category {
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Lift + shadow on hover */
.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product-category:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* Smooth image zoom */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product-category a img {
  transition: transform .35s ease;
  transform: scale(1);
}

.woocommerce ul.products li.product:hover a img,
.woocommerce ul.products li.product-category:hover a img {
  transform: scale(1.06);
}

/* ------- Modern title "box" ------- */
/* Product title box */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,0.70);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #111;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}

/* Category title box (Woo shows title + count inside this element) */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,0.70);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #111;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}

/* Make the count nicer inside category title */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
  background: rgba(0,0,0,0.08);
  padding: 2px 8px;
  border-radius: 999px;
  margin-left: 8px;
  font-size: 0.85em;
  transition: background .25s ease, color .25s ease;
}

/* Darker on hover (fits your black theme) */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
  background: rgba(0,0,0,0.55);
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,0.25);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title .count {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

/* Optional: center the title box under image */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  text-align: center;
}
/* ===== Dark modern title box (categories + products) ===== */

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  background: rgba(20, 20, 20, 0.75);
  color: #eaeaea;
}

/* Category title */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  background: rgba(20, 20, 20, 0.75);
  color: #eaeaea;
}

/* Product count (categories) */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
  background: rgba(255, 255, 255, 0.12);
  color: #f1f1f1;
}

/* Hover – slightly darker, not aggressive */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
  background: rgba(10, 10, 10, 0.85);
  color: #ffffff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  letter-spacing: 0.04em;
  font-weight: 500;
}
/* ===== Hover: white box + black text (categories & products) ===== */

/* Product title hover */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111 !important;
}

/* Category title hover */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111 !important;
}

/* Category count hover */
.woocommerce ul.products li.product-category:hover
.woocommerce-loop-category__title .count {
  background: rgba(0, 0, 0, 0.08);
  color: #111;
}
/* ===============================
   FORCE title box text colors
   Works on: category cards + product cards
   =============================== */

/* CATEGORY cards (li.product-category) */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title *,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title * {
  color: #fff !important;
}

/* PRODUCT cards (li.product) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title *,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title * {
  color: #fff !important;
}

/* Some Astra setups wrap title inside .ast-woo-product-category / .astra-shop-summary */
.woocommerce ul.products li.product .astra-shop-summary .woocommerce-loop-product__title,
.woocommerce ul.products li.product .astra-shop-summary .woocommerce-loop-product__title * {
  color: #fff !important;
}
/* ===============================
   FINAL COLOR OVERRIDES (KEEP ALL EFFECTS)
   Normal: dark box + white text
   Hover:  white box + black text
   Works on category cards + product cards
   Put this at the VERY END of your CSS
   =============================== */

/* --- NORMAL state (dark box) --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  background: rgba(20, 20, 20, 0.75) !important;
  color: #ffffff !important;
}

/* category count normal */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* ensure links/spans inside titles stay white */
.woocommerce ul.products li.product .woocommerce-loop-product__title *,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title * {
  color: #ffffff !important;
}

/* --- HOVER state (white box) --- */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111111 !important;
}

/* hover: make inner text black too */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title *,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title * {
  color: #111111 !important;
}

/* hover: count badge */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title .count {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #111111 !important;
}

/* Archive pages: let content define height */
.post-type-archive-product .site-content,
.tax-product_cat .site-content {
  min-height: auto !important;
  height: auto !important;
}

/* Elementor archive wrapper */
.post-type-archive-product .elementor,
.tax-product_cat .elementor {
  min-height: unset !important;
  height: auto !important;
}