/* ===== Tax filter layout ===== */

.taxfilter{
  margin:0;
}

.taxfilter__group{
  width:100%;
}

.taxfilter__group + .taxfilter__group{
  border-top:1px solid #d7d7d7;
}


.ingredient-search-tile .taxfilter__group:first-child {
  padding-top: 0;
}

.ingredient-search-tile .taxfilter__group:last-child {
  padding-bottom: 0;
}
.ingredient-search-tile .taxfilter__group{
	padding-top: var(--pad-m);
	padding-bottom: var(--pad-m);
}

.taxfilter__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:0.5rem;
  width:100%;
  margin-bottom:1rem;
}

.taxfilter__heading{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-width:0;
}

.taxfilter__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.5rem;
  height:1.5rem;
  flex:0 0 auto;
  color:var(--c-green-50);
}

.taxfilter__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:currentColor;
}

.ingredient-search-tile .taxfilter__group--ingredient_application .taxfilter__heading .taxfilter__icon:first-child {
  display: none;
}

.taxfilter__label{
  font-weight:700;
  line-height:1.3;
}

.taxfilter__reset{
  flex:0 0 auto;
  white-space:nowrap;
  text-decoration:none;
}

.taxfilter__body{
  width:100%;
}

.taxfilter__items{
  display:flex;
  flex-wrap:wrap;
  gap:.875rem 1rem;
  width:100%;
}

.taxfilter__item{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}

.taxfilter__item.is-active{
  color:#000;
  font-weight:700;
}

.taxfilter__item:hover{
  text-decoration:none;
}

.taxfilter__item.is-active:hover{
  text-decoration:none;
}

@media (max-width:767px){
  .taxfilter__head{
    flex-direction:column;
    align-items:flex-start;
  }
}


.taxfilter__items {
	display: flex;
	flex-wrap: wrap;
	gap: 0rem;
	align-items: center;
  }
  
  .taxfilter__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0.2em 1rem 0.4em 1rem;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 400;
	white-space: nowrap;
	margin:0.4rem 0.3rem;
  }
  
  /* inactive: mid grey bg, dark grey text */
  .taxfilter__item.inactive {
	background: #d0d0d0;
	color: #666;
	cursor: default;
	opacity: 0.5;
  }
  
  /* active (clickable): light blue bg, black text */
  .taxfilter__item.active {
	background: #EFF2FD;
	color: #000;
  }
  
  .taxfilter__item.active:hover {
	background:var(--bg-sand);
	  color:var(--c-black-50);
  }
  
  
  
  /* selected: black bg, white text */
  .taxfilter__item.selected {
	background: var(--bg-sand);
	color: #000;
  }
  
  /* make spans look identical to links */
  .taxfilter__item[aria-disabled="true"] {
	pointer-events: none;
  }
  
  /* keep no underline anywhere */
  .taxfilter__item:hover,
  .taxfilter__item:focus,
  .taxfilter__item:active {
	text-decoration: none;
  }
  
  .taxfilter__item.taxfilter__reset.active {
	background: var(--bg-l-green-20);
	color: #000;
  }
  
  .taxfilter__item.taxfilter__reset.active:hover {
	background: var(--bg-l-green-10);
  }