/* =====================================================================
   KAMASAM SAMURAI — Tienda oscura (estilo de la plantilla Dojo)
   Todo va bajo body.ksh-dark: si se desactiva, no afecta nada.
   Paleta: tinta #17181a · card #2a2c30 · washi #f4f0e6 · rojo #b23a30
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Shippori+Mincho:wght@600;700;800&display=swap');

/* ---------- Fondo general oscuro ---------- */
body.ksh-dark{ background:#17181a !important; }
body.ksh-dark #page,
body.ksh-dark .site{ background:#17181a !important; }
body.ksh-dark #content,
body.ksh-dark .site-content,
body.ksh-dark .ast-container,
body.ksh-dark .content-area,
body.ksh-dark #primary,
body.ksh-dark .ast-woocommerce-container{ background:transparent !important; color:#e9e6dd !important; }

/* Texto y titulos claros */
body.ksh-dark,
body.ksh-dark p,
body.ksh-dark li,
body.ksh-dark h1, body.ksh-dark h2, body.ksh-dark h3, body.ksh-dark h4,
body.ksh-dark .page-title,
body.ksh-dark .woocommerce-products-header,
body.ksh-dark .woocommerce-result-count{ color:#e9e6dd !important; }

body.ksh-dark h1, body.ksh-dark h2, body.ksh-dark h3,
body.ksh-dark .woocommerce-loop-product__title,
body.ksh-dark .product_title{ font-family:"Shippori Mincho",serif !important; }

/* ---------- Barra de orden / resultados ---------- */
body.ksh-dark .woocommerce-ordering select{
  background:#2a2c30 !important; color:#e9e6dd !important;
  border:1px solid rgba(255,255,255,.14) !important; border-radius:4px; padding:8px 10px;
}

/* ---------- TARJETAS DE PRODUCTO ---------- */
body.ksh-dark ul.products li.product{
  background:#2a2c30 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:6px !important;
  padding:14px !important;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
body.ksh-dark ul.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 30px rgba(0,0,0,.45);
}

/* Imagen del producto sobre washi (fondo claro uniforme) */
body.ksh-dark ul.products li.product img{
  background:#f4f0e6 !important;
  border-radius:4px;
}

/* Nombre del producto */
body.ksh-dark ul.products li.product .woocommerce-loop-product__title{
  color:#e9e6dd !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:12px 0 4px !important;
  line-height:1.35 !important;
}

/* ---------- Titulo de categoria / archivo (quitar recuadro blanco) ---------- */
body.ksh-dark .woocommerce-products-header,
body.ksh-dark .woocommerce-products-header__title,
body.ksh-dark .ast-archive-description,
body.ksh-dark .astra-shop-summary-wrap,
body.ksh-dark .ast-archive-title,
body.ksh-dark .page-header,
body.ksh-dark .page-title,
body.ksh-dark h1.entry-title{
  background:transparent !important;
  color:#e9e6dd !important;
  border:none !important;
  box-shadow:none !important;
}

/* (Se dejan las etiquetas TOP EN VENTAS / OFERTA / etc. con su color original) */

/* Precios */
body.ksh-dark ul.products li.product .price,
body.ksh-dark .woocommerce div.product p.price{
  color:#e9e6dd !important; font-weight:700 !important; font-family:"Manrope",sans-serif !important;
  background:transparent !important; box-shadow:none !important; border:none !important;
  border-radius:0 !important; padding:0 !important;
}
body.ksh-dark .price del,
body.ksh-dark del,
body.ksh-dark del .amount,
body.ksh-dark del .woocommerce-Price-amount,
body.ksh-dark del bdi{
  color:#555555 !important;
  opacity:1 !important;
  font-weight:600 !important;
  text-decoration-line:line-through !important;
  text-decoration-color:#8a8a8a !important;
  text-decoration-thickness:2px !important;
}
body.ksh-dark .price ins{ color:#b23a30 !important; text-decoration:none !important; }

/* Insignia de oferta */
body.ksh-dark span.onsale{
  background:#b23a30 !important; color:#fff !important;
  border-radius:30px !important; font-family:"Manrope",sans-serif !important;
  font-weight:700 !important; letter-spacing:.5px; padding:7px 12px !important;
  min-height:auto !important; min-width:auto !important; line-height:1 !important;
  top:12px !important; left:12px !important; right:auto !important;
}

/* ---------- Etiquetas de YITH: pequenas, finas y uniformes ----------
   Mantiene sus colores, pero reduce tamano para que no tapen la imagen. */
[class*="yith-wcbm-badge"]{
  font-family:"Manrope",sans-serif !important;
  font-weight:700 !important;
  font-size:9px !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  border-radius:3px !important;
  box-shadow:0 2px 6px rgba(0,0,0,.3) !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  line-height:1.1 !important;
}
[class*="yith-wcbm-badge"] *{
  font-family:"Manrope",sans-serif !important;
  font-size:9px !important;
  letter-spacing:1px !important;
  line-height:1.1 !important;
}
.yith-wcbm-badge-text,
[class*="yith-wcbm-badge"] > span{
  padding:3px 8px !important;
}
/* Si la etiqueta es una imagen, reducir su tamano */
[class*="yith-wcbm-badge"] img{
  max-height:20px !important;
  width:auto !important;
}

/* ---------- BOTONES (borde rojo, se rellenan al pasar el mouse) ---------- */
body.ksh-dark .woocommerce a.button,
body.ksh-dark .woocommerce button.button,
body.ksh-dark ul.products li.product a.button,
body.ksh-dark .woocommerce #respond input#submit{
  background:transparent !important;
  color:#e9e6dd !important;
  border:1px solid #b23a30 !important;
  border-radius:4px !important;
  text-transform:uppercase; letter-spacing:1px; font-weight:600 !important;
  font-family:"Manrope",sans-serif !important;
  transition:background .2s ease, color .2s ease !important;
}
body.ksh-dark .woocommerce a.button:hover,
body.ksh-dark .woocommerce button.button:hover,
body.ksh-dark ul.products li.product a.button:hover,
body.ksh-dark .woocommerce #respond input#submit:hover{
  background:#b23a30 !important; color:#fff !important;
}
/* Boton principal (anadir al carrito en la ficha): relleno rojo */
body.ksh-dark .woocommerce div.product form.cart .button.alt,
body.ksh-dark .woocommerce div.product .single_add_to_cart_button{
  background:#b23a30 !important; color:#fff !important; border-color:#b23a30 !important;
}
body.ksh-dark .woocommerce div.product .single_add_to_cart_button:hover{
  background:#9a3028 !important;
}

/* ---------- Ficha de producto individual ---------- */
body.ksh-dark .woocommerce div.product .product_title{ color:#e9e6dd !important; }

/* Atributos / variaciones: etiquetas y desplegables */
body.ksh-dark .woocommerce div.product .variations th,
body.ksh-dark .woocommerce div.product .variations td,
body.ksh-dark .woocommerce div.product .variations label{
  color:#e9e6dd !important; background:transparent !important;
}
body.ksh-dark .woocommerce div.product .variations select{
  background:#2a2c30 !important; color:#e9e6dd !important;
  border:1px solid rgba(255,255,255,.25) !important; border-radius:4px; padding:8px 10px;
}

/* Botones de variacion (katas, tallas, etc.) - compatible con varios plugins */
body.ksh-dark ul.variable-items-wrapper li.variable-item,
body.ksh-dark .variable-items-wrapper .variable-item,
body.ksh-dark li.button-variable-item,
body.ksh-dark .woocommerce div.product .summary [data-value],
body.ksh-dark .woocommerce div.product form.cart [data-value],
body.ksh-dark [class*="yith-wccl"] li,
body.ksh-dark [class*="yith-wccl"] span[class*="onhover"],
body.ksh-dark [class*="yith-wccl"] a{
  background:#2a2c30 !important;
  color:#e9e6dd !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body.ksh-dark ul.variable-items-wrapper li.variable-item *,
body.ksh-dark .woocommerce div.product .summary [data-value] *,
body.ksh-dark [class*="yith-wccl"] li *,
body.ksh-dark [class*="yith-wccl"] span *{
  color:#e9e6dd !important;
}
body.ksh-dark ul.variable-items-wrapper li.variable-item:hover,
body.ksh-dark .woocommerce div.product .summary [data-value]:hover,
body.ksh-dark [class*="yith-wccl"] li:hover{
  border-color:#b23a30 !important;
}
body.ksh-dark ul.variable-items-wrapper li.variable-item.selected,
body.ksh-dark ul.variable-items-wrapper li.variable-item[aria-checked="true"],
body.ksh-dark [class*="yith-wccl"] li.selected,
body.ksh-dark .woocommerce div.product .summary [data-value].selected{
  background:#b23a30 !important; border-color:#b23a30 !important;
}
body.ksh-dark ul.variable-items-wrapper li.variable-item.selected *{ color:#fff !important; }

/* CFVSW - swatches de ETIQUETA / texto (tallas, katas) */
body.ksh-dark .cfvsw-label-option{
  background:#2a2c30 !important;
  color:#e9e6dd !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
body.ksh-dark .cfvsw-label-option *{ color:#e9e6dd !important; }
/* Si el boton de texto tiene un inner, que NO aparezca como caja blanca */
body.ksh-dark .cfvsw-label-option .cfvsw-swatch-inner{
  background:transparent !important; border:none !important;
}
body.ksh-dark .cfvsw-label-option:hover{ border-color:#b23a30 !important; }
body.ksh-dark .cfvsw-label-option.cfvsw-selected-swatch{
  background:#b23a30 !important; border-color:#b23a30 !important;
}
body.ksh-dark .cfvsw-label-option.cfvsw-selected-swatch *{ color:#fff !important; }

/* CFVSW - swatches de COLOR (todo lo que NO sea etiqueta) */
body.ksh-dark .cfvsw-swatches-option:not(.cfvsw-label-option){
  background:transparent !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:none !important;
}
body.ksh-dark .cfvsw-swatches-option:not(.cfvsw-label-option) .cfvsw-swatch-inner{
  background-color:#ffffff;                 /* si el color viene vacio (Blanco), se ve blanco */
  border:1px solid rgba(0,0,0,.20);
}
body.ksh-dark .cfvsw-swatches-option:not(.cfvsw-label-option):hover{ border-color:#b23a30 !important; }
body.ksh-dark .cfvsw-swatches-option:not(.cfvsw-label-option).cfvsw-selected-swatch{
  background:transparent !important;
  border-color:#b23a30 !important;
  box-shadow:0 0 0 2px #b23a30 !important;
}

body.ksh-dark .cfvsw-disabled-swatch{ opacity:.45 !important; }
body.ksh-dark .woocommerce div.product .reset_variations{ color:#a8a49a !important; }

/* Disponibilidad / stock */
body.ksh-dark .woocommerce div.product .stock,
body.ksh-dark .woocommerce div.product p.availability{ color:#e9e6dd !important; }

/* Meta del producto: SKU, Categoria, Marca */
body.ksh-dark .woocommerce div.product .product_meta,
body.ksh-dark .woocommerce div.product .product_meta span,
body.ksh-dark .woocommerce div.product .product_meta a,
body.ksh-dark .product_meta,
body.ksh-dark .product_meta *{
  color:#e9e6dd !important;
}
body.ksh-dark .product_meta a:hover{ color:#b23a30 !important; }
body.ksh-dark .product_meta .sku,
body.ksh-dark .product_meta .sku_wrapper .sku{
  background:transparent !important; color:#e9e6dd !important;
}
/* Pestañas del producto (Descripcion, Informacion adicional, Valoraciones) */
body.ksh-dark .woocommerce-tabs ul.tabs::before{ border-color:rgba(255,255,255,.12) !important; }
body.ksh-dark .woocommerce-tabs ul.tabs li::before,
body.ksh-dark .woocommerce-tabs ul.tabs li::after{ display:none !important; }
body.ksh-dark .woocommerce-tabs ul.tabs li,
body.ksh-dark .wc-tabs li{
  background:transparent !important; border:none !important;
}
body.ksh-dark .woocommerce-tabs ul.tabs li a,
body.ksh-dark .wc-tabs li a,
body.ksh-dark li.description_tab a,
body.ksh-dark li.additional_information_tab a,
body.ksh-dark li.reviews_tab a{
  color:#cfcabb !important; font-weight:600 !important;
}
body.ksh-dark .woocommerce-tabs ul.tabs li:hover a{ color:#fff !important; }
body.ksh-dark .woocommerce-tabs ul.tabs li.active,
body.ksh-dark .wc-tabs li.active{
  background:transparent !important; border:none !important;
  border-bottom:2px solid #b23a30 !important;
}
body.ksh-dark .woocommerce-tabs ul.tabs li.active a,
body.ksh-dark .wc-tabs li.active a{ color:#fff !important; }

/* Contenido de las pestañas */
body.ksh-dark .woocommerce-Tabs-panel,
body.ksh-dark .woocommerce-Tabs-panel *{ color:#e9e6dd !important; }
body.ksh-dark .woocommerce-product-attributes th,
body.ksh-dark .woocommerce-product-attributes td{
  color:#e9e6dd !important; border-color:rgba(255,255,255,.12) !important;
}

/* "Pago seguro" y otras etiquetas legend */
body.ksh-dark legend{ color:#e9e6dd !important; }

/* Miga de pan y enlaces del contenido */
body.ksh-dark .woocommerce-breadcrumb,
body.ksh-dark .woocommerce-breadcrumb a{ color:#a8a49a !important; }
body.ksh-dark .site-content a:hover{ color:#b23a30 !important; }

/* Widgets / barra lateral (si hubiera) */
body.ksh-dark .widget, body.ksh-dark .widget-title,
body.ksh-dark .widget a{ color:#e9e6dd !important; }

/* Paginacion */
body.ksh-dark .woocommerce nav.woocommerce-pagination ul,
body.ksh-dark .woocommerce nav.woocommerce-pagination ul li{
  border-color:rgba(255,255,255,.14) !important;
}
body.ksh-dark .woocommerce nav.woocommerce-pagination ul li a,
body.ksh-dark .woocommerce nav.woocommerce-pagination ul li span{
  color:#e9e6dd !important; background:#2a2c30 !important;
}
body.ksh-dark .woocommerce nav.woocommerce-pagination ul li span.current{
  background:#b23a30 !important; color:#fff !important;
}
