/*
Theme Name: diviwk-tienda

Template: Divi
*/

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    scroll-margin-top: 150px; /* ajusta la altura exacta de tu sticky header */
}

/* =========================================================== */
/* 011: icono whatsapp */
/* =========================================================== */
#wk-whatsapp {
	position: fixed;
	z-index: 99;
	bottom:10px;
    right:10px;
}

#wk-flotante img {
	filter: drop-shadow(3px 3px 3px #666666);
    -webkit-filter: drop-shadow(3px 3px 3px #666666);
}

#wk-whatsapp img:hover {
	transform: translateY(-7px);
}



/* ========================================================= */
/* wk-tienda-modulo-productos: clase usada para todos los módulos con listado de productos */
/* ========================================================= */




.wk-tienda-modulo-productos li {
    text-align: center !important;
}

.wk-tienda-modulo-productos a {
    
    color: #3e7ccf !important;
}

.wk-tienda-modulo-productos small.woocommerce-price-suffix {
	font-size: 0.8rem !important;
}

/* insignia en oferta */
.wk-tienda-modulo-productos span.onsale {
    background-color: #f8b751 !important;
    color: #ffffff !important;
}

/* nombre producto h2 */
.wk-tienda-modulo-productos h2.woocommerce-loop-product__title {
    color:#3e7ccf !important;
	font-size: 1rem !important;
}


/* precio simbolos interiores   */
.wk-tienda-modulo-productos ul.products li.product span.price {

    color:#fd620d !important;
}

/* precio  */
.wk-tienda-modulo-productos span.price span.woocommerce-Price-amount {
    color:#fd620d !important;
	font-size: 1.1rem;
}

/* precio antiguo */
.wk-tienda-modulo-productos span.price del .woocommerce-Price-amount {
    color:#fd620d !important;
}

/* precio nuevo */
.wk-tienda-modulo-productos span.price ins .woocommerce-Price-amount {
    color:#fd620d !important;
}

/* nota IVA incluido */
.wk-tienda-modulo-productos small.woocommerce-price-suffix {
	font-size: 0.8rem !important;
}

/* descripcion */
.wk-tienda-modulo-productos .wk-item-short-description {
    color:#bbbbbb !important;
}


/* contenedor marca */
.wk-tienda-modulo-productos .pwb-brands-in-loop {
    display: inline-block !important;
    text-align: center !important;
    margin: 0.1rem 0rem !important;
}
/* imagen logo marca */
.wk-tienda-modulo-productos .attachment-medium {
    max-width: 120px !important;;
    
    
}

.wk-tienda-modulo-productos .button {

   font-size: 14px !important;
   padding: 0.5rem 1rem !important;
	color: white !important;
	background-color: #3e7ccf !important;
	border-color: #3e7ccf !important;
}


.wk-tienda-modulo-productos .button::after {
    content: none !important;
}

.wk-tienda-modulo-productos .button:hover {
   
    padding: 0.5rem 1rem !important;

	background-color: #3472c4 !important;
		border-color: #3472c4 !important;
}

.wk-tienda-modulo-productos .added_to_cart {
    display: block !important;
    padding: 0.5rem !important;
}

/* ========================================================= */
/* 006 shortcode categorias para la páginas de arhivo tienda */
/* ========================================================= */

.wk-categorias-tienda {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.wk-categorias-tienda ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* Permitir que los elementos se envuelvan a la siguiente fila */
    justify-content: center; /* Centrar los elementos horizontalmente */
    margin: 0; /* Eliminar márgenes adicionales */
}

.wk-categorias-tienda li {
    text-align: center;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	width: 145px;
    display: flex; /* Habilitar flexbox en el li */
    flex-direction: column; /* Alinear elementos en columna */
    align-items: center; /* Centrar elementos horizontalmente */
    justify-content: space-between; /* Centrar elementos verticalmente */
}

.wk-categorias-tienda img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5px; /* Espacio entre la imagen y el texto */
}


.wk-categorias-tienda a span {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}


/* ========================================================= */
/* Menús pie: legal y tienda */
/* ========================================================= */

#wk-pie-menu-legal li, 
#wk-pie-menu-tienda li{
    justify-content: center !important;

}

#wk-pie-menu-legal .et_pb_menu__wrap,
#wk-pie-menu-tienda .et_pb_menu__wrap {

    justify-content: center !important;
}

#wk-pie-menu-legal .et_pb_menu__menu,
#wk-pie-menu-tienda .et_pb_menu__menu {
    display:flex !important;
}


#wk-pie-menu-legal .et-menu,
#wk-pie-menu-tienda .et-menu {
   display: flex !important;
   flex-direction: column !important;
	
}

#wk-pie-menu-legal .et_mobile_nav_menu,
#wk-pie-menu-tienda .et_mobile_nav_menu {

   display:none !important;

}

/* ========================================================= */
/* 002: shortcode mini carrito */
/* ========================================================= */
#wk-custom-cart-icon {
    position: relative;
    min-width: 90px;
    
    --wk-minicart-color-texto: #666666;
    --wk-minicart-color-enlace: #333333;

    
}
    /* contenedor superior */
