/*
 * vinjakt.nu's store-search styles.
 *
 * Captured verbatim from the live product page, where they are an inline
 * <style> block rather than an enqueued file — so the chrome extraction, which
 * takes the head from one page, never carried them. Without these the search
 * icon fell below the input instead of sitting inside it, the clear button
 * showed as a stray glyph, and the results list had no dropdown treatment.
 *
 * It also sets .storeSearch-container{display:block}, overriding the
 * display:none later in the site's own CSS — which is why the finder is
 * visible on live product pages despite that rule.
 */

.storeSearch-container {
  margin-bottom:25px;
  display:block;
  border-bottom: 1px solid rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
  padding-bottom: 25px;
  padding-top: 18px;
}
.storeSearch-container .storeSearch {
  border:0;
  width: calc(100% - 26px);
}
.storeSearch-input {
  position: relative;
  flex-wrap: wrap;
  background: white;
  display: flex;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:2px;
}
.storeSearch-container .fa-search {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #549a5d;
}
.storeSearch-container ul {
	position:absolute;
	z-index:5;
	width:100%;
	top:100%;
	list-style:none;
	max-height: 265px;
	background: white;
	box-shadow:0 3px 5px 0 rgba(0,1,1,.1);
	margin-left: -1px;
    margin-top: 1px;
    border-left:1px solid rgba(0,0,0,0.2);
    padding-left:0;
}
.storeSearch-container ul li {
	cursor:pointer;
	padding:0.4em 0 0.4em 1em;
}
.storeSearch-container ul li:before {
  display:none;
}
.storeSearch-container ul li.selected {
background:#5e9365;
color: white;
}
.storeSearch-container ul::-webkit-scrollbar {
    width: 5px;
}
 
.storeSearch-container ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(70, 70, 70, 0.3);
}
 
.storeSearch-container ul::-webkit-scrollbar-thumb {
  background-color: #5e9365;
  outline: 1px solid slategrey;
}
.storeSearch-loading {
	height: 40px;
	display: none;
}
.storeSearch-circle {
	content: '';
     box-sizing: border-box;
     position: relative;
     top: 65%;
     left: 50%;
     width: 20px;
     height: 20px;
     margin-top: -10px;
     margin-left: -10px;
     border-radius: 50%;
     border: 2px solid #ccc;
     border-top-color: #5e9365;
     animation: loading-anim .6s linear infinite;
}
@keyframes loading-anim {
    to {
      transform: rotate(360deg);
    }
}
.storeSearch-available, .storeSearch-unavailable {
  display: none;
  margin-top: 25px;
  font-size: 0.8em;
  padding: 10px;
}

.storeSearch-available {
  border: 2px solid green;	
}

.storeSearch-unavailable {
  border: 2px solid red;
}
.storeSearch-container .storeSearch-heading {
	padding-top:0px;
	margin-bottom:15px;
	font-size:0.85em;
}
.fa-times-circle {
	display:none;
	margin-top: 11px;
    margin-left: 6px;
    cursor:pointer;
}