/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
/* MOD #46059 28-06-2021 */
@media screen and (max-width:767px){
	
	#history .order .row{
		border:1px solid #000;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#history .order h3{
		text-align: center;
		font-size: 22px;
		border-bottom: 1px solid #ccc;
	}	
	
	#history .order .status{
		width: 100%;
	}		
	
	#history .order .status .label{
		width: 100%;
		border-radius: 0;
		text-transform: uppercase;
		text-align: center;
		margin-bottom:0;
		margin-left: 0;
		margin-right:0;
		margin-top:20px; 
		padding: 1%;
	}	
	
	#history .order .text-xs-right{
		padding: 0;
	}	
	
	#history .order .text-xs-right div{
		float:left;
		width: 50%;
		text-align: center;
	}
	
	#history .order .text-xs-right div:nth-child(1){
		background-color: #000;
	}
	
	#history .order .text-xs-right div:nth-child(2){
		/*background-color: #818181;*/
		background-color: #6EC1E4;

	}	
	
	#history .order .text-xs-right a{
		color:#fff;
		text-transform: uppercase;
	}	
	
	#history .order .text-xs-right .soyCancelOrder{
		width: 100%;
		background: #F94F4F;		
	}
	
	#history .order .total{
		font-size: 20px;
	}		

	
	
}
/* ./MOD #46059 28-06-2021 */

.header-toolbar{
/* 	z-index: 99 !important; */
}

/* MOD #47595 (13/12/2021) - Rediseño ficha de producto */

#product .product-prices,
#product .soy-producto-envio-info,
#product .product-quantity .soy-producto-cantidad-row,
#product .soy-producto-recogida-info,
#product .soy-producto-financiacion-info,
#product .soy-producto-garantia-info{
	margin-bottom: 10px;
	max-width: 100%;
}

#product .soy-producto-devolucion-info{
	max-width: 100%;
}

#product .product-prices .current-price > .price{
	color: #ff6000;
	font-size: 40px;
	font-weight: 700;
	line-height: 20px;
}

#product .product-prices .product-without-taxes{
	display: inline-block;
	margin-right: 22px;
	color: #bbb;
	font-size: 19px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 20px;
	position: relative;
	top: -2px;
}

#product .soy-producto-envio-info div span.soy_texto_envio{
	color: #99be11;
	text-transform: uppercase;
	font-weight: 600;
}

#product .product-manufacturer{
	margin-bottom: 0;
	max-width: 100%;
}

#product .product-variants{
	margin: 0;
}

#product .product-add-to-cart,
#product .product-add-to-cart .product-quantity{
	width: 100%;
}

#product .product-quantity .soy-producto-cantidad-row{
	display: flex;
	padding-right: 0;
}

#product .product-quantity .soy-producto-cantidad-row div .input-group.bootstrap-touchspin{
	height: 32px;
	min-width: 100px !important; 
}

#product .product-quantity .soy-producto-cantidad-row div .input-group.bootstrap-touchspin #quantity_wanted{
	height: auto;
	background-color: #f2f2f2;
}

#product .product-quantity .soy-producto-cantidad-row div .input-group.bootstrap-touchspin .input-group-btn-vertical .btn.btn-touchspin{
	background-color: #fff;
	border: 1px solid #a1a1a1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}

#product .product-quantity .soy-producto-cantidad-row div .input-group.bootstrap-touchspin .input-group-btn-vertical .btn.btn-touchspin:hover{
	color: unset;
}

#product .product-quantity .soy-producto-envio-info .soy-producto-desplegable-row,
#product .product-quantity .soy-producto-recogida-info .soy-producto-desplegable-row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#product .product-quantity .soy-producto-envio-info .soy-producto-desplegable-row span,
#product .product-quantity .soy-producto-recogida-info .soy-producto-desplegable-row span{
	color: #fff;
	font-weight: 600;
	background-color: #6ec1e4;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 5px 15px;
	width: 100%;
	cursor: pointer;
}

#product .product-quantity .soy-producto-envio-info .soy-producto-desplegable-row span i,
#product .product-quantity .soy-producto-recogida-info .soy-producto-desplegable-row span i{
	right: 25px;
	position: absolute;
}


