/*
Theme Name: Martfury Child
Theme URI: http://drfuri.com/unero
Author: DrFuri
Author URI: http://drfuri.com
Description: Martfury Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: martfury
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: martfury
*/
/* color de los iconos de la PORTADA de la TIENDA  */
#wcfmmp-store .address i, #wcfmmp-store .bd_icon i, #wcfmmp-store .social_area ul li, #wcfmmp-store .social_area ul li a i {
    color: #ff3300!important;
}
/* ocultar el boton "Leer Mas" que sale en los productos */

.woocommerce.shop-view-list ul.products:not(.slick-slider) li.product .mf-product-details .mf-product-price-box .footer-button {
    display: none;
}

.woocommerce a.button {
    display: none;
}
/* Añade la palabra "COMPARTE" a los links de FB y WP */
.social-links::before {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0099cc;
    content: "COMPARTE ";
}
	
/* HAY UN BUG EN GRID PRODUCTS DE ESSENTIAL ADDONS Y MUESTRA EL BADGE DE OUTSTOCK A PESAR QUE ESTE DESACTIVADO, POR ESO LO OCULTO EN ESTE CSS */
.outofstock-badge{
	display:none;
}
/* BREAKPOINTS 
@media (min-width: 1200px) min-width minimo y superior, el max-width esa medida hasta inferior a 0
@media (min-width: 992px)
@media (min-width: 768px)
@media only screen and (max-width: 400px) {
  body {
    background-color: lightblue;
  }
} */
/* PARA QUE EL MOBILE STICKY HEADER SE MANTENGA DEL MISMO COLOR Y NO CAMBIE A BLANCO */
div.mobile-menu.hidden-lg.hidden-md{
        background-color: #fbbc05ff !important;
	    border-bottom: 1px solid  #fbbc05ff !important;
}
/*******************************************************************************/
.product_loop-no-hover ul.products li.product .product-inner {
    padding-bottom: 20px !important;
}
/* para darle el color de background del sticky promotion NO FUNCIONO 
.sticky-header .site-header.minimized .header-main {
   
    border-bottom: 1px solid  #fcb800ff !important;
	}	*/

 @media (max-width: 1200px)
{
.woocommerce ul.products li.product .product-inner {
	padding: 0px 0px 0; 
   	border: 1px solid transparent; 
	border-bottom: none; 
  	margin-top: 0px; 
	}
/* Añadido el BLOCK para que funcione la marquesina en DESKTOP */	
 .top-promotion .promotion-content {
    display: block;
	}
 /* @media (min-width: 992px) */
 @media (min-width: 820px) 
{
	.woocommerce ul.products li.product .product-inner {
    padding: 10px 10px 0;
    border: 1px solid transparent;
    border-bottom: none;
  	margin-top: 0px;
	
	}
}

@media (min-width: 768px)
{
	.woocommerce ul.products li.product .product-inner {
    padding: 10px 10px 0;
    border: 1px solid transparent;
    border-bottom: none;
  	margin-top: -10px;
		
	}
	/* div.mobile-menu-row {
		 background-color: #fcb800ff !important; */
}

/* -------------------------------------------------------------------------------------------------
 * AÑADÍ ESTAS CSS LINEAS AL WIDGET HEADING DEL TITULO EN CUSTOM CSS PARA AGREGAR UNDERLINE AL LINK 
a:hover {
text-decoration: underline;
}
---------------------------------------------------------------------------------------------------*/


/* COMENTADO XQ BUSCAR OPCION DE QUITAR BARRA DE PRODUCTOS DE LA TIENDA EN EL THEME MARTFURY NO ESTA EN LA TRADUCCION

div.products-found {
	
	text-align: left;
	
}
.dokan-single-store .dokan-store-tabs {
    text-align: left;
    display: none;
} 

ul.dokan-list-inline{
display:none;	
visibility: hidden; 	
}*/

/* reducir el espacio de la foto de perfil de la portada de la tienda a 100px
.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100px;
}
**********************/

 /*** MARGENES DEL WIDGET WOOCOMMERCE PRODUCTS *** ESTA MUY LARGO EL MARGEN INFERIOR ***/
/*.elementor-products-grid ul.products.elementor-grid li.product { */
/* margin-top: -5px !important; */
/* margin-top: 0px !important; */ 	
/* margin-right: 0 !important; */
/* margin-bottom: -30px !important; */
/* margin-bottom: 0px !important; */ 
/* margin-left: 0px !important; */
/* } */
/**************************************************************************************/
/* TANTO EL 1 COMO EL 2 SON PARA EL WIDGET PRODUCTS DE MARTFURY Y PARA EL LOOP DE PRODUCTOS DE LA TIENDA */
/* 1. El espacio del padding hace que aumente o baje el tamaño de las imagenes en el CATALOGO de WOOCOMMERCE PRODUCTOS LOOP */
/* COMENTADO PORQUE FUNCIONA BIEN EN EL CATALOGO EN MOVILES PERO EN EL DESKTOP SE VE MAL
 *  .woocommerce ul.products li.product .product-inner {
    padding: 10px 10px 0;
    border: 1px solid transparent;
    border-bottom: none;
  	margin-top: -10px;
} 
*/
/* 2. reducir el margen de abajo del widget MARTFURY GRID PRODUCTS SOLO SI ES DE UNA LINEA
.product_loop-no-hover ul.products li.product {
    margin-top: -10px;
	margin-bottom: -25px; 
    
}  */


/*************************************************/	
/* Modificado para que el funcione la marquesina */
	 /* .top-promotion .promotion-content {
    position: relative;
    display: block;
    align-items: center;
    justify-content: space-between;
    /* padding: 16px 0; */
} */
.top-promotion {
	background-color:#dba500 !important;
	 display: block !important;
	} 