#wk-custom-cart-icon .cart-contents {
    display: flex;
    align-items: center;
	justify-content: flex-end;
    cursor: pointer;
    padding-right: 0.2rem;
    font-family: "Open Sans",Arial,sans-serif !important;
}

        /* dinero */
#wk-custom-cart-icon .cart-total-amount {
    color:white;
    font-size:12px;
}

        /* imagen carrito */
#wk-custom-cart-icon .cart-icon-image {
	width: 20px;
	height: 20px;
    margin-left:0.5em;
    margin-right:1em;
    
}


        /* contador */
#wk-custom-cart-icon .cart-contents-count {
    background-color: var(--wk-minicart-color-enlace);
    color: white;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.01em;
    /*margin-left: -0.9em;
    margin-bottom: -1em;*/
    font-size: 0.6em;
    line-height: 0;
    position:absolute;
    right:1em;
    bottom:-0.2em;
}



    /* desplegable */
#wk-custom-cart-icon .custom-cart-dropdown {
    display: none !important;
    position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    background: white !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    z-index: 1000 !important;
    width: 300px !important;
    padding: 1em !important;

    font-family: "Open Sans",Arial,sans-serif !important;

    font-size:13px !important;

    color: var(--wk-minicart-color-texto) !important;
}

#wk-custom-cart-icon.open .custom-cart-dropdown {
    display: block !important;
}



        /* desplegable: lista productos */
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 20px !important;
}

            /* desplegable: producto */
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget li {
    display: flex !important;
    
    margin-bottom: 12px !important;
}
                /* desplegable: X borrar */
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget li .remove {
    color: red !important;
    display: block !important;
    font-size: 16px !important;
    height: 18px !important;
    width: 18px !important;
    text-align: center !important;
    line-height: 1 !important;
    border-radius: 100% !important;
  
    text-decoration: none !important;
    font-weight: 700 !important;
    border: 0 !important;   

    animation: none !important;
   

}
                /* desplegable: X borrar hover*/
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget li .remove:hover {
    color: white !important;
    background-color: red;
    border-radius: 50%;
    animation: none !important;
 

}

                /* desplegable: imagen y texto producto*/
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget li a:nth-child(2) {

    margin-right: auto !important;
    font-weight: normal !important;
    display: flex !important;

    color: var(--wk-minicart-color-enlace) !important;
}


                    /* desplegable: imagen */
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget li img {
    max-width: 50px !important;
    max-height: 50px !important;
    margin-right: 6px !important;
    float: none !important;
    width: 50px !important;
    vertical-align: top !important;
    margin-left: 4px !important;
}

                /* desplegable: cantidad x precio */
#wk-custom-cart-icon .custom-cart-dropdown ul.product_list_widget li .quantity {
    width: auto !important;
    
}

        /* desplegable: fila total productos */
#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__total {
    border-top: 1px solid #ccc !important;
    padding-top: 1em !important;
    margin-top: 1em !important;
    text-align: right !important;
}
        /* desplegable: botones contendor */
#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__buttons {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 1em !important;
}
            /* desplegable: botones */
#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__buttons a {
    flex: 1 !important;
    margin-right: 0.5em !important;
    text-align: center !important;

    padding:0.5rem !important;
    border: 1px solid var(--wk-minicart-color-enlace) !important;
    font-size: 13px!important;
    color: var(--wk-minicart-color-enlace) !important;
    
}


#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__buttons a:hover {

    padding:0.5rem !important;
    background-color: #f3f3f3 !important;
}

#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__buttons a::after {
    content: none !important;
    
    
}

#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__buttons a:hover::after {
    content: none !important;
}




            /* desplegable: boton 2 */
#wk-custom-cart-icon .custom-cart-dropdown .woocommerce-mini-cart__buttons a:last-child {
    margin-right: 0 !important;
}





/* ========================================================= */
/* #wk-cabecera-menu-principal botones para colapsar submenus */
/* ========================================================= */

/*change hamburger icon to x when mobile menu is open*/

#wk-cabecera-menu-principal .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
#wk-cabecera-menu-principal .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

#wk-cabecera-menu-principal ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
#wk-cabecera-menu-principal ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

#wk-cabecera-menu-principal ul.et_mobile_menu>li.menu-item-has-children,
#wk-cabecera-menu-principal ul.et_mobile_menu>li.page_item_has_children,
#wk-cabecera-menu-principal ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

#wk-cabecera-menu-principal .et_mobile_menu .menu-item-has-children>a,
#wk-cabecera-menu-principal .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/



#wk-cabecera-menu-principal #mobile_menu1 li.menu-item-has-children ul.sub-menu
{
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

#wk-cabecera-menu-principal #mobile_menu1 li.menu-item-has-children ul.sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

#wk-cabecera-menu-principal ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

#wk-cabecera-menu-principal ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00d263;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

#wk-cabecera-menu-principal ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
#wk-cabecera-menu-principal .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

#wk-cabecera-menu-principal .et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

#wk-cabecera-menu-principal .mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

#wk-cabecera-menu-principal .et_pb_menu_0.et_pb_menu .et_mobile_menu,
#wk-cabecera-menu-principal .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}