#product .product-quantity .soy-producto-envio-info .soy-producto-desplegable-row span.soy-producto-box-oculto,
#product .product-quantity .soy-producto-recogida-info .soy-producto-desplegable-row span.soy-producto-box-oculto{
	font-weight: 400;
	display: block;
	display: none;
	width: 100%;
}

#product .product-quantity .add{
	display: flex;
	justify-content: right;
	padding-top: 10px;
}

#product .product-quantity .add .add-to-cart{
	background-color: #ff6000;
	color: #fff;
	border: unset;
	border-radius: unset;
}

#product .product-prices > .product-price, #product .product-prices > .precio-no-iva {
    display: inline-block;
    margin-right: 22px;
}

#product .product-prices > .precio-no-iva span{
	color: #bbb;
	display: block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 2px;
	text-transform: uppercase;
}

#product .product-quantity .soy-producto-recogida-info .soy-producto-desplegable-row span{
	color: #000;
	font-weight: 600;
	background-color: #f2f2f2;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 5px 15px;
	width: 100%;
}

#product .product-quantity .soy-producto-financiacion-info .soy-producto-box a{
	border: 1px solid #bebdbd;
	padding: 5px 15px;
	display: flex;
	border-radius: 5px;
}

#product .product-quantity .soy-producto-financiacion-info .soy-producto-box a img{
	max-width: 50px;
	padding-right: 5px;
}

#product .product-quantity .soy-producto-garantia-info .soy-producto-box a,
#product .product-quantity .soy-producto-devolucion-info .soy-producto-box a{
	color: #fff;
	font-weight: 600;
	background-color: #6ec1e4;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 5px 15px;
	width: 100%;
}

body#product #gsr .block-review .block-review-item > div{
	display: flex;
}

body#product #gsr .block-review .block-review-item > div > span,
body#product #gsr .block-review .block-review-item > div > a,
body#product #gsr .block-review .block-review-item #bt_btn-review-list,
body#product #gsr .block-review .block-review-item > div > div > #bt_btn-review-form{
	display: none;
}

body#product #gsr .block-review .block-review-item > div > div > a#bt_btn-review-form{
	border: none;
	color: #54595f;
	padding: 0;
	padding-left: 5px;
}

body#product #gsr .block-review .block-review-item > div > div > a#bt_btn-review-form:hover{
	background: unset;
	opacity: 0.5;
}

#gsr.productReassurance .block-review-item{
	padding: 0 !important;
	padding-bottom: 15px !important;
}

body#product .product-variants-item{
	padding: 0;
	display: flex;
	width: 100%;
	margin-top: 10px;
}

body#product .product-variants-item .control-label{
	width: 100%;
	max-width: 25%;
	text-transform: unset !important;
	font-weight: 700;
	font-size: 16px !important;
}

body#product .product-variants-item .form-control-select{
	width: 100% !important;
	max-width: 75%;
	padding: 0 15px !important;
	background-color: #f8f8f8 !important;
	border: unset !important;
	font-size: 15px;
	font-weight: 700;
}

@media screen and (max-width:757px){
	body#product .product-variants-item{
		flex-wrap: wrap;
	}
	
	body#product .product-variants-item .control-label,
	body#product .product-variants-item .form-control-select{
		max-width: 100%;
	}
}

@media screen and (max-width:991px){
	body#product .product-variants-item .control-label,
	body#product .product-variants-item .form-control-select{
		font-size: 14px !important;
	}
}

body#product .r-column h1{
	font-size: 28px !important;
}

/* END MOD #47595 */

