:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(53,53,53);
	--wd-text-font-size: 15px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(225,74,92);
	--wd-alternative-color: rgb(115,84,239);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(225,74,92);
	--btn-accented-bgcolor-hover: rgb(205,67,84);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,122,255);
	--wd-link-color-hover: rgb(0,63,255);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 15px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 700;
	font-size: 30px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(225,74,92);
	background: rgb(249,219,223);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(225,74,92);
	background: rgb(237,208,211);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(140,188,103);
}
.wd .product-label.featured {
	background-color: rgb(225,74,92);
}
.wd .product-label.out-of-stock {
	background-color: rgb(13,6,37);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1660px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1660px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(246,245,248);
}

/* Número telefónico del header en blanco */
.whb-header .wd-info-box .info-box-inner,
.whb-header .wd-info-box .info-box-inner p,
.whb-header .wd-info-box .info-box-inner a,
.whb-header .woodmart-info-box .info-box-inner,
.whb-header .woodmart-info-box .info-box-inner p,
.whb-header .woodmart-info-box .info-box-inner a {
  color: #ffffff !important;
}


/* _________________________________________*/

/* ==================================================
   JORMART — ESTILO GLOBAL + MENÚ LATERAL
   ================================================== */

:root {
  --jormart-font: "Roboto", Arial, Helvetica, sans-serif;
  --jormart-text: #343e49;
  --jormart-yellow: #f4c400;
  --jormart-green: #aad500;
}

/* Fuente general */
html,
body,
button,
input,
textarea,
select {
  font-family: var(--jormart-font) !important;
}

/* Color general de la tipografía */
body,
p,
li,
label,
input,
textarea,
select,
h1, h2, h3, h4, h5, h6 {
  color: var(--jormart-text);
}

/* Enlaces generales */
body a {
  color: var(--jormart-text);
}

/* Botones al pasar el cursor */
button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* Mantiene blancos los textos del header negro */
.whb-header,
.whb-header a,
.whb-header .wd-tools-text {
  color: #fff !important;
}

/* Mantiene oscuro el texto del buscador */
.whb-header input,
.whb-header textarea,
.whb-header select {
  color: var(--jormart-text) !important;
}


/* _________________________________________*/

/* ==========================================================
   JORMART — MENÚ LATERAL SEGURO / WOODMART NATIVO
   OBJETIVO:
   - conservar el motor Drilldown original de WoodMart
   - no ocultar categorías ni subcategorías
   - cabecera amarilla con ¡Hola! + Cerrar
   - flechas limpias
   - sin verde en hover
========================================================== */

/* IMPORTANTE:
   Aquí NO se modifica position, display, transform, visibility,
   opacity ni overflow del contenedor de navegación.
   WoodMart controla el Drilldown y sus subniveles. */
.mobile-nav {
  border-top: 0 !important;
  background-color: #FFFFFF !important;
  font-family: var(--jormart-font) !important;
}


/* ==========================================================
   JORMART — TIPOGRAFÍA UNIFICADA DEL MENÚ HAMBURGUESA
   Toda la interfaz textual usa Roboto.
   No modifica SVG ni el motor de iconos.
========================================================== */

.mobile-nav::before,
.mobile-nav .nav-link-text,
.mobile-nav .wd-nav-mob-tab a,
.mobile-nav .close-side-widget > a,
.mobile-nav .wd-heading .close-side-widget > a,
.mobile-nav .wd-drilldown-back > a::after,
.mobile-nav li.wd-drilldown-back > a::after,
.mobile-nav .menu-label {
  font-family: var(--jormart-font) !important;
}

/* Jerarquía de tamaños equilibrada */
.mobile-nav .wd-nav-mobile > li > a .nav-link-text {
  font-size: 15.5px !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
}