.promo-inner{
	width:100%;
	}

 /* LOS CSS DE DOKAN PARA CONFIGURAR LA PORTADA DE ACUERDO A SI ES DESKTOP O MOVIL ESTAN CONFIGURADOS EN EL PLUGIN Header Footer Code Manager*/
/***** Centrar verticalmente la palabra "menu" tanto como el icono de menu *****/ 
.mf-toggle-menu
{
	display: flex !important;
	align-items: center !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding-left: 0px !important; 
	padding-right: 5px !important;
}
/***** MENU MOVIL CSS color del backgroun del menu item CATEGORIAS del menu movil ******/
/***** la CSS se añade en el propio editor de menu del DASHBOARD *********/
.movil-item-categorias
{
font-weight: bold;	
background-color: #fcb900;
}
/**********************************************************************/
/* MARGENES DE LA LINEA DEL MOVIL DEL SEARCH BOX Y HEADER MENU ******************/
.container {
    padding-left: 8px;
    padding-right: 8px;
}

 

/**********************************************************************/
/* MENU MOVIL le da el color amarillo al background del menu movil "Categorias" */
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-5198 {
	background-color: #fcb800 !important;
}
/* Ocultar el Badge de Google reCaptcha v3 */
.grecaptcha-badge { 
visibility: hidden; 
}


/**REDUCE EL ALTO DEL TAMAÑO DE LA IMAGEN A 300PX PARA QUE NO SEA TAN GRANDE,
  ESTO PARA LA CONFIGURACION DE DOKAN DE PORTADA CON IMAGEN ***/ 
.dokan-single-store .profile-frame .profile-info-box .profile-info-img {
    /*width: 100%;
	height: 300px;align-content
	
	width: 0%;
	height: 0px;align-content */
}
/*ESTO PARA LA CONFIGURACION DE PORTADA DE DOKAN QUE NO TIENE IMAGEN SOLO FOTO DE PERFIL /
/* REDUCE EL ESPACIO VACIO DE LA TIENDA PARA QUE LA PORTADA NO SEA TAN ALTA */
/* .site-content {
    padding-top: 0px;
    padding-bottom: 90px;
} */
/* Ocultar las valoraciones del vendedor en la pagina de producto individual */
.dokan-vendor-info-wrap {
    display: none;
}



/* eliminar la linea de "no se encontraron valoraciones" en la portada de la tienda*/
li.dokan-store-rating {
display:none;
	} 
/* eliminar la linea de "no se encontraron valoraciones" en la vista del producto individual*/
li.clearfix {
display:none;	
}

/* redondear el grid de productos 2 del MARTFURY WIDGET PRODUCTO 2 */
div.mf-products-of-category-2.woocommerce.no-infinite{
	border-radius: 8px;
	
}
/* redondear el grid de productos del MARTFURY WIDGET PRODUCTO */
div.mf-products-grid.woocommerce.no-infinite {
	border-radius: 8px;
	
}

/* redondear las esquinas de los productos en el catalogo tienda, el widget productos de MARTFURY y  */
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    border-radius: 8px;
}
/* redondear las esquinas de la portada Deals of the DAY*/
.elementor-page .mf-product-deals-day .cat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
	padding-bottom: 13px;
}
/* redondear las esquinas de abajo de Deals of the DAY 

.elementor-page .mf-product-deals-day .products-content {
    padding-top: 30px;
    background-color: #fff;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
   
}*/


/* redondear las esquinas izquierdas de la search box */
.site-header .product-extra-search .search-field {
    float: left;
    height: 42px;
    line-height: 1;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
	border-radius: 5px 0 0 5px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}


/* redondear las esquinas del menu categorias */
.site-header .products-cats-menu .toggle-product-cats .menu {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    width: 100%;
}

}

/*Reduce el borde entre el boton añadir al carrito, estaba en 30px */
.woocommerce div.product form.cart {
    margin-bottom: 10px;
}

/* Oculta la linea de base de la short description del producto y quita el borde de abajo
   luego que el Modo Catalogo esta activado y oculte el CARRITO y la CANTIDAD doble linea */
.woocommerce div.product .woocommerce-product-details__short-description {
    padding-bottom: 15px;
    margin-bottom: 0px;
    border-bottom: 0px solid #e1e1e1;
}

/* oculta en el catalogo de producstos el marco que aparece al hover, el marco aparece recortado en el
 * bottom de los productos */
 .product_loop-no-hover ul.products li.product .product-inner {
    /* padding-bottom: 20px; */
	padding-bottom: 0px;
    border: 0px solid transparent;
} 
	

/* footer links para el widget CUSTOM HTML, terminos y condiciones, politica de privacidad, libro de reclamaciones */

  .link-footer-container {
    text-align: right; /* Alinea los enlaces a la derecha */
    padding: 10px; /* Espacio interno para que los enlaces no toquen el borde */
    background-color: #f9f9f9; /* Color de fondo opcional para ver mejor el área */
  }

  .link-footer-container a {
    color: #666; /* Color del texto de los enlaces */
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    margin-left: 10px; /* Espacio entre los enlaces */
  }

  .link-footer-container img {
    vertical-align: middle; /* Alinea la imagen con el texto */
  }

  /* Para pantallas más pequeñas */
  @media (max-width: 600px) {
    .link-footer-container {
      text-align: center; /* Centra los enlaces en pantallas pequeñas */
    }
  }

/* cambia el espacio de arriba y abajo del footer-links */
.footer-links {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}