/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.descripcionCortaProducto{
	display: none;
}

.product-type-variable .single-price-custom{
	display: none;
}

.wd-content-layout{
	padding-block: 0;
}

.product-element-bottom .wd-entities-title a{
	color: var( --e-global-color-text );
	font-size: 13px;
	font-weight: bold;
	font-family: "Plus Jakarta Sans", sans-serif;
}

.product-element-bottom .price{
	margin-top: 12px !important;
	display: flex !important;
  align-items: baseline;
  gap: 6px;
}

.wcpf-inner .wcpf-field-title .text{
	text-transform: none;
	font-size: 13px;
	font-weight: bold;
	color: var( --e-global-color-text );
}

.wcpf-item .wcpf-item-label .wcpf-title-container{
	color: #A8A8A8;
	font-size: 13px;
}

/* Transparente SOLO cuando el header NO está sticky */
.product-template-default .whb-header:not(.whb-sticked) .whb-color-light:not(.whb-with-bg) {
  background-color: transparent !important;
}

/* SOLO cuando el header está pegado (sticky) */
.whb-header.whb-sticked .whb-sticky-row {
  background-color: var( --e-global-color-21794d6 ) !important;
}



.cart-widget-side .woocommerce-cart-form__cart-item{
	background: #fff;
	margin-bottom: 20px;
	border-radius: 15px;
	padding: 15px;
}

.cart-widget-side .widget_shopping_cart{
	padding: 20px;
}

.cart-widget-side .elementor-menu-cart__subtotal{
	margin-bottom: 20px;
}

.cart-widget-side .elementor-menu-cart__footer-buttons{
	    display: flex;
   		flex-direction: column;
    	gap: 10px;
}

.minus.btn, .plus.btn{
    transform: rotate(180deg);
}

.mobile-nav .searchsubmit{
	border-radius: 0;
}

.whb-main-header .wd-nav>li>a{
	  font-size: 14px !important;
    font-weight: normal !important;
}

.tax-product_cat .e-n-accordion-item-title-text{
	color: var( --e-global-color-secondary );
	font-family: "Plus Jakarta Sans", Sans-serif;
	font-weight: 500;
}

.wd-product .product-wrapper{
	  background-color: var(--wd-prod-bg, var(--bgcolor-white));
    box-shadow: 0 0 4px rgba(0,0,0,0.12);
    gap: 0;
		border-radius: 12px !important;
		
}

.wd-product .product-wrapper .product-element-bottom{
	padding: 20px !important;
}

.cart-widget-side{
	background: var( --e-global-color-347a664 );
}

/* Grid normal */
.products.wd-products {
  align-items: stretch;
}

/* Grid y carrusel */
.products.wd-products .wd-product,
.products.wd-products .wd-product .product-wrapper,
.wd-carousel .wd-product,
.wd-carousel .wd-product .product-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.products.wd-products .product-element-bottom,
.wd-carousel .product-element-bottom {
  margin-top: auto;
}

/* Fuerza a las slides a medir igual que el alto del wrapper del carrusel */
.wd-carousel .wd-carousel-item {
  height: 100%;
  display: flex;           /* para poder estirar el hijo */
}

/* La tarjeta ocupa toda la slide */
.wd-carousel .wd-product {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* El wrapper interno también a columna y ocupando todo */
.wd-carousel .wd-product .product-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Empuja el bloque inferior al fondo */
.wd-carousel .product-element-bottom {
  margin-top: auto;
}

/* (Opcional) si tu tema añade autoheight, neutralízalo */
.wd-carousel.wd-autoheight .wd-carousel-item,
.wd-carousel[data-autoheight="yes"] .wd-carousel-item {
  height: 100%;
}

/* Solo en Related products: estira todas las slides y sus tarjetas */
.related-products .wd-carousel-wrap {
  display: flex;           /* ya lo trae Swiper, pero reforzamos */
  align-items: stretch;    /* iguala la altura de todas las slides en la fila */
}

.related-products .wd-carousel-item {
  display: flex !important; /* permite que el hijo se estire */
}

.related-products .wd-product,
.related-products .wd-product .product-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;          /* ocupa toda la altura disponible */
  min-height: 100%;
}

.related-products .product-element-bottom {
  margin-top: auto;        /* empuja al fondo */
}