@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
.easy-autocomplete input {
padding-right: 30px;
}
.easy-autocomplete-container ul li div {
	word-break: normal !important;
}
.easy-autocomplete-container ul li.custom-suggestion {
  font-weight: bold !important;
  font-size: 13px !important;
}
.clear-search {
	display: none;
	position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    z-index: 20;
}
#search-form-container.revealed .clear-search {
	display: block !important;
}
.easy-autocomplete input, .easy-autocomplete input:focus {
	border-radius: 50px;
	border-width: 2px;
	border-color: white;
	box-shadow: none;
	color: white;
}
.easy-autocomplete-container ul {
	margin: 0 !important;
}
.easy-autocomplete-container ul li {
	padding: 0.5rem 0.75rem !important;
	margin: 0 0 !important;
	font-size: 12px !important;
}

.prod-cat-details > div {
	list-style: none;
    display: flex;
    justify-content: start;
    margin: 0 !important;
    padding: 0 !important;
}
.prod-cat-details > div span {
	padding: 0 0.5rem !important;
    margin-bottom: 0 !important;
    
}
.prod-cat-details > div span:not(:last-of-type) {
	border-right: 1px solid white;
}
.prod-cat-details {
  position: absolute;
  z-index: 2;
  padding: 5px;
  opacity: 1;
  top: 0;
  right: 0;
  background-color: rgb(var(--color-brand));
  font-size: 12px;
  color: white;
}
@media (max-width: 500px) {
	#toggle-search-btn.revealed {
    	width:30px!important;
    }
	nav#main-nav #topNavBar .search-form-container #search-form.revealed {
    	right: .5rem;
    }
    #search-form-container.revealed .easy-autocomplete {
    	width:174px!important;
    }
    #search-form-container.revealed .clear-search {
    	right: 1rem;
    }
    #toggle-nav-btn {
    	margin-left:0!important;
    }
}
@media (max-width: 375px) {
    #search-form-container.revealed .easy-autocomplete {
    	width:134px!important;
    }
}