:root {
	--wd-cat-brd-radius: 100%;
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Jost", 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: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(109,109,109);
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: #212121;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(33,33,33);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(45,73,37);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(94,94,94);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.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-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: #ffffff;
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 500;
	font-size: 40px;
	line-height: 45px;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-weight: 400;
	font-size: 17px;
	color: rgb(34,34,34);
}
html .cart-actions .button[name="apply_coupon"] {
	color: rgb(0,0,0);
	background: rgb(255,255,255);
}
html .cart-actions .button[name="apply_coupon"]:hover {
	color: rgb(255,255,255);
	background: rgb(33,33,33);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(162,167,127);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1350px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: rgb(242,242,242);
}

/* Eliminar bordes de los enlaces e ítems del menú móvil */
.mobile-nav ul li,
.mobile-nav ul li a,
.wd-nav-mobile li,
.wd-nav-mobile li a,
.wd-nav-mobile .wd-sub-menu-opener {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

/* Quitar el borde divisor del botón desplegable (flecha) */
.wd-nav-mobile .wd-sub-menu-opener,
.mobile-nav .wd-sub-menu-opener {
  border-left: none !important;
}

/* Eliminar pseudoelementos o líneas decorativas */
.wd-nav-mobile li::after,
.wd-nav-mobile li::before,
.wd-nav-mobile li a::after,
.wd-nav-mobile li a::before {
  display: none !important;
  content: none !important;
	}
/* Quitar borde y caja alrededor del contenedor de las flechas */
.mobile-nav .wd-sub-menu-opener,
.wd-nav-mobile .wd-sub-menu-opener,
.mobile-nav .opener-page,
.wd-nav-mobile .opener-page {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Forzar que las flechas queden alineadas limpiamente sin marco */
.mobile-nav .wd-sub-menu-opener::before,
.wd-nav-mobile .wd-sub-menu-opener::before,
.mobile-nav .wd-sub-menu-opener::after,
.wd-nav-mobile .wd-sub-menu-opener::after {
  border: none !important;
}
/* Ocultar el botón "Show sidebar" */
.wd-show-sidebar-btn,
.woodmart-show-sidebar-btn,
.shop-sidebar-opener,
.wd-sidebar-opener {
  display: none !important;
}

/* Ocultar el contenedor del sidebar en móvil/escritorio */
.sidebar-container,
.wd-sidebar,
.shop-content-area.col-lg-9 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
	/* Eliminar recuadros, bordes y fondos de las flechas (abiertas y cerradas) */
html body .wd-nav-mobile .wd-sub-menu-opener,
html body .mobile-nav .wd-sub-menu-opener,
html body .wd-nav-mobile .wd-sub-menu-opener.wd-active,
html body .mobile-nav .wd-sub-menu-opener.wd-active,
html body .wd-nav-mobile .opener-page,
html body .mobile-nav .opener-page {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
  background: transparent !important;
}

/* Quitar líneas del contenedor de la lista desplegada */
html body .wd-nav-mobile li,
html body .mobile-nav li,
html body .wd-nav-mobile .wd-sub-menu,
html body .mobile-nav .sub-menu {
  border: none !important;
  box-shadow: none !important;
}

/* Quitar cualquier borde antes/después del botón de la flecha */
html body .wd-sub-menu-opener::before,
html body .wd-sub-menu-opener::after {
  display: none !important;
  content: none !important;
}
	/*Quitar la flecha al costado del new*/
.wd-back-btn.wd-action-btn.wd-style-icon {
    display: none !important;
}
/* Quitar el fondo negro del botón de la flecha en el menú móvil */
.mobile-nav .wd-nav-opener {
  border-inline-start: none !important;
  border-bottom: none !important;
  background: transparent !important;
  background-color: transparent !important;

}
/* ==================================================
   MENÚ MÓVIL - SUBMENÚS + FLECHAS AUTOMÁTICAS
   ================================================== */

/* Elementos que contienen submenús */
.mobile-nav .wd-nav-mobile li.menu-item-has-children {
    position: relative !important;
}


/* ==================================================
   FLECHA SIEMPRE VISIBLE
   ================================================== */

/* Dejar espacio a la derecha para la flecha */
.mobile-nav .wd-nav-mobile li.menu-item-has-children > a {
    position: relative !important;
    padding-right: 45px !important;
}

/* Crear nuestra propia flecha > directamente en el enlace */
.mobile-nav .wd-nav-mobile li.menu-item-has-children > a::after {
    content: "›" !important;

    position: absolute !important;
    right: 14px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

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

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


/* ==================================================
   BOTÓN ORIGINAL DE WOODMART
   ================================================== */

/* Mantener el botón funcionando, pero transparente */
.mobile-nav .wd-nav-mobile li.menu-item-has-children > .wd-nav-opener {
    display: block !important;

    position: absolute !important;
    right: 0 !important;
    top: 0 !important;

    width: 44px !important;
    height: 40px !important;
    min-height: 40px !important;

    border: none !important;
    border-inline-start: none !important;
    border-bottom: none !important;

    background: transparent !important;
    background-color: transparent !important;

    z-index: 5 !important;
}

/* Ocultar únicamente los iconos originales de WoodMart */
.mobile-nav .wd-nav-mobile li.menu-item-has-children > .wd-nav-opener::before,
.mobile-nav .wd-nav-mobile li.menu-item-has-children > .wd-nav-opener::after {
    content: none !important;
    display: none !important;
}


/* ==================================================
   CUANDO EL SUBMENÚ ESTÁ ABIERTO
   ================================================== */

/* WoodMart usa opener-page en el elemento abierto */
.mobile-nav .wd-nav-mobile li.menu-item-has-children.opener-page > a::after {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* Compatibilidad por si WoodMart usa wd-active */
.mobile-nav .wd-nav-mobile li.menu-item-has-children:has(> .wd-nav-opener.wd-active) > a::after {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* Resaltar la categoría que está abierta */
.mobile-nav .wd-nav-mobile li.menu-item-has-children.opener-page > a,
.mobile-nav .wd-nav-mobile li.menu-item-has-children:has(> .wd-nav-opener.wd-active) > a {
    font-weight: 600 !important;
    background-color: #f5f5f5 !important;
}



/* ==================================================
   TAMAÑO DE LETRAS - NO MODIFICADO
   ================================================== */

/* Agrandar letra del menú móvil */
.mobile-nav .wd-nav-mobile a.woodmart-nav-link,
.mobile-nav .wd-nav-mobile .menu-item > a {
    font-size: 17px !important;
}

/* Agrandar letra de los submenús del menú móvil */
.mobile-nav .wd-sub-menu a.woodmart-nav-link,
.mobile-nav .sub-menu a.woodmart-nav-link {
    font-size: 16px !important;
}
/* ==================================================
   SOLO SANGRÍA AUTOMÁTICA DE SUBMENÚS
   NO TOCA LAS FLECHAS
   ================================================== */

/* Cada submenú entra 25px respecto a su padre */
.mobile-nav .wd-nav-mobile ul.wd-sub-menu,
.mobile-nav .wd-nav-mobile ul.sub-menu {
    padding-left: 25px !important;
    padding-inline-start: 32px !important;

    margin-left: 0 !important;
    margin-inline-start: 0 !important;

    width: 100% !important;
    box-sizing: border-box !important;
}

/* No agregar espacios extra a los elementos */
.mobile-nav .wd-nav-mobile ul.wd-sub-menu > li,
.mobile-nav .wd-nav-mobile ul.sub-menu > li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* SUBMENÚ DEL SUBMENÚ - reducir separación vertical */
.mobile-nav .wd-nav-mobile .sub-menu .sub-menu > li > a,
.mobile-nav .wd-nav-mobile .wd-sub-menu .wd-sub-menu > li > a,
.mobile-nav .wd-nav-mobile .sub-menu .wd-sub-menu > li > a,
.mobile-nav .wd-nav-mobile .wd-sub-menu .sub-menu > li > a {
    min-height: 26px !important;
    height: 26px !important;

    padding-top: 2px !important;
    padding-bottom: 2px !important;

    line-height: 20px !important;
    margin: 0 !important;
}

/* Quitar espacios adicionales entre esos elementos */
.mobile-nav .wd-nav-mobile .sub-menu .sub-menu > li,
.mobile-nav .wd-nav-mobile .wd-sub-menu .wd-sub-menu > li {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* ==================================================
   SANGRÍA AUTOMÁTICA DE SUBMENÚS
   Cada nivel entra más hacia la derecha
   ================================================== */

.mobile-nav .wd-nav-mobile ul ul {
    padding-left: 24px !important;
    padding-inline-start: 24px !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    box-sizing: border-box !important;
}
/* Agrandar letra de los submenús del menú móvil */
.wd-sub-menu li>a {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--sub-menu-color);
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
}
/* Título de página SOLO MÓVIL */

@media only screen and (max-width: 767px) {
    html body .wd-page-title .wd-title-wrapper .entry-title.title {
        font-size: 26px !important;
        line-height: 32px !important;
    }
}