@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//explosioncaps.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.4.3") format("woff2");
}

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 600;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 17px;
	--wd-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: uppercase;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Rajdhani", 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: "Satisfy", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rajdhani", 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: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(86,108,16);
	--wd-alternative-color: rgb(0,0,0);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(86,108,16);
	--btn-default-bgcolor: rgb(86,107,26);
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-accented-bgcolor: rgb(86,107,26);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://explosioncaps.com/wp-content/uploads/2021/08/bikes-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.header-banner {
	background-color: rgb(232,58,58);
	background-image: none;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://explosioncaps.com/wp-content/uploads/2024/05/wrapper-general-v2-min.jpg);
	background-size: cover;
	background-position: center top;
}
.footer-container {
	background-color: rgb(32,32,32);
	background-image: url(https://explosioncaps.com/wp-content/uploads/2026/01/pie-de-pagina.jpg);
	background-position: center center;
}
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(0,0,0);
	--wd-form-brd-color: rgb(0,0,0);
	--wd-form-brd-color-focus: rgb(86,107,26);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--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-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/*.sidebar-container { display:none; }*/

.joinchat { --sep: 10px !important; --bottom: 75px !important; }
.in-stock { display:none; }

.whb-header { margin-bottom: 0px !important; }
.widget_layered_nav ul .count { color: #000; }

.cat-item-21, .cat-item-72 { display:none; } 

.color-yellow u { color:#ddcd4d !important; }
.fiter-shadown { text-shadow: 0 0 25px rgba(0,0,0,.8), 0 0 25px rgba(0,0,0,.5); }

.text-shadonw { text-shadow: 0 0 20px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,1); }

.btn-general { min-width:200px; }
.btn-general-02 { min-width:150px; }

wc-order-attribution-inputs { display:none !important; }
.wd-swatch { width:40px !important; height:40px !important; border-radius:0px !important; }

.site-content {
  margin-bottom: 0px;
}

.wpcf7-form input[type="submit"] {min-width:200px; background-color:#566b1a; color:#fff; }
.wpcf7-form input[type="submit"]:hover { background-color:#000; }

.wd-products, body.woocommerce-cart .main-page-wrapper, body.woocommerce-checkout .main-page-wrapper { padding-bottom:60px; }
.div-max-form { max-width:550px; }

.woocommerce-MyAccount-navigation ul li a, .wd-sub-menu li > a { font-size:16px; }

[class*="wd-swatches"].wd-shape-round .wd-swatch { border-radius: 0em; }
body.archive .main-page-wrapper { padding-bottom:60px; }

.sub-sub-menu li a, .mega-menu-list li a { color:#000 !important; font-weight:600 !important; }
.mega-menu-list > li a { text-decoration:underline; }
.sub-sub-menu li a { text-decoration:none; }
.sub-sub-menu li a:hover, .mega-menu-list li a:hover { color:rgb(86,108,16) !important; text-decoration:none; }

/* SideBar */

.sidebar-container .widget { margin-bottom: 10px !important; padding-bottom: 0px !important; }

.sidebar-widget .widget-title { margin-bottom: 10px; cursor:pointer; position:relative; }
.sidebar-widget .widget-title::before { content:''; font-size: 12px; content: "\f113"; font-family: "woodmart-font"; position:absolute; top:20%; right:5px; z-index:1; }

.sidebar-widget .widget-title:hover { color:#000; }
.sidebar-widget ul {
    display: none;
	  margin-bottom:15px;
}
.widget_layered_nav ul li a, .widget_layered_nav ul li a .count { color:#111; }

/* Fin SideBar */

.wd-product-cats { display:none; }
.footer-container a:hover, .footer-container li:hover .list-content { text-decoration:underline !important; }

.section-empaques table td, .section-empaques table th { padding: 7px 12px; }

.grecaptcha-badge { opacity:0; }

#menu-plazos-de-entrega-de-decoracion, #menu-decoracion, #menu-colores-de-hilos { display:block !important; }
#menu-plazos-de-entrega-de-decoracion .sub-menu, #menu-decoracion .sub-menu, #menu-colores-de-hilos .sub-menu { display:block !important; }

#menu-plazos-de-entrega-de-decoracion a, #menu-decoracion a, #menu-colores-de-hilos a  { font-weight:500; }

.ul-pantones ul { padding:0px; margin:0px }
.ul-pantones ul li { float:left; list-style:none; width:16.5%; padding:5px 0.8% }
.ul-pantones ul li img { max-width:300px; width:100%; }


@media (min-width: 1025px){
	.title-size-large { padding: 130px 0 !important; 	}
	.page-title { margin-block: -0px 40px; }
}

@media (max-width: 1024px){
	.main-page-wrapper { padding-top: 80px; padding-bottom: 40px; }
	body.page-id-3471 .main-page-wrapper, body.page-id-5288 .main-page-wrapper { padding-top: 40px; padding-bottom: 0px; } 
	
	.ul-pantones ul li { float:left; list-style:none; width:16.5%; padding:5px 0.8% }
}

@media (max-width: 767px){
	.text-left, .text-left p, .text-left img { text-align:center !important; }
	.ul-pantones ul li { float:left; list-style:none; width:24.9%; padding:5px 0.8% }
}

@media (max-width: 480px){
	.ul-pantones ul li { float:left; list-style:none; width:33.32%; padding:5px 0.8% }
}


.modelo-general { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.modelo-general li { margin: 5px 7px; }
.modelo-general a { display: block; position: relative; width: 40px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; }

.modelo-general img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Tooltip (usa el <span> que ya tienes) */
.modelo-general a > span { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%);   background: #000; color: #fff; padding: 8px 10px; font-size: 12px; line-height: 1.2; max-width: 260px; width: max-content; border-radius: 2px; box-shadow: 0 2px 8px rgba(0,0,0,.25); white-space: normal; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s ease, transform .15s ease; z-index:99 }

/* Flechita del tooltip */
.modelo-general a > span::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #000; }

/* Mostrar tooltip al hover/focus */
.modelo-general a:hover > span,
.modelo-general a:focus-visible > span { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-2px); }

/* Estados opcionales: hover y activo (seleccionado) */
.modelo-general a:hover { border-color: #666; }
.modelo-general li.is-active > a {
  border-color: #000; /* swatch activo */
}
.modelo-general li.is-active > a::before { content: ""; position: absolute; left: 6px; right: 6px;
  bottom: -6px;        /* pequeña línea bajo el cuadro */
  height: 2px; background: #000;
}
/* Contenedor como referencia */
.woocommerce ul.products li.product,
.wd-products .product{
  position: relative;
}
/* ===== SINGLE PRODUCT: ¡NUEVO! / AGOTADO UNIFICADOS ===== */

/* Contenedor referencia */
.single-product .woocommerce-product-gallery{
  position: relative !important;
}

/* RESET del estilo rounded del tema */
.single-product .product-labels.labels-rounded .product-label{
  min-width: auto !important;
  min-height: auto !important;
  width: auto !important;
  height: auto !important;
  border-radius: 4px !important;
}

/* BASE EXACTA PARA AMBOS */
.single-product .wd-product-label,
.single-product .out-of-stock.product-label{
  position: absolute !important;
  top: 12px !important;

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

  padding: 7px 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;

  border: 2px solid #000 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* ¡NUEVO! — izquierda */
.single-product .wd-label-new{
  left: 12px !important;
  right: auto !important;
  background: #fff !important;
  color: #000 !important;
}

/* AGOTADO — derecha (INVERTIDO, MISMO RECTÁNGULO) */
.single-product .out-of-stock.product-label{
  right: 12px !important;
  left: auto !important;
  background: #000 !important;
  color: #fff !important;
}
.single-product .out-of-stock.product-label{
  border-radius: 4px !important;
}
/* ===============================
   BADGES GLOBAL: ¡NUEVO! / AGOTADO
   =============================== */

/* Todos los contenedores de producto */
.woocommerce ul.products li.product,
.wd-products .product,
.single-product .product-image-summary-inner{
  position: relative !important;
}

/* Base común */
.wd-product-label,
.product-label{
  position: absolute !important;
  top: 12px !important;
  z-index: 9999 !important;

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

  padding: 7px 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;

  border-radius: 4px !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
}

/* ¡NUEVO! — izquierda */
.wd-label-new{
  left: 12px !important;
  right: auto !important;
  background: #fff !important;
  color: #000 !important;
}

/* AGOTADO — derecha (invertido) */
.out-of-stock.product-label,
.product-label.out-of-stock{
  right: 12px !important;
  left: auto !important;
  background: #000 !important;
  color: #fff !important;
}
/* ===== MINIATURAS: ¡NUEVO! / AGOTADO ===== */

.wd-swatch{
  position: relative !important;
  overflow: visible !important;
}

/* BASE */
.wd-swatch::after{
  position: absolute;
  top: -6px;
  left: -6px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  border: 2px solid #000;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
  display: none;
}

/* NUEVO */
.wd-swatch[data-label="new"]::after{
  content: "¡NUEVO!";
  background: #fff;
  color: #000;
  display: block;
}

/* AGOTADO */
.wd-swatch[data-label="out"]::after{
  content: "AGOTADO";
  background: #000;
  color: #fff;
  left: auto;
  right: -6px;
  display: block;
}
/* ===== MINIATURAS: AGOTADO ===== */
.wd-swatch.wd-disabled::after {
  content: "AGOTADO";
  position: absolute;
  top: 2px;
  right: 2px;

  background: #000;
  color: #fff;

  font-size: 9px;
  font-weight: 800;
  padding: 2px 4px;
  line-height: 1;

  border-radius: 3px;
  text-transform: uppercase;
  z-index: 5;
}
/* =========================================================
   SWATCH MINIATURAS: BADGE DENTRO DEL CUADRO (NO ENCIMA FOTO)
   - Funciona con clases: .is-new / .is-oos
   - Tamaño del swatch: 40x40 (tu config)
   ========================================================= */

.single-product a.wd-swatch{
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
}

/* La mini imagen ocupa el resto del alto */
.single-product a.wd-swatch .wd-swatch-bg{
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
}

/* Estilo base del badge dentro del cuadro */
.single-product a.wd-swatch.is-new::before,
.single-product a.wd-swatch.is-oos::before{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 14px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* ¡NUEVO! (blanco con borde negro, como tu estilo) */
.single-product a.wd-swatch.is-new::before{
  content: "¡NUEVO!";
  background: #fff !important;
  color: #000 !important;
  border-bottom: 1px solid #000 !important;
}

/* AGOTADO (invertido) */
.single-product a.wd-swatch.is-oos::before{
  content: "AGOTADO";
  background: #000 !important;
  color: #fff !important;
}
/* Oculta el grid manual SOLO si existen variaciones */
.single-product form.variations_form ~ .modelo-general,
.single-product table.variations ~ .modelo-general{
  display:none !important;
}
/* === BADGE AGOTADO (forzado) en catálogo/búsqueda WoodMart === */

/* Asegura que el contenedor del producto permita posicionamiento */
.product,
.type-product{
  position: relative;
}

/* WoodMart suele usar varios wrappers, por eso agrego varios targets */
.product.outofstock .product-element-top,
.type-product.outofstock .product-element-top,
.product.outofstock .product-wrapper,
.type-product.outofstock .product-wrapper,
.product.outofstock .wd-product,
.type-product.outofstock .wd-product{
  position: relative;
}

/* Crea el badge aunque el tema no lo imprima */
.product.outofstock .product-element-top:after,
.type-product.outofstock .product-element-top:after,
.product.outofstock .product-wrapper:after,
.type-product.outofstock .product-wrapper:after,
.product.outofstock .wd-product:after,
.type-product.outofstock .wd-product:after{
  content: "AGOTADO";
  position: absolute;
  top: 12px;
  right: 12px;
  background: #000;
  color: #fff;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  z-index: 50;
  border-radius: 3px;
  pointer-events: none;
}
/* =========================================
   ETIQUETA PEQUEÑA AGOTADO EN SINGLE PRODUCT
========================================= */
.single-product .product-images .out-of-stock-label,
.single-product .woocommerce-product-gallery .out-of-stock-label,
.single-product div.product .wd-label-out-of-stock,
.single-product div.product .product-labels .out-of-stock-label {
    display: inline-block !important;
    background: #000 !important;
    color: #fff !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    border-radius: 3px !important;
    min-width: auto !important;
    width: auto !important;
    max-width: max-content !important;
    height: auto !important;
    box-shadow: none !important;
}
/* Ajustar badge AGOTADO en página de producto */

.single-product .product-labels span.out-of-stock,
.single-product .product-labels span.out-of-stock-label {

    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;

    border-radius: 3px !important;
}@media (min-width: 768px) and (max-width: 1024px) {
	.scrollToTop { display:none; }
}

@media (min-width: 577px) and (max-width: 767px) {
	.scrollToTop { display:none; }
}

@media (max-width: 576px) {
	.scrollToTop { display:none; }
}