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


h3.wd-entities-title {
  text-transform: uppercase;
}

/* === Fondo con el marco (Woodmart) === */
:root {
  --fs-marco-gap: 35px;
  /* margen interior para que se vea el marco */
}

/* Grid de productos (imagen normal y hover) */

/* 
.wd-product .product-element-top .product-image-link,
.wd-product .product-element-top .hover-img a{
  display:block;
  background: #fff url('https://fungiblesanitario.com/wp-content/uploads/2025/09/fondo-2.png')
              center / cover no-repeat;
  padding: var(--fs-marco-gap);
  border-radius: 0px;
}
*/

/* Las imágenes se contienen dentro del marco */
.wd-product .product-element-top .product-image-link img,
.wd-product .product-element-top .hover-img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 0px;
}

/* Opcional: cuadrado consistente en tarjetas */
.wd-product .product-element-top .product-image-link,
.wd-product .product-element-top .hover-img a {
  aspect-ratio: 1 / 1;
}

/* --- FICHA DE PRODUCTO (galería principal) --- */


.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
  width: 100%;
  max-height: 442px;
  object-fit: contain;
  border-radius: 0px;
  padding: 26px;
}

/* 
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
   display: block;
    background: #fff url(https://fungiblesanitario.com/wp-content/uploads/2025/09/fondo-2.png) center / cover no-repeat;
    padding: calc(var(--fs-marco-gap) + 6px);
    border-radius: 0px;
    height: 559px;
    display: flex;
}
 */

.cd-top-products-cart {
  margin-top: 40px;
}

.cd-products-grid {
  display: flex;
  gap: 20px;
}

.cd-product-item {
  width: 25%;
  text-align: center;
}

.cd-product-item img {
  width: 50%;
  height: auto;
}

.cd-product-item h4 {
  font-size: 14px;
}

.cd-product-item .price {
  display: block;
  margin: 5px 0;
  font-weight: bold;
}