/*=================Liquidaciones===================*/
:root {
  --liquid-gradient-start: #e63946;
  --liquid-gradient-end: #b71c1c;
}

/* === Filtros === */
body.term-liquidaciones #showFilters .wfpTitle {
  color: var(--liquid-gradient-start);
  border: 1px solid var(--liquid-gradient-start);
}

/* === Precios en rojo === */
body.term-liquidaciones .productItem .price,
body.term-liquidaciones .productItem .price span {
  color: var(--liquid-gradient-start);
}

/* === Cartita de stock === */
body.term-liquidaciones .productItem .badge {
  background-color: var(--liquid-gradient-start);
}

/* === Slider de rango de precios (solo para Liquidaciones) === */
body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-bar,
body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-from,
body.term-liquidaciones div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-to,
body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-single {
  background-color: var(--liquid-gradient-start);
  border-color: var(--liquid-gradient-start);
}

body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-handle
  > i:first-child {
  background-color: #c5450e;
}

body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-handle:hover
  > i:first-child {
  background-color: #9d1d00;
}

body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-from:before,
body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-to:before,
body.term-liquidaciones
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-single:before {
  border-top-color: var(--liquid-gradient-start);
}

/* === Taxonomy Selector - Solo para categoría Liquidaciones === */
body.term-liquidaciones #taxonomySelector a,
body.category-liquidaciones #taxonomySelector a {
  background-color: #e63946; /* rojo principal */
  border: 1px solid #ffffff;
  color: #ffffff;
}

body.term-liquidaciones #taxonomySelector a:hover,
body.category-liquidaciones #taxonomySelector a:hover {
  color: #e63946;
  background-color: rgb(230 57 70 / 17%); /* rojo con transparencia */
  border: 1px solid #e63946;
}

body.term-liquidaciones #taxonomySelector a svg,
body.category-liquidaciones #taxonomySelector a svg {
  filter: grayscale(1) brightness(0);
  transition: var(--transition);
}

body.term-liquidaciones #taxonomySelector a:hover svg,
body.category-liquidaciones #taxonomySelector a:hover svg {
  filter: grayscale(0) brightness(1);
}

/*=================Dental===================*/
:root {
  --dental-gradient-start: #6abfb1;
  --dental-gradient-end: #0077b6;
}

/* === Tema Dental === */
body.term-dental #showFilters .wfpTitle {
  color: var(--dental-gradient-start);
  border: 1px solid var(--dental-gradient-start);
}

/* Precios */
body.term-dental .productItem .price,
body.term-dental .productItem .price span {
  color: var(--dental-gradient-start);
}

/* Badge de stock */
body.term-dental .productItem .badge {
  background-color: var(--dental-gradient-start);
  border: 1px solid #6abfb1;
}

/* Badge de preventa */
body.term-dental .productItem .badge.pre {
  background-color: rgb(213, 238, 235);
  color: #6abfb1;
  border: 1px solid #6abfb1;
}

/* Slider */
body.term-dental div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-bar,
body.term-dental div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-from,
body.term-dental div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-to,
body.term-dental div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-single {
  background-color: var(--dental-gradient-start);
  border-color: var(--dental-gradient-start);
}

/* Taxonomy selector */
body.term-dental #taxonomySelector a,
body.category-dental #taxonomySelector a {
  background-color: var(--dental-gradient-start);
  border: 1px solid #ffffff;
  color: #ffffff;
}

body.term-dental #taxonomySelector a:hover,
body.category-dental #taxonomySelector a:hover {
  color: var(--dental-gradient-start);
  background-color: rgb(0 180 216 / 15%);
  border: 1px solid var(--dental-gradient-start);
}

/*=================Industria===================*/
:root {
  --industry-gradient-start: #000000;
  --industry-gradient-end: #333333;
}

/* === Tema Industria === */
body.term-industria #showFilters .wfpTitle {
  color: var(--industry-gradient-start);
  border: 1px solid var(--industry-gradient-start);
}

/* Precios */
body.term-industria .productItem .price,
body.term-industria .productItem .price span {
  color: var(--industry-gradient-start);
}

/* Badge */
body.term-industria .productItem .badge {
  background-color: var(--industry-gradient-start);
}

/* Slider */
body.term-industria div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-bar,
body.term-industria div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-from,
body.term-industria div.wpfMainWrapper[data-filter="2"] #wpfBlock_2 .irs-to,
body.term-industria
  div.wpfMainWrapper[data-filter="2"]
  #wpfBlock_2
  .irs-single {
  background-color: var(--industry-gradient-start);
  border-color: var(--industry-gradient-start);
}

/* Taxonomy selector */
body.term-industria #taxonomySelector a,
body.category-industria #taxonomySelector a {
  background-color: var(--industry-gradient-start);
  border: 1px solid #ffffff;
  color: #ffffff;
}

body.term-industria #taxonomySelector a:hover,
body.category-industria #taxonomySelector a:hover {
  color: var(--industry-gradient-start);
  background-color: rgb(0 0 0 / 10%);
  border: 1px solid var(--industry-gradient-start);
}