.mobile-nav .wd-sub-menu li > a .nav-link-text,
.mobile-nav .sub-sub-menu li > a .nav-link-text {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

.mobile-nav .wd-nav-mob-tab a {
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.mobile-nav .close-side-widget > a,
.mobile-nav .wd-heading .close-side-widget > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  color: #111111 !important;

  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  font-family: var(--jormart-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
  text-decoration: none !important;
}


/* Cabecera superior blanca con acento amarillo */
.mobile-nav::before {
  content: "¡Hola!";
  display: flex !important;
  align-items: center !important;

  height: 64px !important;
  min-height: 64px !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 118px 0 24px !important;

  /* Fondo blanco; el amarillo queda solo como línea superior */
  background-color: #FFFFFF !important;
  color: #111111 !important;

  border: 0 !important;
  border-top: 6px solid var(--jormart-yellow) !important;
  border-bottom: 1px solid #E8E8E8 !important;
  box-shadow: none !important;

  font-family: var(--jormart-font) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-sizing: border-box !important;
}

/* Cerrar ocupa la misma fila superior.
   Solo se reposiciona la CABECERA nativa; no el menú ni los submenús. */
.mobile-nav .wd-heading {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  z-index: 5 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

/* No mostrar un título duplicado dentro de la cabecera */
.mobile-nav .wd-heading > .title,
.mobile-nav .wd-heading > .wd-title,
.mobile-nav .wd-heading > h2,
.mobile-nav .wd-heading > h3 {
  display: none !important;
}

/* Botón Cerrar */
.mobile-nav .wd-heading .close-side-widget,
.mobile-nav .close-side-widget {
  position: static !important;
  float: none !important;

  display: flex !important;
  align-items: center !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  pointer-events: auto !important;
}

.mobile-nav .close-side-widget > a,
.mobile-nav .wd-heading .close-side-widget > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  color: #111111 !important;

  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  font-family: var(--jormart-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.mobile-nav .close-side-widget > a:hover,
.mobile-nav .wd-heading .close-side-widget > a:hover {
  background: transparent !important;
  color: #111111 !important;
  opacity: 0.72 !important;
}

/* ==========================================================
   CATEGORÍAS — SOLO APARIENCIA, SIN INTERFERIR CON DRILLDOWN
========================================================== */

/* Texto principal */
.mobile-nav .wd-nav-mobile > li > a,
.mobile-nav .wd-nav-mobile > li > a .nav-link-text {
  color: #242424 !important;
  font-family: var(--jormart-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

/* Altura y espaciado.
   NO se modifica position/display del <li>. */
.mobile-nav .wd-nav-mobile > li > a {
  min-height: 56px !important;
  padding-left: 20px !important;
  padding-right: 54px !important;

  border: 0 !important;
  box-shadow: none !important;

  transition:
      background-color 0.16s ease,
      color 0.16s ease !important;
}

/* Hover neutro: sin verde */
.mobile-nav .wd-nav-mobile > li:hover > a {
  background-color: #F7F7F7 !important;
  color: #111111 !important;
  border-left: 0 !important;
}

/* Activo: amarillo muy suave */
.mobile-nav .wd-nav-mobile > li.wd-active > a,
.mobile-nav .wd-nav-mobile > li.current-menu-item > a {
  background-color: #FFF9E3 !important;
  color: #111111 !important;
  border-left: 0 !important;
  font-weight: 600 !important;
}

/* ==========================================================
   FLECHAS
   Se cambia SOLO el dibujo.
   No se modifica position/width/height del opener de WoodMart.
========================================================== */

.mobile-nav .wd-nav-opener {
  color: transparent !important;
  font-size: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Chevron > con dos líneas */
.mobile-nav .wd-nav-opener::before {
  content: "" !important;
  display: block !important;

  width: 7px !important;
  height: 7px !important;

  background: transparent !important;

  border: 0 !important;
  border-right: 1.5px solid #777777 !important;
  border-bottom: 1.5px solid #777777 !important;

  box-shadow: none !important;

  transform: rotate(-45deg) !important;
}

/* Elimina puntos/iconos adicionales */
.mobile-nav .wd-nav-opener::after {
  content: none !important;
  display: none !important;
}

.mobile-nav li:hover > .wd-nav-opener::before,
.mobile-nav li.wd-active > .wd-nav-opener::before,
.mobile-nav li.current-menu-item > .wd-nav-opener::before {
  border-right-color: #222222 !important;
  border-bottom-color: #222222 !important;
}

/* ==========================================================
   SUBCATEGORÍAS
   SOLO tipografía y color.
   NO display, visibility, opacity, position, transform ni top.
========================================================== */

.mobile-nav .wd-sub-menu li > a,
.mobile-nav .sub-sub-menu li > a,
.mobile-nav .wd-sub-menu li > a .nav-link-text,
.mobile-nav .sub-sub-menu li > a .nav-link-text {
  color: #2B2B2B !important;
  -webkit-text-fill-color: #2B2B2B !important;

  font-family: var(--jormart-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;

  text-shadow: none !important;
  text-transform: none !important;
}

/* Hover de subcategorías sin verde */
.mobile-nav .wd-sub-menu li > a:hover,
.mobile-nav .sub-sub-menu li > a:hover {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background-color: #F7F7F7 !important;
}

/* ==========================================================
   "DE VUELTA A CATEGORÍAS" — UX REFINADO FINAL
   - más aire vertical
   - texto menos oscuro y menos pesado
   - Roboto consistente
   - flecha discreta
   - sin bloques de color ni elementos extra
========================================================== */

.mobile-nav .wd-drilldown-back,
.mobile-nav li.wd-drilldown-back {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #FFFFFF !important;
  background-color: #FFFFFF !important;

  border: 0 !important;
  border-bottom: 1px solid #ECECEC !important;

  box-shadow: none !important;
  outline: 0 !important;
}

/* Fila completa */
.mobile-nav .wd-drilldown-back > a,
.mobile-nav li.wd-drilldown-back > a {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  min-height: 48px !important;
  height: 48px !important;

  margin: 0 !important;
  padding: 0 18px 0 44px !important;

  background: #FCFCFC !important;
  background-color: #FCFCFC !important;

  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  /* Oculta el texto nativo original para sustituirlo por una versión limpia */
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

/* Flecha izquierda: fina, gris y proporcionada */
.mobile-nav .wd-drilldown-back > a::before,
.mobile-nav li.wd-drilldown-back > a::before {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: 20px !important;

  width: 7px !important;
  height: 7px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-left: 1.4px solid #6B6B6B !important;
  border-bottom: 1.4px solid #6B6B6B !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  transform: translateY(-50%) rotate(45deg) !important;
}

/* Texto visual limpio */
.mobile-nav .wd-drilldown-back > a::after,
.mobile-nav li.wd-drilldown-back > a::after {
  content: "De vuelta a categorías" !important;

  display: inline-block !important;
  position: static !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: #555555 !important;
  -webkit-text-fill-color: #555555 !important;

  font-family: var(--jormart-font) !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;

  white-space: nowrap !important;
}

/* Elimina cualquier opener/bloque extra dentro de la fila de regreso */
.mobile-nav .wd-drilldown-back > .wd-nav-opener,
.mobile-nav li.wd-drilldown-back > .wd-nav-opener,
.mobile-nav .wd-drilldown-back .wd-nav-opener {
  display: none !important;
}

/* Elimina pseudo-elementos extra del propio LI */
.mobile-nav .wd-drilldown-back::before,
.mobile-nav .wd-drilldown-back::after,
.mobile-nav li.wd-drilldown-back::before,
.mobile-nav li.wd-drilldown-back::after {
  content: none !important;
  display: none !important;
}

/* Hover suave */
.mobile-nav .wd-drilldown-back > a:hover,
.mobile-nav li.wd-drilldown-back > a:hover {
  background: #F7F7F7 !important;
  background-color: #F7F7F7 !important;
}

.mobile-nav .wd-drilldown-back > a:hover::before,
.mobile-nav li.wd-drilldown-back > a:hover::before {
  border-left-color: #333333 !important;
  border-bottom-color: #333333 !important;
}

.mobile-nav .wd-drilldown-back > a:hover::after,
.mobile-nav li.wd-drilldown-back > a:hover::after {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* Etiquetas NUEVO / TENDENCIAS */
.mobile-nav .menu-label {
  margin-left: 8px !important;
  padding: 3px 7px !important;

  border-radius: 10px !important;

  background-color: #242424 !important;
  color: #FFFFFF !important;

  font-family: var(--jormart-font) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* _________________________________________*/

/* ==========================================================
   JORMART — HEADER NEGRO COMPACTO DESKTOP
   Mantiene intactos logo, menú, buscador, favoritos,
   atención al cliente y carrito
========================================================== */
@media (min-width: 1025px) {

    .whb-main-header .whb-general-header,
    .whb-main-header .whb-general-header > .container,
    .whb-main-header .whb-general-header-inner {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
    }

    /* Mantiene logo, buscador e iconos centrados verticalmente */
    .whb-main-header .whb-general-header-inner,
    .whb-main-header .whb-general-header .whb-column {
        align-items: center !important;
    }
}

/* _________________________________________*/

/* Jormart - Botón buscador */
.searchform[class*=wd-style-with-bg] .searchsubmit {
    --btn-color: #000000 !important;
    --btn-color-hover: #FFFFFF !important;
    --btn-bgcolor: #F4C400 !important;
    --btn-bgcolor-hover: #3B9326 !important;

    background-color: var(--btn-bgcolor) !important;
    color: var(--btn-color) !important;
}

/* Hover */
.searchform[class*=wd-style-with-bg] .searchsubmit:is(:hover, :focus) {
    background-color: var(--btn-bgcolor-hover) !important;
    color: var(--btn-color-hover) !important;
}

/* Icono de lupa */
.searchform[class*=wd-style-with-bg] .searchsubmit :is(svg, i),
.searchform[class*=wd-style-with-bg] .searchsubmit:before {
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
/* _________________________________________*/

/* Jormart - línea inferior amarilla del menú */

.wd-nav[class*=wd-style-underline] .nav-link-text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #F4C400 !important;
    transition: width .4s cubic-bezier(0.19, 1, 0.22, 1);
}

/* _________________________________________*/

/* Color de texto del carrito*/
.wd-header-cart .wd-cart-subtotal .amount {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: inherit;
}

/* venta desplegable dentro del carrito */

/* Jormart - Botón accent normal */
.btn.btn-accent {
    --btn-accented-color: #FFFFFF;
    --btn-accented-color-hover: #000000;
    --btn-accented-bgcolor: #000000;
    --btn-accented-bgcolor-hover: #3b9326;
    --btn-accented-brd-color: #0B1F16;
    --btn-accented-brd-color-hover: #3b9326;

    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #0B1F16 !important;
}

/* Jormart - Hover más visible */
.btn.btn-accent:hover {
    background-color: #3b9326 !important;
    color: #ffffff !important;
    border-color: #52D900 !important;
}

/* Jormart - Mini carrito lateral: botón Finalizar compra */
.cart-widget-side .woocommerce-mini-cart__buttons .checkout,
.woocommerce-mini-cart__buttons .checkout {
    --btn-accented-color: #FFFFFF !important;
    --btn-accented-color-hover: #FFFFFF !important;
    --btn-accented-bgcolor: #000000 !important;
    --btn-accented-bgcolor-hover: #3B9326 !important;
    --btn-accented-brd-color: #000000 !important;
    --btn-accented-brd-color-hover: #3B9326 !important;
    --btn-accented-brd-radius: 999px !important;
    --btn-accented-transform: none !important;

    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
    border-radius: 999px !important;
    text-transform: none !important;
    font-weight: 700 !important;
}

/* Hover - Mini carrito lateral: botón Finalizar compra */
.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover,
.woocommerce-mini-cart__buttons .checkout:hover {
    background-color: #3B9326 !important;
    color: #FFFFFF !important;
    border-color: #3B9326 !important;
}
/* _________________________________________*/

/* ==========================================================
   JORMART — ICONO HAMBURGUESA FINAL SIN ARO AMARILLO
   Fondo blanco + líneas negras + círculo 100% redondo
   El texto Menú mantiene blanco -> amarillo en hover.
========================================================== */

/* Elimina cualquier aro/borde/fondo decorativo de los envoltorios */
.whb-header .wd-header-mobile-nav,
.whb-header .wd-header-mobile-nav > a,
.whb-header .wd-header-mobile-nav .wd-tools-inner {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Elimina pseudo-elementos decorativos que pueden dibujar el aro amarillo */
.whb-header .wd-header-mobile-nav > a::before,
.whb-header .wd-header-mobile-nav > a::after,
.whb-header .wd-header-mobile-nav .wd-tools-inner::before,
.whb-header .wd-header-mobile-nav .wd-tools-inner::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Icono: círculo blanco puro, sin ningún borde */
.whb-header .wd-header-mobile-nav .wd-tools-icon {
    position: relative !important;

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    background-clip: border-box !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;

    border-radius: 9999px !important;

    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Tres líneas negras */
.whb-header .wd-header-mobile-nav .wd-tools-icon::before {
    content: "" !important;
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 18px !important;
    height: 2px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #111111 !important;
    background-color: #111111 !important;

    border: 0 !important;
    border-radius: 999px !important;

    transform: translate(-50%, -50%) !important;

    box-shadow:
        0 -5px 0 #111111,
        0  5px 0 #111111 !important;
}

/* No permite un segundo dibujo sobre el icono */
.whb-header .wd-header-mobile-nav .wd-tools-icon::after {
    content: none !important;
    display: none !important;
}

/* El icono se mantiene exactamente igual en hover/focus */
.whb-header .wd-header-mobile-nav:hover .wd-tools-icon,
.whb-header .wd-header-mobile-nav > a:hover .wd-tools-icon,
.whb-header .wd-header-mobile-nav > a:focus .wd-tools-icon,
.whb-header .wd-header-mobile-nav > a:focus-visible .wd-tools-icon {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;

    border-radius: 9999px !important;

    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Líneas siempre negras */
.whb-header .wd-header-mobile-nav:hover .wd-tools-icon::before,
.whb-header .wd-header-mobile-nav > a:hover .wd-tools-icon::before,
.whb-header .wd-header-mobile-nav > a:focus .wd-tools-icon::before,
.whb-header .wd-header-mobile-nav > a:focus-visible .wd-tools-icon::before {
    background: #111111 !important;
    background-color: #111111 !important;

    box-shadow:
        0 -5px 0 #111111,
        0  5px 0 #111111 !important;
}

/* Texto Menú */
.whb-header .wd-header-mobile-nav .wd-tools-text {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    transition: color 0.20s ease !important;
}

/* Solo el texto Menú cambia a amarillo */
.whb-header .wd-header-mobile-nav:hover .wd-tools-text,
.whb-header .wd-header-mobile-nav > a:hover .wd-tools-text {
    color: #F4C400 !important;
}

/* Alineación */
.whb-header .wd-header-mobile-nav > a,
.whb-header .wd-header-mobile-nav .wd-tools-inner {
    display: flex !important;
    align-items: center !important;
}

/* ______________________________________________________*/

/* SUBCATEGORÍAS - ESTADO NORMAL */
.wd-dropdown-menu .sub-sub-menu li a,
.wd-dropdown-menu .wd-sub-menu li ul li a {
    color: #2B2B2B; /* Negro suave: más legible y profesional */
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    transition: color 0.25s ease, background-color 0.25s ease, padding-left 0.25s ease !important;
}

/* HOVER - MANTIENE EL COLOR DEL TEMA */
.wd-dropdown-menu .sub-sub-menu li a:hover,
.wd-dropdown-menu .wd-sub-menu li ul li a:hover {
    color: var(--sub-menu-color-hover) !important;
}


/* ______________________________________________________*/

/* Jormart - Botón default amarillo con hover verde */
.btn.btn-default {
    --btn-default-color: #000000;
    --btn-default-color-hover: #FFFFFF;
    --btn-default-bgcolor: #F4C400;
    --btn-default-bgcolor-hover: #3B9326;
    --btn-default-brd-color: #F4C400;
    --btn-default-brd-color-hover: #3B9326;

    color: #000000 !important;
    background-color: #F4C400 !important;
    border-color: #F4C400 !important;
}

/* Jormart - Hover del botón default */
.btn.btn-default:hover {
    color: #FFFFFF !important;
    background-color: #3B9326 !important;
    border-color: #3B9326 !important;
}

/* ______________________________________________________*/

/* Jormart - Botón Crear cuenta */
.create-account-question .btn {
    color: #000 !important;
    background-color: #F4C400 !important;
    border: 2px solid #F4C400 !important;
    border-radius: 999px !important;
    padding: 8px 22px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

/* Hover */
.create-account-question .btn:hover {
    color: #fff !important;
    background-color: #3B9326 !important;
    border-color: #3B9326 !important;
}


.wd-tools-element:is([class*=wd-design-6],[class*=wd-design-7],.wd-design-8) .wd-tools-count {
    position: absolute;
    top: -3px;
    inset-inline-end: -7px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .17);
    color: rgb(0 0 0);
    font-size: 11px;
}


/* ==========================================================
   JORMART - CSS GLOBAL PERSONALIZADO
   CARRITO WOOCOMMERCE BLOCKS + MEGA MENÚ DESKTOP
   VERSIÓN ACTUALIZADA
========================================================== */

/* ----------------------------------------------------------
   1. FUENTE GENERAL DEL CARRITO
---------------------------------------------------------- */

body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-woocommerce-cart *,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-cart * {
    font-family: "Roboto", Arial, sans-serif !important;
}


/* ----------------------------------------------------------
   2. NOMBRE DEL PRODUCTO
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-items
a.wc-block-components-product-name {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #1F1F1F !important;
    text-decoration: none !important;
}

body.woocommerce-cart
.wc-block-cart-items
a.wc-block-components-product-name:hover {
    color: #3B9326 !important;
}


/* ----------------------------------------------------------
   3. PRECIO DEBAJO DEL NOMBRE
   Rojo más suave para no competir con el total final
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-items
.wc-block-components-product-price {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: #D9414F !important;
}

body.woocommerce-cart
.wc-block-cart-items
.wc-block-components-product-price
.wc-block-components-formatted-money-amount {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #D9414F !important;
}


/* ----------------------------------------------------------
   4. DESCRIPCIÓN DEL PRODUCTO
   Más liviana, limpia y secundaria
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-items
.wc-block-components-product-metadata,
body.woocommerce-cart
.wc-block-cart-items
.wc-block-components-product-metadata p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #737373 !important;
}

body.woocommerce-cart
.wc-block-cart-items
.wc-block-components-product-metadata {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
}


/* ----------------------------------------------------------
   5. INFORMACIÓN GENERAL DEL PRODUCTO
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-item__product {
    font-family: "Roboto", Arial, sans-serif !important;
}


/* ----------------------------------------------------------
   6. TOTAL DE CADA PRODUCTO
   Negro para no competir con el total principal
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-item__total
.wc-block-components-formatted-money-amount {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #222222 !important;
}


/* ----------------------------------------------------------
   7. ENCABEZADOS DE COLUMNAS
   PRODUCTO / TOTAL
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-items th,
body.woocommerce-cart
.wc-block-cart-items__header-image,
body.woocommerce-cart
.wc-block-cart-items__header-total {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
}


/* ----------------------------------------------------------
   8. TÍTULO TOTAL DEL CARRITO
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart__totals-title {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
}


/* ----------------------------------------------------------
   9. TEXTO ¿TIENES UN CUPÓN?
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-components-totals-coupon
.wc-block-components-panel__button {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: #444444 !important;
}

body.woocommerce-cart
.wc-block-components-totals-coupon
.wc-block-components-panel__button:hover {
    color: #3B9326 !important;
}


/* ----------------------------------------------------------
   10. ESTIMADO TOTAL - ETIQUETA
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #111111 !important;
}


/* ----------------------------------------------------------
   11. ESTIMADO TOTAL - VALOR
   Rojo principal Jormart
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #E62A38 !important;
}

body.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-formatted-money-amount {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #E62A38 !important;
}


/* ----------------------------------------------------------
   12. TEXTO DE IMPUESTOS
---------------------------------------------------------- */

body.woocommerce-cart
p.wc-block-components-totals-footer-item-tax,
body.woocommerce-cart
.wc-block-components-totals-footer-item-tax {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
}

body.woocommerce-cart
.wc-block-components-totals-footer-item-tax
.wc-block-components-formatted-money-amount {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
}


/* ----------------------------------------------------------
   13. SELECTOR DE CANTIDAD
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-components-quantity-selector {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 14px !important;
}

body.woocommerce-cart
.wc-block-components-quantity-selector input,
body.woocommerce-cart
.wc-block-components-quantity-selector button {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}


/* ----------------------------------------------------------
   14. BOTÓN ELIMINAR
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-item__remove-link {
    color: #333333 !important;
    opacity: 0.85 !important;
}

body.woocommerce-cart
.wc-block-cart-item__remove-link:hover {
    color: #E62A38 !important;
    opacity: 1 !important;
}


/* ----------------------------------------------------------
   15. BOTÓN FINALIZAR COMPRA
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart__submit-button {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    background-color: #E62A38 !important;
    border-radius: 999px !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.2s ease !important;
}

body.woocommerce-cart
.wc-block-cart__submit-button:hover {
    background-color: #3B9326 !important;
    color: #FFFFFF !important;
}


/* ----------------------------------------------------------
   16. PASOS SUPERIORES
   CARRITO → FINALIZAR COMPRA → PEDIDO CONFIRMADO
---------------------------------------------------------- */

body.woocommerce-cart
.wd-checkout-steps,
body.woocommerce-cart
.wd-checkout-steps * {
    font-family: "Roboto", Arial, sans-serif !important;
}


/* PASO ACTIVO */
body.woocommerce-cart
.wd-checkout-steps .step-active,
body.woocommerce-cart
.wd-checkout-steps .wd-active {
    font-weight: 600 !important;
}


/* TODOS LOS TEXTOS DE LOS PASOS */
body.woocommerce-cart
.wd-checkout-steps a,
body.woocommerce-cart
.wd-checkout-steps span {
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}


/* ----------------------------------------------------------
   17. ESPACIADO DEL PRODUCTO
---------------------------------------------------------- */

body.woocommerce-cart
.wc-block-cart-items
.wc-block-cart-item__product {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}


/* ==========================================================
   B. MEGA MENÚ DESKTOP
========================================================== */

@media (min-width: 1025px) {

    /* ------------------------------------------------------
       1. FUENTE GENERAL DEL MEGA MENÚ
    ------------------------------------------------------ */

    .wd-nav-main .wd-dropdown-menu,
    .wd-nav-main .wd-dropdown-menu *,
    .wd-dropdown-menu,
    .wd-dropdown-menu * {
        font-family: "Roboto", Arial, sans-serif !important;
    }


    /* ------------------------------------------------------
       2. TÍTULOS PRINCIPALES DE COLUMNAS
       Computers / Gaming / Phones
    ------------------------------------------------------ */

    .wd-dropdown-menu .wd-sub-menu > li > a,
    .wd-dropdown-menu .menu-item-has-children > a {
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        color: #E62A38 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }


    /* ------------------------------------------------------
       3. SUBCATEGORÍAS
       Más livianas para crear jerarquía real
    ------------------------------------------------------ */

    .wd-dropdown-menu .wd-sub-menu li ul li > a,
    .wd-dropdown-menu .sub-sub-menu li > a {
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        color: #3A3A3A !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;

        transition:
            color 0.2s ease,
            padding-left 0.2s ease !important;
    }


    /* ------------------------------------------------------
       4. HOVER SUBCATEGORÍAS
    ------------------------------------------------------ */

    .wd-dropdown-menu .wd-sub-menu li ul li > a:hover,
    .wd-dropdown-menu .sub-sub-menu li > a:hover {
        color: #3B9326 !important;
        padding-left: 3px !important;
    }


    /* ------------------------------------------------------
       5. HOVER TÍTULOS PRINCIPALES
    ------------------------------------------------------ */

    .wd-dropdown-menu .wd-sub-menu > li > a:hover,
    .wd-dropdown-menu .menu-item-has-children > a:hover {
        color: #3B9326 !important;
    }


    /* ------------------------------------------------------
       6. TÍTULOS HTML INTERNOS DEL MEGA MENÚ
       More Ways to Shop, etc.
    ------------------------------------------------------ */

    .wd-dropdown-menu h1,
    .wd-dropdown-menu h2,
    .wd-dropdown-menu h3,
    .wd-dropdown-menu h4,
    .wd-dropdown-menu h5,
    .wd-dropdown-menu h6,
    .wd-dropdown-menu .title {
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        color: #424242 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }


    /* ------------------------------------------------------
       7. ENLACES GENERALES DEL MEGA MENÚ
    ------------------------------------------------------ */

    .wd-dropdown-menu a {
        font-family: "Roboto", Arial, sans-serif !important;
    }


    /* ------------------------------------------------------
       8. ENLACES SECUNDARIOS INFERIORES
       Top Selling / Our Recommends
    ------------------------------------------------------ */

    .wd-dropdown-menu
    .wd-sub-menu
    li:not(.menu-item-has-children)
    > a {
        letter-spacing: 0 !important;
    }

}




/* ==========================================================
   JORMART - INICIA SESIÓN MÓVIL
   SOLO TEXTO SUBRAYADO, SIN BORDE Y TAMAÑO ADAPTABLE
   No modifica columnas, logo, teléfono ni diseño del carrito
========================================================== */

@media (max-width: 1024px) {

    /* La cuenta puede reducirse sin empujar ni ocultar el carrito */
    .whb-header .wd-header-my-account {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    /* Elimina únicamente el borde y fondo de Inicia Sesión */
    .whb-header .wd-header-my-account > a,
    .whb-header .wd-header-my-account .wd-tools-inner {
        width: auto !important;
        min-width: 0 !important;
        padding-inline: clamp(2px, 1vw, 6px) !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    /* Oculta el icono de cuenta superior y conserva solo el texto */
    .whb-header .wd-header-my-account .wd-tools-icon {
        display: none !important;
    }

    /* Inicia Sesión: blanco, negrita, subrayado y adaptable */
    .whb-header .wd-header-my-account .wd-tools-text {
        display: block !important;
        color: #FFFFFF !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: clamp(11px, 3.2vw, 14px) !important;
        line-height: 17px !important;
        font-weight: 700 !important;
        text-decoration-line: underline !important;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 2px !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    /* El carrito conserva su espacio y su diseño actual */
    .whb-header .wd-header-cart {
        flex-shrink: 0 !important;
    }
}

/* ==========================================================
   C. AJUSTES MÓVILES DEL CARRITO
========================================================== */

@media (max-width: 767px) {

    /* Nombre del producto */
    body.woocommerce-cart
    .wc-block-cart-items
    a.wc-block-components-product-name {
        font-size: 14px !important;
    }


    /* Precio secundario */
    body.woocommerce-cart
    .wc-block-cart-items
    .wc-block-components-product-price,
    body.woocommerce-cart
    .wc-block-cart-items
    .wc-block-components-product-price
    .wc-block-components-formatted-money-amount {
        font-size: 13px !important;
    }


    /* Descripción */
    body.woocommerce-cart
    .wc-block-cart-items
    .wc-block-components-product-metadata,
    body.woocommerce-cart
    .wc-block-cart-items
    .wc-block-components-product-metadata p {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        color: #737373 !important;
    }


    /* Total por producto */
    body.woocommerce-cart
    .wc-block-cart-item__total
    .wc-block-components-formatted-money-amount {
        font-size: 13px !important;
    }


    /* Cupón */
    body.woocommerce-cart
    .wc-block-components-totals-coupon
    .wc-block-components-panel__button {
        font-size: 12.5px !important;
    }


    /* Total principal */
    body.woocommerce-cart
    .wc-block-components-totals-footer-item
    .wc-block-components-totals-item__label,
    body.woocommerce-cart
    .wc-block-components-totals-footer-item
    .wc-block-components-totals-item__value,
    body.woocommerce-cart
    .wc-block-components-totals-footer-item
    .wc-block-components-formatted-money-amount {
        font-size: 17px !important;
    }


    /* Impuestos */
    body.woocommerce-cart
    p.wc-block-components-totals-footer-item-tax,
    body.woocommerce-cart
    .wc-block-components-totals-footer-item-tax {
        font-size: 11.5px !important;
    }


    /* Botón finalizar compra */
    body.woocommerce-cart
    .wc-block-cart__submit-button {
        font-size: 14px !important;
    }

}

/* ==========================================================
   JORMART — RESTAURAR COLORES ORIGINALES DEL BUSCADOR
   Normal: amarillo #F4C400 / icono negro
   Hover:  verde #3B9326 / icono blanco
   Este bloque se deja al final para prevalecer sobre WoodMart.
========================================================== */

/* Estado normal */
.whb-header .searchform .searchsubmit,
.whb-header .wd-search-form .searchsubmit,
.whb-header form[role="search"] .searchsubmit,
.whb-header .wd-header-search-form .searchsubmit,
.searchform[class*="wd-style-with-bg"] .searchsubmit {
    --btn-color: #000000 !important;
    --btn-bgcolor: #F4C400 !important;
    --btn-brd-color: #F4C400 !important;

    background: #F4C400 !important;
    background-color: #F4C400 !important;
    border-color: #F4C400 !important;
    color: #000000 !important;
}

/* Icono de lupa en estado normal */
.whb-header .searchform .searchsubmit::before,
.whb-header .wd-search-form .searchsubmit::before,
.whb-header .searchform .searchsubmit svg,
.whb-header .wd-search-form .searchsubmit svg,
.whb-header .searchform .searchsubmit i,
.whb-header .wd-search-form .searchsubmit i {
    color: #000000 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Hover y foco */
.whb-header .searchform .searchsubmit:hover,
.whb-header .searchform .searchsubmit:focus,
.whb-header .wd-search-form .searchsubmit:hover,
.whb-header .wd-search-form .searchsubmit:focus,
.whb-header form[role="search"] .searchsubmit:hover,
.whb-header form[role="search"] .searchsubmit:focus,
.whb-header .wd-header-search-form .searchsubmit:hover,
.whb-header .wd-header-search-form .searchsubmit:focus,
.searchform[class*="wd-style-with-bg"] .searchsubmit:is(:hover, :focus) {
    --btn-color: #FFFFFF !important;
    --btn-bgcolor: #3B9326 !important;
    --btn-brd-color: #3B9326 !important;

    background: #3B9326 !important;
    background-color: #3B9326 !important;
    border-color: #3B9326 !important;
    color: #FFFFFF !important;
}

/* Icono de lupa en hover/foco */
.whb-header .searchform .searchsubmit:hover::before,
.whb-header .searchform .searchsubmit:focus::before,
.whb-header .wd-search-form .searchsubmit:hover::before,
.whb-header .wd-search-form .searchsubmit:focus::before,
.whb-header .searchform .searchsubmit:hover svg,
.whb-header .searchform .searchsubmit:focus svg,
.whb-header .wd-search-form .searchsubmit:hover svg,
.whb-header .wd-search-form .searchsubmit:focus svg,
.whb-header .searchform .searchsubmit:hover i,
.whb-header .searchform .searchsubmit:focus i,
.whb-header .wd-search-form .searchsubmit:hover i,
.whb-header .wd-search-form .searchsubmit:focus i {
    color: #FFFFFF !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* ==========================================================
   JORMART — BLOQUE FINAL DE PRIORIDAD DEL ICONO HAMBURGUESA
   Debe permanecer al final del Global CSS.
========================================================== */
html body .whb-header .wd-header-mobile-nav > a,
html body .whb-header .wd-header-mobile-nav .wd-tools-inner {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body .whb-header .wd-header-mobile-nav > a::before,
html body .whb-header .wd-header-mobile-nav > a::after,
html body .whb-header .wd-header-mobile-nav .wd-tools-inner::before,
html body .whb-header .wd-header-mobile-nav .wd-tools-inner::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body .whb-header .wd-header-mobile-nav .wd-tools-icon,
html body .whb-header .wd-header-mobile-nav:hover .wd-tools-icon,
html body .whb-header .wd-header-mobile-nav > a:hover .wd-tools-icon,
html body .whb-header .wd-header-mobile-nav > a:focus .wd-tools-icon,
html body .whb-header .wd-header-mobile-nav > a:focus-visible .wd-tools-icon {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;

    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;

    border-radius: 9999px !important;

    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* ==========================================================
   JORMART — MOSTRAR TEXTO "MENÚ" JUNTO AL ICONO
   Mantiene el icono blanco sin aro y el texto visible.
========================================================== */
html body .whb-header .wd-header-mobile-nav .wd-tools-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;

    margin-left: 8px !important;
    padding: 0 !important;

    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;

    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Hover: solo el texto Menú cambia a amarillo */
html body .whb-header .wd-header-mobile-nav:hover .wd-tools-text,
html body .whb-header .wd-header-mobile-nav > a:hover .wd-tools-text {
    color: #F4C400 !important;
}

/* Garantiza espacio para icono + texto */
html body .whb-header .wd-header-mobile-nav,
html body .whb-header .wd-header-mobile-nav > a,
html body .whb-header .wd-header-mobile-nav .wd-tools-inner {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

/* ==========================================================
   JORMART — TEXTO MENÚ FORZADO
   WoodMart no está mostrando el texto nativo del elemento.
   Se crea visualmente "Menú" desde el enlace del botón.
========================================================== */

/* Evita duplicados si WoodMart llega a mostrar su texto nativo */
html body .whb-header .wd-header-mobile-nav .wd-tools-text {
    display: none !important;
}

/* Icono + texto en la misma línea */
html body .whb-header .wd-header-mobile-nav > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: auto !important;
    max-width: none !important;
    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Crea el texto visible "Menú" */
html body .whb-header .wd-header-mobile-nav > a::after {
    content: "Menú" !important;
    display: inline-block !important;
    position: static !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #FFFFFF !important;
    font-family: var(--jormart-font, "Roboto", Arial, sans-serif) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition: color 0.20s ease !important;
}

/* Hover: Menú pasa de blanco a amarillo */
html body .whb-header .wd-header-mobile-nav > a:hover::after {
    color: #F4C400 !important;
}

/* Mantiene el icono tal como quedó aprobado */
html body .whb-header .wd-header-mobile-nav .wd-tools-icon,
html body .whb-header .wd-header-mobile-nav:hover .wd-tools-icon,
html body .whb-header .wd-header-mobile-nav > a:hover .wd-tools-icon {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 9999px !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
}

/* ==========================================================
   JORMART — FLECHA ÚNICA EN "DE VUELTA A CATEGORÍAS"
   Conserva solo la flecha junto al texto y elimina la flecha duplicada.
========================================================== */

/* Elimina cualquier flecha/opener extra del item de regreso */
.mobile-nav .wd-drilldown-back > .wd-nav-opener,
.mobile-nav li.wd-drilldown-back > .wd-nav-opener,
.mobile-nav .wd-drilldown-back .wd-nav-opener {
    display: none !important;
}

/* Elimina pseudo-flechas heredadas del <li> */
.mobile-nav .wd-drilldown-back::before,
.mobile-nav .wd-drilldown-back::after,
.mobile-nav li.wd-drilldown-back::before,
.mobile-nav li.wd-drilldown-back::after {
    content: none !important;
    display: none !important;
}

/* La única flecha válida es la dibujada en el enlace */
.mobile-nav .wd-drilldown-back > a::before,
.mobile-nav li.wd-drilldown-back > a::before {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 20px !important;

    width: 8px !important;
    height: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 1.6px solid #555555 !important;
    border-bottom: 1.6px solid #555555 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: translateY(-50%) rotate(45deg) !important;
}

/* ==========================================================
   JORMART — PRIORIDAD FINAL CABECERA MENÚ LATERAL
========================================================== */
html body .mobile-nav {
    border-top: 0 !important;
}

html body .mobile-nav::before {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #111111 !important;

    border-top: 6px solid #F4C400 !important;
    border-bottom: 1px solid #E8E8E8 !important;

    box-shadow: none !important;
}

html body .mobile-nav .wd-heading {
    background: transparent !important;
    box-shadow: none !important;
}

html body .mobile-nav .close-side-widget > a,
html body .mobile-nav .wd-heading .close-side-widget > a {
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
}

/* ==========================================================
   JORMART — PRIORIDAD FINAL REFINO CABECERA Y BACK
========================================================== */
html body .mobile-nav::before {
  border-top: 6px solid #F4C400 !important;
}

html body .mobile-nav .wd-drilldown-back,
html body .mobile-nav li.wd-drilldown-back,
html body .mobile-nav .wd-drilldown-back > a,
html body .mobile-nav li.wd-drilldown-back > a {
  box-shadow: none !important;
}

html body .mobile-nav .wd-drilldown-back > .wd-nav-opener,
html body .mobile-nav li.wd-drilldown-back > .wd-nav-opener,
html body .mobile-nav .wd-drilldown-back .wd-nav-opener {
  display: none !important;
}

@media (min-width: 1025px) {
	/* ==================================================
   JORMART — HAMBURGUESA + TEXTO MENÚ
   ================================================== */

.wd-header-mobile-nav > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px;
  color: #fff !important;
  text-decoration: none !important;
}

/* Oculta el texto automático de WoodMart */
.wd-header-mobile-nav .wd-tools-text {
  display: none !important;
}

/* Añade Menú dentro del mismo botón */
.wd-header-mobile-nav > a::after {
  content: "Menú";
  color: #fff !important;
  font-family: var(--jormart-font) !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: color 0.2s ease;
}

/* Hover amarillo del texto Menú */
.wd-header-mobile-nav > a:hover::after {
  color: var(--jormart-yellow) !important;
}

/* _________________________________________*/

/* CookieAdmin compacto SOLO ESCRITORIO - Jormart */
@media (min-width: 1025px) {

    .cookieadmin_law_container.cookieadmin_footer {
        width: 980px !important;
        max-width: calc(100% - 90px) !important;
        left: 50% !important;
        right: auto !important;
        bottom: 14px !important;
        transform: translateX(-50%) !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Caja principal */
    .cookieadmin_law_container.cookieadmin_footer > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        column-gap: 10px !important;
        row-gap: 2px !important;
        padding: 10px 18px !important;
        border-radius: 14px !important;
        background: #fff !important;
        border: 1px solid rgba(244, 196, 0, .55) !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .10) !important;
        overflow: hidden !important;
    }

    /* Título */
    .cookieadmin_law_container.cookieadmin_footer > div > :first-child {
        grid-column: 1 !important;
        grid-row: 1 !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        white-space: normal !important;
        max-width: 100% !important;
    }

    /* Texto */
    .cookieadmin_law_container.cookieadmin_footer > div > :nth-child(2) {
        grid-column: 1 !important;
        grid-row: 2 !important;
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        white-space: normal !important;
        max-width: 100% !important;
    }

    /* Texto interno */
    .cookieadmin_law_container.cookieadmin_footer :is(p, span, strong, b) {
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    /* Botones */
    .cookieadmin_law_container.cookieadmin_footer :is(button, a, input[type="button"], input[type="submit"]) {
        grid-row: 1 / span 2 !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 12px !important;
        border-radius: 7px !important;
        white-space: nowrap !important;
    }
}
}

@media (max-width: 576px) {
	/* CookieAdmin móvil compacto estilo Falabella */
@media (max-width: 768px) {

    .cookieadmin_law_container.cookieadmin_footer,
    .cookieadmin_law_container.cookieadmin_bottom.cookieadmin_footer {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 999999 !important;
    }

    /* Caja principal */
    .cookieadmin_law_container.cookieadmin_footer > div {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px 8px !important;
        padding: 10px 14px !important;
        background: #eef1f4 !important;
        border: none !important;
        border-top: 1px solid rgba(0,0,0,.08) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Ocultar título extra */
    .cookieadmin_law_container.cookieadmin_footer > div > :first-child {
        display: none !important;
    }

    /* Texto */
    .cookieadmin_law_container.cookieadmin_footer :is(p, span, strong, b) {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .cookieadmin_law_container.cookieadmin_footer p {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
}

.cookieadmin_law_container.cookieadmin_footer p {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
}
    /* Botones: más pequeños, sin cambiar colores */
    .cookieadmin_law_container.cookieadmin_footer :is(button, a, input[type="button"], input[type="submit"]) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: unset !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 14px !important;
        margin: 0 0 0 6px !important;
        font-size: 12.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        border-radius: 999px !important;
    }
}

/* MENÚ MÓVIL JORMART: APERTURA MÁS SUAVE */
@media (max-width: 1024px) {
    .mobile-nav {
        transition-duration: 0.50s !important;
        transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    }
}
}