/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

p.no-bottom {
	margin-bottom: 0px !important;
}


a.button, 
.show-quickly {
	font-size: 1rem;
    font-weight: bold;
    text-transform: none;
    border-radius: 50px !important;
}

a.button {
	background-color: var(--e-global-color-accent) !important;
}

.show-quickly  {
	background-color: var(--e-global-color-secondary) !important;
}

.show-quickly::after {
    content: "Compra rápida";
    padding-left: 0.5em;
    font-weight: bold;
    font-size: 1rem;
	color: #000;
}

.show-quickly svg {
	fill: #000 !important;
}

.woocommerce-loop-product__title {
	text-align: center !important;
	width: 100%;
}

.etheme-product-grid-item .woocommerce-Price-amount {
	display: flex;
    justify-content: center;
}

.productos-scroll .swiper {
    overflow: visible !important;
    position: relative;
}

.productos-scroll .swiper::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #F7F7F9;
    top: 0px;
    left: -100%;
    position: absolute;
    z-index: 1;
}

.ks-attr-icons{
			list-style:none;margin-bottom:7px;padding:0;
			display:flex;justify-content:center;gap:0.4rem;flex-wrap:wrap;align-items:center;padding-left:0px !important;margin-bottom:0px !important;
		}
.ks-attr-icon-item{position:relative;display:inline-flex}
.ks-attr-icon{
	display:inline-flex;align-items:center;justify-content:center;
	width:28px;height:28px;border-radius:9999px;
	background:#2b89cd;
	font-size:15px;line-height:1;
}
.ks-attr-icon i, .ks-attr-icon svg{display:block}
.ks-attr-icon-item .ks-tooltip{
	position:absolute;left:50%;transform:translateX(-50%);
	bottom:100%;margin-bottom:8px;
	background:#111;color:#fff;font-size:1rem;padding:4px 6px;border-radius:4px;
	white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .15s ease;
	z-index:20;
}
.ks-attr-icon-item:hover .ks-tooltip{opacity:1;visibility:visible}
.ks-attr-icon-item .ks-tooltip::after{
	content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
	border:6px solid transparent;border-top-color:#111;
}
.ks-attr-icon i.fa-solid {
	color: #ffffff !important;
}

/*Estilos de Atributos de Edad en carruseles de productos*/

.ks-age-badge{
	display:inline-block;
	background:#2b89cd;
	color:#fff;
	border-radius:5px;
	padding:6px;
	font-size:1rem;
	font-weight:700;
	line-height:1;
	position: absolute;
	top: 25px;
	right: 25px;
		}

.etheme-product-grid-item {
	position: relative !important;
}

.etheme-product-grid-image {
	border-radius: 10px;
}

.elementor-nav-menu--dropdown {
	max-width: 90vw;
    left: 0px !important;
    border-radius: 10px;
}

.sale-wrapper span {
    font-weight: bold;
	border-radius: 5px !important;
}

.sale-wrapper .onsale.left {
    top: 10px !important;
	left: 10px !important;
}

.etheme-product-grid-item .price  {
	display: flex;
    flex-direction: column;
}

.etheme-product-grid-item .price del bdi {
	font-size: 0.7em !important;
}

.elementor-widget-wc-categories .categories-mask.text-center {
	display: none !important;
}

.elementor-widget-wc-categories img {
	height: 130px;
    width: auto !important;
	object-fit: contain;
}

.elementor-widget-wc-categories a {
	width: fit-content !important;
}

.elementor-widget-wc-categories  .category-grid {
	width: fit-content !important;
}

.elementor-widget-wc-categories .products-loop {
	display: flex;
    justify-content: center;
    flex-direction: row;
}

.woocommerce-breadcrumb .title {
	display: inline-block !important;
}


/* Estilos de Tooltip para .boton-edad */
.boton-edad{
  display:  flex;
  align-items: center;
  position: relative;
  overflow: visible; /* evita que el tooltip se recorte */
}

.boton-edad .ks-tooltip{
position: absolute;
	width: 150px;
    bottom: 100%;
    margin-bottom: 8px;
    background: #111;
    color: #fff;
    font-size: 0.8rem;
    padding: 6px 8px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s 
ease;
    z-index: 50;
}

.boton-edad:hover .ks-tooltip{
  opacity: 1;
  visibility: visible;
}

.boton-edad .ks-tooltip::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #111;
}