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

/*------------------------------------------SERGIO - HEADER -------------------------------------------------------*/
/* Cabezera buscador*/

a.woodmart-nav-link span.nav-link-text{
color:#4B5563!important;
letter-spacing: 0.045em;
	font-weight:300;
}

.current-menu-item a.woodmart-nav-link span.nav-link-text,
.current-menu-ancestor a.woodmart-nav-link span.nav-link-text {
  color: #201211 !important;
}

a.woodmart-nav-link span.nav-link-text {
  padding: 0 10px; /* agrega espacio interno dentro de cada opción */
}

/*triangulo con font awsome*/

/* Oculta el icono original del menú desplegable */
.wd-nav-arrow {
  display: none !important;
}

/* Agrega el nuevo ícono de Font Awesome */
.menu-item-has-children > a::after {
  font-family: "Font Awesome 6 Free";
  content: "\f0d7"; /* fa-caret-down */
  font-weight: 900; /* sólido */
  margin-left: 6px;
  font-size: 12px;
  vertical-align: middle;
}


/*------------------------------------------SERGIO - BUSCADO HEADER -------------------------------------------------------*/


/*------------------------------------------SERGIO - FILTROS DE TIENDA -------------------------------------------------------*/

/* ESCONDER FILTRO POR DEFECTO*/
.shop-loop-head {
display:none;
}
/* ELIMINA LINEA SUPERIOR NEGRA */
.filters-area.always-open {
  border: none !important;
  box-shadow: none !important;
	margin-top:-8%;
}
@media (max-width: 1024px) {
  .filters-area.always-open {
    margin-top:-5%;		 
  }

}

/* -----------------------------*/
/* -----------------------------*/
/* -----------------------------*/
/* TIENDA - BROESE PRODUCTS*/


/* titulo tienda*/
h1.entry-title.title {
	letter-spacing: -0.045em;
	font-size:42px!important;
}

/* === WOODMART / WooCommerce Layered Nav personalizado === */
.woocommerce-widget-layered-nav-list {
  display: flex;                /* Mostrar ítems en línea */
  flex-wrap: wrap;              /* Permitir salto a la siguiente línea si no caben */
  justify-content: center;      /* Centrar horizontalmente */
  list-style: none;             /* Quitar viñetas */
  padding: 0;
  margin: 0;
  gap: 0px;                    /* Espaciado entre cada li (ajústalo a gusto) */
}

.woocommerce-widget-layered-nav-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.045em;
	color:#201211;
	font-size: 17px;

}


.woocommerce-widget-layered-nav-list li a {
  text-decoration: none;
  color: #222;                  /* Ajusta color a tu tema */
  font-size: 17px;
  font-family: 'Archivo', sans-serif;
  font-weight: 400;
  transition: all 0.2s ease;
padding:15px!important;
border-style: solid;
border-width: 1px 1px 1px	;
border-radius:8px 8px 8px;	
border-color:#fff;
	
}


.woocommerce-widget-layered-nav-list li a:hover {
	border-color:#ccc!important; 
}

.woocommerce-widget-layered-nav-list li a:active {
	border-color:#fff important; 
}


/* Ocultar el contador (número de productos entre paréntesis) */
.woocommerce-widget-layered-nav-list .count {
  display: none !important;
}


/* checkbox*/

/* === Estilo personalizado para los checkboxes de filtro === */
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  border: 2px solid rgba(224, 112, 112, 1) !important; /* borde por defecto */
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  transition: all 0.2s ease-in-out;
}

/* === Cuando el filtro está activo (checkbox marcado) === */
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before {
  background-color: rgba(224, 112, 112, 1) !important;
  border-color: rgba(224, 112, 112, 1) !important;
  content: "✔" !important;
  color: #fff !important;
  font-size: 14px !important;
  text-align: center !important;
  line-height: 18px !important;
}

/* SUBTITULO "FILTER BY PRODUCT CATEGORY*/
#woocommerce_layered_nav-2 h5.widget-title{
  font-weight:400;
	 font-size: 18px;
	 margin: 0 auto; /* centra horizontalmente */
  text-align: center; /* centra el contenido interno */
	padding-bottom:30px;
}

/* FILTRO ACTIVO*/
.woocommerce-widget-layered-nav-list__item.chosen a,
.woocommerce-widget-layered-nav-list__item.active a {
  font-weight: 400!important;
	background-color:#0000001A;
}