/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/*  FOOTER CATEGORIA */
.benefits-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  background: #fff;
  padding: 30px 20px;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  margin-top: 40px;
  gap: 20px;
}

.benefit-item {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 200px;
  flex: 1 1 22%;
  max-width: 250px;
  justify-content: center;
  text-align: left;
}

.benefit-item img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.benefit-text strong {
  font-weight: 600;
  font-size: 16px;
  color: #1a1a1a;
  line-height: 1.4;
}

/* Responsive */
@media screen and (max-width: 992px) {
  .benefit-item {
    flex: 1 1 45%;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 576px) {
  .benefit-item {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
}

/*  PAGINA NUEVO, MAS VENDIDOS Y  CATEGORIA */

/* CATEGORÍA, MÁS VENDIDOS y NOVEDADES */
body#category section#wrapper,
body#best-sales section#wrapper,
body#new-products section#wrapper {
  background: #F7F7F7;
  padding: 2em;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  max-width: 1240px;
  margin: 0 auto;
}

/* Fondo general del body oscuro */
body#category,
body#best-sales,
body#new-products {
  background-color: #111 !important;
}

/* Título principal de la página */
body#category .content-wrapper .page-title,
body#best-sales .content-wrapper .page-title,
body#new-products .content-wrapper .page-title {
  color: #8c00ea;
}

/* Header del listado */
#product-list-header {
  color: #6D0CAE;
}

/* Botón "Añadir al carrito" */
body#category .product-add-cart .btn-product-list,
body#best-sales .product-add-cart .btn-product-list,
body#new-products .product-add-cart .btn-product-list {
  background-color: #6D0CAE;
  color: #fff;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

body#category .product-add-cart .btn-product-list:hover,
body#best-sales .product-add-cart .btn-product-list:hover,
body#new-products .product-add-cart .btn-product-list:hover {
  background-color: #8c00ea;
  color: #fff;
}

/* Precio */
body#category .product-price-and-shipping .product-price,
body#best-sales .product-price-and-shipping .product-price,
body#new-products .product-price-and-shipping .product-price {
  color: #130526 !important;
  font-size: 23px;
  font-weight: 700;
}

body#category .product-price-and-shipping,
body#best-sales .product-price-and-shipping,
body#new-products .product-price-and-shipping {
  text-align: left;
}

/* Caja del producto */
body#category .product-description,
body#best-sales .product-description,
body#new-products .product-description {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 145px !important;
  background: #ffffff;
  padding-bottom: 1rem !important;
  border-radius: 12px;
}

body#category .product-miniature,
body#best-sales .product-miniature,
body#new-products .product-miniature {
  border-radius: 12px;
}

body#category .product-miniature-default .product-thumbnail img,
body#best-sales .product-miniature-default .product-thumbnail img,
body#new-products .product-miniature-default .product-thumbnail img {
  border-radius: 12px;
}

body#category .product-miniature-grid .product-title,
body#best-sales .product-miniature-grid .product-title,
body#new-products .product-miniature-grid .product-title {
  min-height: 40px;
}

/* Texto del slider de filtros */
body#category .faceted-slider p,
body#best-sales .faceted-slider p,
body#new-products .faceted-slider p {
  color: #333 !important;
}

/* Inputs del slider de precio */
body#category .faceted-slider input[type="text"],
body#best-sales .faceted-slider input[type="text"],
body#new-products .faceted-slider input[type="text"] {
  color: #8C00EA !important;
  font-weight: 600;
  border: 1px solid #8C00EA !important;
}

/* Barra activa del slider */
body#category .noUi-connect,
body#best-sales .noUi-connect,
body#new-products .noUi-connect {
  background-color: #8C00EA !important;
}

/* Punto del slider */
body#category .noUi-handle,
body#best-sales .noUi-handle,
body#new-products .noUi-handle {
  background-color: #8C00EA !important;
  border: none !important;
}

/* Títulos del bloque de filtros */
body#category h4.facet-title,
body#category h4.facet-title span,
body#best-sales h4.facet-title,
body#best-sales h4.facet-title span,
body#new-products h4.facet-title,
body#new-products h4.facet-title span {
  color: #8C00EA !important;
  font-weight: 700;
  font-size: 20px;
  font-family: 'Poppins';
  text-align: left;
}

/* Filtros activos */
body#category div#active-search-filters,
body#best-sales div#active-search-filters,
body#new-products div#active-search-filters {
  color: black !important;
}

/* Columna izquierda (filtros) */
body#category div#left-column,
body#best-sales div#left-column,
body#new-products div#left-column {
  background: white;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

/* Texto de "Mostrando X productos" */
body#category span.showing.hidden-sm-down,
body#best-sales span.showing.hidden-sm-down,
body#new-products span.showing.hidden-sm-down {
  color: black !important;
}

/* Selector de orden */
body#category .products-sort-nb-dropdown .select-title,
body#best-sales .products-sort-nb-dropdown .select-title,
body#new-products .products-sort-nb-dropdown .select-title {
  background-color: #8C00EA !important;
  color: white !important;
  border: none !important;
}

/* Icono flechita */
body#category .products-sort-nb-dropdown .select-title i.fa-angle-down,
body#best-sales .products-sort-nb-dropdown .select-title i.fa-angle-down,
body#new-products .products-sort-nb-dropdown .select-title i.fa-angle-down {
  color: white !important;
}

/* Hover del selector */
body#category .products-sort-nb-dropdown .select-title:hover,
body#best-sales .products-sort-nb-dropdown .select-title:hover,
body#new-products .products-sort-nb-dropdown .select-title:hover {
  background-color: #7a00d1 !important;
  color: white !important;
}

body#category .products-sort-nb-dropdown .select-title:hover i.fa-angle-down,
body#best-sales .products-sort-nb-dropdown .select-title:hover i.fa-angle-down,
body#new-products .products-sort-nb-dropdown .select-title:hover i.fa-angle-down {
  color: white !important;
}

/* Título principal de la página */
body#category .content-wrapper .page-title,
body#best-sales .content-wrapper .page-title,
body#new-products .content-wrapper .page-title {
  color: #8c00ea;
}