/* // MOD #52647 (29/12/21) - Botón sticky de comprar en ficha producto */
.soy_bloque_fijo_ficha{
	display: none;
}
@media screen and (max-width:767px){
	#product .add.soy_oculto_mobile,
	#product .product-quantity > .add{
		display: none;
	}
	#product .soy_bloque_fijo_ficha{
		position: fixed;
		margin-top: 0px;
		margin-bottom: 0px;
		bottom: 0px;
		background: #fff;
		width: 100%;
		left: 0;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack: space-between;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
		z-index: 9999;
		padding: 5px 15px;
		border: 1px solid #ccc;
	}
	
	#product .soy_bloque_fijo_ficha > div{
		max-width: 50px;
		width: 100%;
	}
	#product .soy_bloque_fijo_ficha > div.add{
		width: calc(100% - 130px);
		max-width: 100%;
	}
	#product .soy_bloque_fijo_ficha > div a{
		font-size: 100%;
		display: block;
	}
	#product .product-quantity .soy_bloque_fijo_ficha .add{
		padding-top: 0;
		padding-right: 0;
	}
	#product .soy_bloque_fijo_ficha .add button{
		width: 100%;
	}
	#product .soy_bloque_fijo_ficha .soy_llamada{
		
	}
	#product .soy_bloque_fijo_ficha .soy_whatsapp{
		color: #61ce70;
	}
	#product .soy_bloque_fijo_ficha i{
		display: block;
		text-align: center;
		font-size: 48px;
		line-height: 48px;
	}
	#product .soy_bloque_fijo_ficha .soy_llamada i{
		color: #888;
	}
	/* Tamaño imagen modal */
	#blockcart-modal .product-image{
		padding-top: 33%;
	}
	#blockcart-modal .cart-content .h6{
		font-size: 18px;
	}
	#blockcart-modal .cart-content{
		padding-top: 20px;
	}
	#blockcart-modal .cart-content-btn{
		margin-top: 0;
	}
	
}

/*MOD 55517*/
#product .product-additional-info {
	width: 100%;
}

/*MOD 54231*/
/*@media (min-width: 1025px) {
	#header .elementor-search {
		display:yes;
	}
}*/
@media (max-width:1024px) {
	#searchBox {
		position: fixed;
		z-index: 20001;
		width: 100%;
	}
	#resultsShadow {
		top: 200px;
	}	
	.search-fixed-mobile {
		position: fixed;
		top: 47px;
		z-index: 999;
		width: 100%;
	}
}
@media (min-width:480px) and (max-width:767px) {
	#resultsShadow {
		top: 300px;
	}	
}
/*End MOD */

/* Tamaño imagen modal */
@media (min-width: 576px) and (max-width: 991px) {
  #blockcart-modal .product-image {
    padding-top: 20%; 
  }
}
/* END MOD */

@media only screen and (max-width: 600px) {

#header {

position: initial !important;

}

}

/* // MOD #55797 (28/3/22) - Ajuste ficha */
#product .product-quantity .soy-producto-recogida-info .soy-producto-desplegable-row span.soy_specific_quantity{
	width: 12%;
	padding-left: 0;
	padding-right: 0;
}
/* // END MOD */


/* // MOD #57975 - Articulos por fila*/
@media screen and (min-width: 1200px){
	body#category .grid .catalog-products .product-miniature{
		width: 16.66%;
	}
	body#search .grid .catalog-products .product-miniature{
		width: 25%;
	}
}

@media screen and (min-width: 1700px){
	body#category .container, body#search .container{
		width: 1640px;
	}
	body#search .grid .catalog-products .product-miniature{
		width: 16.66%;
	}
}
/* // END MOD */


/*SOYMOD. #69813*/
#product .soy-product-availability{
	border-radius: 5px;
	border: 1px solid #bebdbd;
	width: 100%;
	padding-left: 15px;
	line-height: 31px;
}
/*END MOD*/


/* Target the search results container */
body .search-results-container, body .product-list, body .products {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: stretch; /* Ensures all items are the same height */
}

/* Set each search result item to take up 1/6th of the width */
body .search-results-container .search-result-item, 
body .product-list .product-item, 
body .products .product {
    flex: 0 0 16.66%; /* 100% divided by 6 columns */
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px;
}

/* Add this to ensure that all items have the same height */
body .search-results-container .search-result-item > div, 
body .product-list .product-item > div, 
body .products .product > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Ensure descriptions are hidden with more specific selectors */
body .search-results-container .search-result-item .product-description,
body .product-list .product-item .product-description,
body .products .product .product-description {
    display: none !important;
}

