:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(72,72,72);
	--wd-text-font-size: 16px;
	--wd-title-font: "Syne", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Syne", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Syne", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 800;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(28,28,28);
	--wd-alternative-color: rgb(252,169,53);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(28,28,28);
	--btn-accented-bgcolor-hover: rgb(51,51,51);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--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: rgb(248,248,248);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, 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 {
	text-transform: capitalize;
}
html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a {
	font-size: 16px;
	text-transform: capitalize;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,248,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,248,248);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,248,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,248,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,248,248);
	background-image: none;
}
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-brd-color: rgb(51,51,51);
	--wd-form-brd-color-focus: rgb(51,51,51);
}
.wd .product-label.onsale {
	background-color: rgb(255,170,0);
	color: rgb(0,0,0);
}
.wd .product-label.new {
	background-color: rgb(255,170,0);
	color: rgb(0,0,0);
}
.wd .product-label.out-of-stock {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 750px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-height: 563px;
}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

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


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

/* ============================================
   TARJETAS DE PRODUCTO
   ============================================ */
.archive.woocommerce .product-grid-item,
.wd-product.product {
  background-color: #ffffff !important;
  padding: 15px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* ============================================
   TÍTULO "CATEGORÍAS" (widget Heading de Elementor)
   ============================================ */
.sidebar-title {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #FFC107;
}

/* ============================================
   BARRA DE BÚSQUEDA (widget Search/Product Search)
   ============================================ */
.sidebar-search {
  margin-bottom: 20px;
}

.sidebar-search input[type="search"],
.sidebar-search input[type="text"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color .2s ease;
}

.sidebar-search input[type="search"]:focus,
.sidebar-search input[type="text"]:focus {
  outline: none;
  border-color: #FFC107;
}

.sidebar-search button,
.sidebar-search .search-submit {
  background: #001a78;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease;
}

.sidebar-search button:hover,
.sidebar-search .search-submit:hover {
  background: #FFC107;
  color: #001a78;
}

/* ============================================
   LISTA PRINCIPAL DE CATEGORÍAS (layout base)
   ============================================ */
.wd-nav-product-cat {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

.wd-nav-product-cat > li {
  width: 100% !important;
  flex: 0 0 100% !important;
}

/* ============================================
   CATEGORÍAS PRINCIPALES (estilo + espaciado)
   ============================================ */
.wd-nav-product-cat > li {
  border-bottom: 1px solid #FFC107;
  padding: 0; /* el espaciado real lo da el <a> de abajo, no el <li> */
}

.wd-nav-product-cat > li > a.category-nav-link {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  transition: color .2s ease, padding-left .2s ease;
}

.wd-nav-product-cat > li > a.category-nav-link:hover {
  color: #f5851f;
  padding-left: 6px;
}

/* Categoría activa (la que se está viendo) */
.wd-nav-product-cat li.current-cat > a {
  color: #f5851f;
  font-weight: 700;
}

/* ============================================
   CONTADOR DE PRODUCTOS
   (nota: actualmente desactivado desde Elementor;
   este bloque queda inofensivo pero sin efecto visible.
   Se puede borrar si el contador sigue oculto)
   ============================================ */
.wd-nav-product-cat .nav-link-summary {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}

.wd-nav-product-cat .nav-link-count {
  float: none !important;
  margin-left: auto;
  background: #f2f2f2;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 11px;
  color: #777;
  white-space: nowrap;
}

/* ============================================
   ACORDEÓN: comportamiento de despliegue + flecha
   ============================================ */
.wd-nav-product-cat .children {
  display: none;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  box-shadow: none !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: transparent !important;
  border: none !important;
  padding: 12px 16px;
  margin: 8px 0 16px 12px !important;
}

.wd-nav-product-cat li:hover > .children {
  display: none !important;
}

.wd-nav-product-cat li.wd-open > .children {
  display: block !important;
}

.wd-nav-product-cat li.menu-item-has-children > a.category-nav-link {
  position: relative;
  padding-right: 24px;
}

.wd-nav-product-cat li.menu-item-has-children > a.category-nav-link::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .2s ease;
  font-size: 20px !important;
  color: #FFC107 !important;
}

.wd-nav-product-cat li.menu-item-has-children.wd-open > a.category-nav-link::after {
  transform: translateY(-50%) rotate(180deg);
}

/* ============================================
   SUBCATEGORÍAS (dentro del acordeón)
   ============================================ */
.wd-nav-product-cat .children li {
  padding: 6px 0;
}

.wd-nav-product-cat .children li a {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding-left: 16px;
  display: inline-block;
  transition: color .2s ease, padding-left .2s ease;
}

.wd-nav-product-cat .children li a:hover {
  color: #f5851f;
  padding-left: 20px;
}

.wd-nav-product-cat .children li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FFC107;
}

.wd-nav-product-cat > li {
  margin-bottom: 5px !important;
}@media (max-width: 576px) {
	/* ============================================
   SIDEBAR CATEGORÍAS → PANEL OFF-CANVAS (solo mobile)
   ============================================ */
.elementor-element-13afa58 {
  position: fixed;
  top: 0;
  left: -90%; /* debe coincidir con width de abajo, en negativo */
  width: 90%;
  max-width: 360px;
  height: 100vh;
  background: #fff;
  z-index: 9999;
  overflow-y: auto;
  padding: 20px;
  transition: left 0.3s ease;
  box-shadow: 2px 0 10px rgba(0,0,0,0.2);
}

.elementor-element-13afa58.wd-sidebar-active {
  left: 0 !important;
}

/* ============================================
   BOTÓN "CATEGORÍAS" + OVERLAY OSCURO (solo mobile)
   ============================================ */
#wd-categories-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FFC107;
  color: #000;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
	width: 100%;
  box-sizing: border-box;
}

.wd-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}

.wd-sidebar-overlay.active {
  display: block;
}

/* ============================================
   OCULTAR BOTÓN NATIVO DE WOODMART (opener duplicado)
   ============================================ */
.wd-nav-opener {
  display: none !important;
}

/* ============================================
   ESPACIADO REDUCIDO ENTRE CATEGORÍAS (solo mobile)
   El espacio real lo controla la variable --nav-gap
   de WoodMart (usada en el gap del flexbox), no el
   margin-bottom. Se sobreescribe aquí con 5px.
   ============================================ */
.wd-nav-product-cat.wd-gap-l {
  --nav-gap: 5px !important;
  --nav-gap-v: 5px !important;
}

.elementor-element-fa6f95c {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
}