/*
 Theme Name:   Kadence Child
 Theme URI:    https://www.kadencewp.com/
 Description: Child theme para Triniti Rouse Handmade
 Author:       Triniti Rouse Handmade
 Author URI:   https://trinitirouse.com/
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* =====================================================
   WOO COMMERCE COMO CATÁLOGO (NO TIENDA)
   ===================================================== */

/* Quitar precios y botones de compra */
.price,
.add_to_cart_button,
.single_add_to_cart_button {
  display: none !important;
}

/* =====================================================
   FILTROS DE CATÁLOGO – THEMIFY
   ===================================================== */

/* Ajuste puntual de layout */
.formulario {
  margin-top: -56px;
}

/* Filtros a ancho completo */
.tf-filter-form,
.tf-filter-form .tf-field-wrap,
.tf-filter-form .tf-field-inner,
.tf-filter-form .tf-field-title,
.wpf_form,
.wpf_items_wrapper,
.wpf_item,
.wpf_items_group {
  width: 100%;
  box-sizing: border-box;
}

/* Evitar layout horizontal compacto */
.wpf_layout_horizontal {
  display: block;
}

/* Botón reset */
.wpf_reset_btn {
  margin-top: 0.75rem;
  font-size: 0.9em;
  opacity: 0.7;
}

.wpf_reset_btn:hover {
  opacity: 1;
}

/* Flecha de filtros alineada a la derecha */
.wpf_item_name {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-right: 3rem;
}

.wpf_item_name::after {
  position: absolute !important;
  right: 1rem;
  left: auto !important;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
}

/* =====================================================
   PRODUCT CARDS – SOMBRA EDITORIAL
   ===================================================== */

.woocommerce ul.products li.product {
  background: #ffffff;
  border-radius: 4px;
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.08),
    0 2px 4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.25s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.10),
    0 4px 8px rgba(0, 0, 0, 0.06);
}

/* =====================================================
   PRODUCT CARDS – HOVER EDITORIAL (IMAGEN SECUNDARIA)
   KADENCE + WOO + SHORTCODES
   ===================================================== */

/* Contenedor de imagen */
.woocommerce ul.products li.product a.woocommerce-loop-image-link {
  position: relative;
  display: block;
  overflow: hidden;
}

/* Todas las imágenes */
.woocommerce ul.products li.product a.woocommerce-loop-image-link img {
  display: block;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
}

/* Imagen secundaria real de Kadence */
.woocommerce ul.products li.product
a.woocommerce-loop-image-link img.wp-post-image--secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.03);
}

/* Hover: ocultar principal */
.woocommerce ul.products li.product:hover
a.woocommerce-loop-image-link img:not(.wp-post-image--secondary) {
  opacity: 0;
  transform: scale(1.02);
}

/* Hover: mostrar secundaria */
.woocommerce ul.products li.product:hover
a.woocommerce-loop-image-link img.wp-post-image--secondary {
  opacity: 1;
  transform: scale(1.05);
}
/* =====================================
   HOME – CATEGORY CARD (EDITORIAL)
   Sombra alineada con product cards
===================================== */

.home-category-card {
  background: #ffffff;
  border-radius: 4px;

  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.08),
    0 2px 4px rgba(0, 0, 0, 0.04);

  transition: box-shadow 0.25s ease;
}

/* Hover editorial, sin movimiento */
.home-category-card:hover {
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.10),
    0 4px 8px rgba(0, 0, 0, 0.06);
}