/*Search*/
/*#search_bar_container input:focus,
#search_bar_container input:focus-visible{ border-color:#6ec1e4; }
#search_input:hover,
#search_input:focus,
#search_input:visited{outline: none; border-width:2px;}
#search_bar_container{min-width: 255px;}
#search_bar_container input{ width:100%; padding:8px; background:#fff; border:1px solid #666; border-radius:25px;}*/
#search_bar_container {
    max-width: 100%;
    position: relative;
}

#search_input {
    background: rgba(255, 255, 255, 0.1);
	padding: 5px 5px 5px 10px;
    border: 1px solid #666;
    border-radius: 25px;
    width: 100%;
}

#search_bar_container input:focus-visible{ border-color:#6ec1e4; }
#search_bar_container input:focus-visible + #search_button,
#search_bar_container input:focus-visible ~ #search_button {
    border-color: #6ec1e4 !important; /* Set the new border color for button when input is focus-visible */
}
#search_input:hover, #search_input:focus, #search_input:visited,
#search_input:hover + #search_button, #search_input:focus + #search_button, #search_input:visited + #search_button,
#search_input:hover ~ #search_button, #search_input:focus ~ #search_button, #search_input:visited ~ #search_button {
    outline: none !important;
    border-width: 2px !important;
}


#search_button {
	border-top: 1px solid #666 !important; /* Adjust the thickness and color as needed */
    border-right: 1px solid #666 !important; /* Adjust the thickness and color as needed */
    border-bottom: 1px solid #666 !important; /* Adjust the thickness and color as needed */
    border-left: none; /* Ensure there's no border on the left */
    aspect-ratio: 1;
    height: 100%;
	background: white;
    border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
    
    position: absolute;
    right: 0px;
}


#search_button img {
    width: 20px !important;
    height: 20px !important;
}


#result:before{font-family:FontAwesome;content:"\f002";float: right; top:-38px;position: relative; right: 10px;}
#result {overflow:auto; max-height:200px; position:absolute; z-index:1000;}
#result ul { list-style-type: none; padding: 0; margin: 0; min-width: 255px; background:#fff; padding: 5px;}
#result ul li { padding: 5px; border-bottom:1px solid #eee;}
#result ul li a{ font-size:0.85rem; color:#000;}
#result ul li:hover { background: #f4f4f4;}
#result ul li:after { content: ""; clear: both; display: table;}    
li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.search_result_product_image{float:left; width:18% ;padding-right:2%;}
.search_result_product_content{float:left; width:80%; line-height: 14px;} 

/*Product grid shortcode*/
.group-title{ font-size:2rem; padding-bottom:10px; border-bottom:1px solid #3a3a3a; margin-bottom:20px;}
.group-title span{font-weight:bold;}
.woocommerce-loop-product__title{font-family: 'Roboto', Sans-serif; font-weight: 600;}
.product-categories{font-size: .85em;margin-bottom: 0.5em;display: block;line-height: 1.3;opacity: .6;}
.product-price{color: #23a455;font-weight: bold; font-size: 0.9rem;}
.product-price del{ color: #999 !important; }
#grid-store .product .button{ background: #6EC1E4 !important; padding:10px 25px !important; }
#grid-store .product h3 a{color: #3a3a3a !important; }


/*Product filter shortcode*/
.hide{display:none !important; margin-bottom:0px !important; padding-bottom:0px !important;}
.category_filter,
.keyword_filter{margin:0; padding:0; list-style:none;}
.filter-title{font-size:1.2rem; font-weight:bold; padding-bottom:10px; margin-bottom:0px !important; cursor: pointer;}
.filter-container{margin-bottom:35px; padding-right:20px;}
.filter-list{padding:0; margin:0; list-style:none;}
.filter-list .keyword_filter{margin-bottom:35px;}
.filter-list i,
.category_filter_title i{font-size: 10px;    /* font-weight: normal; */    margin-top: 8px;}
.filter-list div{font-size: 1.1rem; cursor:pointer; font-weight: bold;  margin-bottom: 10px;}
.category_filter li a,
.filter-container li a{ color:#0170b9 !important; }
.category_filter li a:hover,
.filter-container li a:hover{ color:#000 !important; }


/*Filter tags*/
#cat-keys-selected{ padding-bottom: 25px;}
.tag-remove{ padding: 5px 12px;  display: inline-block; border: 1px solid #eee; background: #fff; border-radius: 25px; margin-right: 5px; margin-bottom: 5px;}
.tag-remove i{margin-left: 7px; position: relative; top: 1px; font-size: 0.9rem; color:#6ec1e4 !important;}
.tag-category{ font-weight:bold }
#cat-keys-selected span.is-and:last-child,
#cat-keys-selected span.is-or:last-child{ display:none;}
.is-and:before{ width:20px; border-color:red; content:'-and-';}
.is-or:before{ width:20px; border-color:red;content:'-or-';}


/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 40px; height: 24px;}
/* Hide default HTML checkbox */
.switch input { opacity: 0;width: 0; height: 0;}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -1px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
/* Rounded sliders */
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}


/*Responsive*/
@media(max-width: 800px){
  .category_filter li,
  .keyword_filter li{
      width: 50%;
      display: inline-block;
  }    
  .category_filter,
  .keyword_filter{
      padding: 10px 10px 10px 10px;
      margin-bottom: 20px !important;
      clear: both;
      background: #f4f4f4;
  }
  .filter-title{background: #eee; padding:10px;}
  .filter-container{margin-bottom:15px;}
  .hide-mobile{display:none;}
}

@media(min-width: 801px){
  .category_filter_title i{display:none;}
  .hide-desktop{display:none;}
  .hide-mobile{cursor:auto !important;}
}