body .search-results-container .search-result-item .product-info,
body .product-list .product-item .product-info,
body .products .product .product-info {
    display: none !important;
}
/* Hide product descriptions using the correct class */
body .search-results-container .product_desc,
body .product-list .product_desc,
body .products .product_desc {
    display: none !important;
}

/* Style for the "Comprar" button */
.add-to-cart-or-refresh {
    display: block; /* Stack vertically */
    width: 100%; /* Full width */
    padding: 10px 20px; /* Padding for better click area */
    margin-bottom: 10px; /* Space below each button */
    background-color: #000000; /* Black background color */
    color: #ffffff; /* White text color */
    text-align: center; /* Center the text */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

/* Style the "Vista rápida" button */
.quick-view {
    display: block; /* Stack vertically */
    width: 100%; /* Full width */
    padding: 10px 20px; /* Padding for better click area */
    margin-bottom: 10px; /* Space below each button */
    background-color: #28a745; /* Green background color */
    color: #ffffff; /* White text color */
    text-align: center; /* Center the text */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

/* Style the "Más información" button */
.link-view {
    display: block; /* Stack vertically */
    width: 100%; /* Full width */
    padding: 10px 20px; /* Padding for better click area */
    margin-bottom: 10px; /* Space below each button */
    background-color: #ffc107; /* Yellow background color */
    color: #ffffff; /* White text color */
    text-align: center; /* Center the text */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

/* Hover effect for all buttons */
.add-to-cart-or-refresh:hover {
    background-color: #0056b3; /* Darker blue on hover for "Comprar" */
}
.quick-view:hover {
    background-color: #218838; /* Darker green on hover for "Vista rápida" */
}
.link-view:hover {
    background-color: #e0a800; /* Darker yellow on hover for "Más información" */
}


/* Center the search results popup on the screen */
.ui-autocomplete {
    position: fixed; /* Position the popup relative to the viewport */
    top: 50%; /* Position from the top of the viewport */
    left: 50%; /* Position from the left of the viewport */
    transform: translate(-50%, -50%); /* Center the element horizontally and vertically */
    width: 50%; /* Set a width for the popup */
    max-width: 600px; /* Maximum width constraint */
    background-color: #ffffff; /* White background for the results */
    border: 1px solid #ddd; /* Light grey border around the results */
    border-radius: 5px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    padding: 10px; /* Padding inside the container */
    max-height: 400px; /* Limit the height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling if needed */
    z-index: 1000; /* Ensure the dropdown appears above other elements */
}

/* Style each search result item */
.ui-menu-item {
    display: flex; /* Use flexbox to align image, text, and price */
    align-items: center; /* Vertically center-align the content */
    justify-content: space-between; /* Space between text and price */
    padding: 10px; /* Space around each item */
    border-bottom: 1px solid #eee; /* Light border between items */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.ui-menu-item:last-child {
    border-bottom: none; /* Remove border for the last item */
}

/* Hover effect for each search result item */
.ui-menu-item:hover {
    background-color: #f5f5f5; /* Light grey background on hover */
}

/* Style the product image */
.wk-img-search {
    width: 50px; /* Fixed width for images */
    height: 50px; /* Fixed height for images */
    margin-right: 10px; /* Space between image and text */
    border-radius: 5px; /* Rounded corners for images */
    object-fit: cover; /* Ensure images are fully contained */
}

/* Style the product name */
.ui-menu-item .product {
    font-size: 14px; /* Set font size for product text */
    color: #333; /* Dark text color */
    font-weight: bold; /* Make text bold */
    flex-grow: 1; /* Allow product text to take up available space */
}

/* New Flexbox code to force button alignment in product cards */
.product-miniature.js-product-miniature {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}

.product-miniature.js-product-miniature .thumbnail-container {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.product-miniature.js-product-miniature .right-block {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.product-miniature.js-product-miniature .highlighted-informations {
  margin-top: auto !important;
}

/* Ensure the right block is a flex container with vertical space distribution */
.product-miniature .right-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}