/* BELKA Catalog UX 0.1.0-alpha1.4
 * Scope: Woo shop + WooCommerce product category archives via body.belka-cux-alle-produkte.
 */

body.belka-cux-alle-produkte .belka-cux-cardmeta {
  display: block !important;
  margin-top: 4px;
  color: #1f1a17;
  font-family: inherit;
}

/* WoodMart can render its native rating/price in slightly different wrappers
 * depending on card layout. Hide those native commerce rows anywhere inside
 * the shop card; BELKA CUX renders one canonical price/rating block below. */
body.belka-cux-alle-produkte .product-grid-item .price,
body.belka-cux-alle-produkte .wd-product .price,
body.belka-cux-alle-produkte .product-grid-item .wd-product-rating,
body.belka-cux-alle-produkte .wd-product .wd-product-rating,
body.belka-cux-alle-produkte .product-grid-item .wd-star-rating,
body.belka-cux-alle-produkte .wd-product .wd-star-rating,
body.belka-cux-alle-produkte .product-grid-item .star-rating,
body.belka-cux-alle-produkte .wd-product .star-rating,
body.belka-cux-alle-produkte .product-grid-item .woocommerce-product-rating,
body.belka-cux-alle-produkte .wd-product .woocommerce-product-rating {
  display: none !important;
}

body.belka-cux-alle-produkte .belka-cux-meta {
  margin: 0 0 3px;
  color: #756d67;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
}

body.belka-cux-alle-produkte .belka-cux-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 6px;
  min-width: 0;
  line-height: 1.2;
}

body.belka-cux-alle-produkte .belka-cux-price-current {
  color: #b20f1d;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.015em;
}

body.belka-cux-alle-produkte .belka-cux-price-current .woocommerce-Price-amount,
body.belka-cux-alle-produkte .belka-cux-price-current .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font: inherit;
}

body.belka-cux-alle-produkte .belka-cux-price-old {
  margin: 0;
  color: #9b948f;
  font-size: 12px;
  font-weight: 500;
  text-decoration-thickness: 1px;
}

body.belka-cux-alle-produkte .belka-cux-price-old .woocommerce-Price-amount,
body.belka-cux-alle-produkte .belka-cux-price-old .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font: inherit;
}

body.belka-cux-alle-produkte .belka-cux-from {
  color: #625a55;
  font-size: 11.5px;
  font-weight: 650;
}

body.belka-cux-alle-produkte .belka-cux-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2px;
  color: #756d67;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.3;
}

body.belka-cux-alle-produkte .belka-cux-m2,
body.belka-cux-alle-produkte .belka-cux-rating {
  white-space: nowrap;
  color: #756d67;
}

body.belka-cux-alle-produkte .belka-cux-m2 .woocommerce-Price-amount,
body.belka-cux-alle-produkte .belka-cux-m2 .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font: inherit;
}

body.belka-cux-alle-produkte .belka-cux-star {
  color: #d99a19;
  font-size: 12px;
  line-height: 1;
}

body.belka-cux-alle-produkte .belka-cux-review-count {
  color: #98908b;
}

body.belka-cux-alle-produkte .belka-cux-dot {
  color: #b6afa9;
}

/* Keep product names compact and aligned without changing their text. */
body.belka-cux-alle-produkte .product-grid-item .wd-entities-title,
body.belka-cux-alle-produkte .product-grid-item .product-title,
body.belka-cux-alle-produkte .wd-product .wd-entities-title,
body.belka-cux-alle-produkte .wd-product .product-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.32;
}

@media (max-width: 767px) {
  body.belka-cux-alle-produkte .product-grid-item .wd-product-cats,
  body.belka-cux-alle-produkte .wd-product .wd-product-cats,
  body.belka-cux-alle-produkte .product-grid-item .product-cat,
  body.belka-cux-alle-produkte .wd-product .product-cat {
    display: none !important;
  }

  body.belka-cux-alle-produkte .product-grid-item .wd-entities-title,
  body.belka-cux-alle-produkte .product-grid-item .product-title,
  body.belka-cux-alle-produkte .wd-product .wd-entities-title,
  body.belka-cux-alle-produkte .wd-product .product-title {
    min-height: 36px;
    margin-bottom: 2px;
    font-size: 13.8px;
    font-weight: 600;
    line-height: 1.3;
  }

  body.belka-cux-alle-produkte .belka-cux-cardmeta {
    margin-top: 1px;
  }

  body.belka-cux-alle-produkte .belka-cux-meta {
    margin-bottom: 2px;
    font-size: 11.2px;
    line-height: 1.25;
  }

  body.belka-cux-alle-produkte .belka-cux-desktop-extra {
    display: none;
  }

  body.belka-cux-alle-produkte .belka-cux-price-row {
    gap: 2px 5px;
  }

  body.belka-cux-alle-produkte .belka-cux-price-current {
    font-size: 15.8px;
    font-weight: 750;
  }

  body.belka-cux-alle-produkte .belka-cux-price-old {
    font-size: 10.8px;
  }

  body.belka-cux-alle-produkte .belka-cux-from {
    font-size: 10.6px;
  }

  body.belka-cux-alle-produkte .belka-cux-sub {
    margin-top: 1px;
    font-size: 10.3px;
    line-height: 1.25;
  }

  body.belka-cux-alle-produkte .belka-cux-star {
    font-size: 10.8px;
  }
}