/*
 Theme Name: Blocksy Child
 Template:   blocksy
*/

/* —————————————————————————————————————————————— */
/* 0) FORZAR alineación izquierda en TODA la tarjeta */
/* —————————————————————————————————————————————— */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .ct-product-card,
.woocommerce ul.products li.product .ct-product-card *,
.woocommerce ul.products li.product .ct-product-card a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .ct-product-card [class*="__content"] {
  text-align: left !important;
  align-items: flex-start !important;
}

/* —————————————————————————————————————————————— */
/* 1) TÍTULO: siempre 2 líneas                    */
/* —————————————————————————————————————————————— */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.2em;
  min-height: calc(2 * 1.2em);
  margin-bottom: .5em;
}

/* —————————————————————————————————————————————— */
/* 2) BLOQUE PRECIOS MAYORISTAS: siempre 3 líneas  */
/* —————————————————————————————————————————————— */
.wholesale-prices-loop {
  margin-top: .5em;
  font-size: .9em;
  line-height: 1.2em;
  min-height: calc(3 * 1.2em);
}
.wholesale-line {
  margin-bottom: .25em;
}
.wholesale-prices-loop .wholesale-line a {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: color .3s ease, font-size .3s ease;
}

/* —————————————————————————————————————————————— */
/* 3) OCULTAR precio regular y botón “Comprar”     */
/* —————————————————————————————————————————————— */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
  display: none !important;
}

/* —————————————————————————————————————————————— */
/* 4) Hover: aumentar tamaño y poner negro         */
/* —————————————————————————————————————————————— */
.wholesale-prices-loop .wholesale-line a:hover {
  color: #000000;
  font-size: 1.05em;
}

/* —————————————————————————————————————————————— */
/* Precios por mayor: igual al título del producto */
/* —————————————————————————————————————————————— */
.wholesale-title {
  font-family: var(--ct-body-font-family, 'Poppins', sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0.4em;
  color: inherit;
}

/* —————————————————————————————————————————————— */
/* Hacer que el enlace del título sea clickeable a ancho completo */
/* —————————————————————————————————————————————— */
.wholesale-title a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
  transition: color .3s ease;
  padding: 0.2em 0;
}
.wholesale-title a:hover {
  color: #000000;
}

/* —————————————————————————————————————————————— */
/* Precios por mayor: copia exacta del título del loop */
/* —————————————————————————————————————————————— */
.woocommerce ul.products li.product .wholesale-prices-loop .wholesale-title {
  display: block !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: normal !important;
  line-height: 1.3 !important;
  margin-bottom: 0.4em !important;
  color: inherit !important;
  text-align: left !important;
}

/* —————————————————————————————————————————————— */
/* Breadcrumb bar: Volver | Categorías             */
/* —————————————————————————————————————————————— */
:root {
	--bc-sep-size: 13px;
	--bc-sep-gap:  0.35em;
}

.bc-breadcrumb-bar {
	display: flex;
	align-items: center;
	white-space: nowrap;
	margin: 0 1.5rem 1rem;
	font: 600 13px 'Poppins', sans-serif;
	line-height: 1.2;
}

.bc-back-link,
.bc-breadcrumb-static a {
	color: #3483FA;
	text-decoration: none;
	transition: color .2s ease;
}
.bc-back-link:hover,
.bc-breadcrumb-static a:hover {
	color: #2D62CA;
}

.bc-back-sep,
.bc-separator {
	color: #c8c8c8;
	font-size: var(--bc-sep-size);
	margin: 0 var(--bc-sep-gap);
}

.bc-breadcrumb-static {
	display: inline;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* —————————————————————————————————————————————— */
/* 5) OFERTAS: bloque "NORMAL / REBAJADO"          */
/*    (No usamos .price nativo; este bloque es propio) */
/* —————————————————————————————————————————————— */
.bc-normal-sale {
  margin-top: .35em;
  font-size: .95em;
  line-height: 1.2em;
  display: flex;
  gap: .6em;
  flex-wrap: wrap;
}

.bc-normal-sale__regular del {
  opacity: .75;
}

.bc-normal-sale__now ins {
  text-decoration: none;
  font-weight: 700;
}