/* yk grid variation plugin */
.yk-sp-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

.yk-sp-size.is-disabled {
  text-decoration: none !important;
}

.yk-size.is-disabled {
  text-decoration: none !important;
}

.yk-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

/* ---------------------------------------------------------
   Product grid — moved here from components/woocommerce.css.

   These three classes belong to the yk grid-variation plugin's markup, not to
   WooCommerce's, so they were in the wrong file. The rest of that file was
   theme-level and is now assets/css/yk-woocommerce.css in the theme.
   --------------------------------------------------------- */

.yk-infinite-status {
  margin: 2rem 0 0 !important;
}

/* Two lines, then ellipsis, so a long product name cannot push the card's
   price and swatches out of line with its neighbours. */
.yk-card__title.woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  padding-bottom: 0 !important;
  margin-bottom: 7px !important;
}

.woocommerce-loop-category__title .count {
  display: none;
}

/* ---------------------------------------------------------
   WooCommerce mini-cart drawer — hide the "(Artikel: n)" counter next to the
   title. The counter is its own inner block, so the label stays untouched.
   --------------------------------------------------------- */

.wp-block-woocommerce-mini-cart-title-items-counter-block {
  display: none;
}

/* ---------------------------------------------------------
   WooCommerce product tabs — the panel titles (Beschreibung, Zusätzliche
   Informationen) and any headings in the description inherit the global h2
   (xx-large) and are far too big for tab content. Presets come from
   styles/sha.json so the scale stays in one place.

   The upsell ("Das könnte dir auch gefallen …") and related ("Ähnliche
   Produkte") section titles below the tabs get the same size. Child
   combinator only: the product cards inside those sections are h2 as well.
   --------------------------------------------------------- */

.woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .upsells.products > h2,
.single-product .related.products > h2 {
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.25;
}

.woocommerce-tabs .woocommerce-Tabs-panel h3 {
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.4;
}

.woocommerce-tabs .woocommerce-Tabs-panel :is(h4, h5, h6) {
  font-size: var(--wp--preset--font-size--normal);
  line-height: 1.5;
}

/* Single product title — the global h1 (huge, 48–54px, line-height 0.95) is
   sized for page heroes. Product names here are long and wrap to two or three
   lines, so one step down and a looser line-height. */
.single-product .product_title {
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 1.15;
}