/* Custom styles */

/* Search header */
.header-search-form-wrapper .searchform > div:first-child > div:last-child {
	margin-right: -32px;
}
.header-search-form-wrapper .searchform > div:first-child > div:first-child .search-field {
	padding-left: 32px;
}
.header-search-form-wrapper .ux-search-submit:not(.round) {
	background-color: transparent;
	height: 100%;
	border: 0;
	padding-left: 9px!important;
}
.header-search-form-wrapper .ux-search-submit:not(.round):not(.loading) {
	background-color: transparent;
	color: var(--primary-color, #000000);
	height: 100%;
	border: 0;
	padding-left: 9px!important;
}
.header-search-form-wrapper .button.loading:after {
	border-width: 1px;
	border-color: var(--primary-color, #000000);
}
.header-search-form-wrapper .button:hover {
	box-shadow: none;
}
.header-search-form-wrapper .searchform .button.icon i {
	font-size: 1.5em;
	top: 3px;
}
.header-search-form-wrapper .ux-search-submit:not(.loading):not(.round) .icon-search:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E");

}
input[type="search"]{
/*
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat left;
  background-position-x: 10px;
	padding: 9px 4px 9px 35px;
	color:#000000;
*/
}
.taw-search-lightbox { background-color:#fff !important; }
.taw-search-lightbox .searchform-wrapper .autocomplete-suggestions {
	display: grid!important;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	padding: 0;
}
.taw-search-lightbox .searchform-wrapper .autocomplete-suggestion { padding:0; border:0; }
.taw-search-lightbox .searchform-wrapper .autocomplete-suggestions .search-name,
.taw-search-lightbox .searchform-wrapper .autocomplete-suggestions .search-price { display:none; }
.taw-search-lightbox .searchform-wrapper .autocomplete-suggestions .search-image {
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 0!important;
}
.taw-search-lightbox .searchform .button.icon { height:100%; }
.taw-search-lightbox input[type=search].search-field { box-shadow:none!important; border-color: #000000; border-left:transparent; }
.taw-search-lightbox input[type=search].search-field:focus { box-shadow:none!important; }

/*element search lightbox header*/
.taw-search-lightbox #search-lightbox {
	font-size: 0.75em;
}
.admin-bar .taw-search-lightbox.mfp-content.off-canvas-cart { margin-top:0 }
.off-canvas-left .mfp-content {
    right: auto;
}
.off-canvas .taw-search-lightbox.mfp-content.off-canvas-cart {
    --drawer-width: 400px;
}
.taw-search-lightbox .live-search-results { border-top:1px solid #000; }
.taw-search-lightbox .search-title {
	padding: 12px 9px 10px;
}
.taw-search-lightbox .searchform-wrapper .search-title {
	padding: 4px 9px 4px;
	background-color: #f7f7f7;
}
.taw-search-lightbox .categories-list ul,
.taw-search-lightbox .categories-list ul li { margin-bottom:0; }
.taw-search-lightbox .categories-list ul li a {
	padding: 4px 9px;
	border-top:	1px solid #f2f2f2;
	display: block;
	color: #0018a8;
}
.taw-search-lightbox .categories-list {
}
.taw-search-lightbox .productos-destacados ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-bottom: 0;
}
.taw-search-lightbox .productos-destacados ul li { margin-bottom: 0; }
.taw-search-lightbox .productos-destacados ul li::marker {
	content: '';
}
.taw-search-lightbox .searchform .button.icon {
	background-color: #fff;
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: transparent;
	border-right: transparent;
}
