.ais-SearchBox {
  margin: 1em 0;
}
.ais-Pagination {
  margin-top: 1em;
}
.left-panel {
  float: left;
  margin-top: 1em;
  width: 250px;
}
.right-panel {
  margin-left: 260px;
}

.header {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 0.5rem 1rem;
  background-image: linear-gradient(284deg, #fedd4e, #fcb43a);
  color: #fff;
  margin-bottom: 1rem;
}

.header a {
  color: #fff;
  text-decoration: none;
}

.header-title {
  font-size: 1.2rem;
  font-weight: normal;
}

.header-title::after {
  content: ' ▸ ';
  padding: 0 0.5rem;
}

.header-subtitle {
  font-size: 1.2rem;
}

/*.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}*/

.search-panel {
  display: flex;
}

.search-panel__filters {
  flex: 1;
}

.search-panel__results {
  flex: 3;
}

.ais-Highlight-highlighted {
  color: inherit;
  font-size: inherit;
}

#searchbox {
  margin-bottom: 2rem;
	padding-left: 20px;
}

#pagination {
  margin: 2rem auto;
  text-align: center;
}

.ais-Hits-item article {
  display: flex;
}

.hitmeta {
	margin-bottom: 0;
}

/*.ais-Hits-item img {
  max-height: 125px;
  padding-right: 16px;
}*/

.ais-RefinementList-showMore {
  color: #0047ff;
  font-weight: 500;
}

/*.ais-SearchBox-input {
  border-radius: 4px;
}*/

/* MAIN searchbox: ensure enough left padding so text never overlaps icon */
#searchbox .ais-SearchBox-input{
  padding-left: 40px; /* bump until it clears the icon */
}

/* FACET searchboxes: remove the satellite icon/background entirely */
.facet__searchWrap .ais-SearchBox-input{
  background-image: none !important;
  padding-left: 12px !important;
}

.facet__searchWrap .ais-SearchBox-form::before {
	  background-image: none !important;
}

/* Also hide the magnifier submit button inside facet search, if present */
.facet__searchWrap .ais-SearchBox-submit{
  display: none !important;
}


.ais-ClearRefinements {
	margin-bottom: 20px;
}

/* FACET WRAPPER */
.facet {
  margin-bottom: 18px;
}
.facet__wrapper {
  margin-bottom: 18px;
}

/* HEADER */
.facet__header{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  padding-bottom: 8px;
  margin-top: 20px;	
}

.facet__title{
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: 14px;
}

.facet__iconBtn{
  margin-left: 6px;
  border: 0;
  background: transparent;
  padding: 2px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.facet__icon{
  width: 18px;
  height: 18px;
  opacity: .6;
}

/* SEARCH BOX WRAP (the injected ais search box lives in here) */
.facet__searchWrap{
  margin: 6px 0 10px 0;
}

.facet.facet--empty { display: none; }

/*.facet__emptyMsg { display:none; font-size: 12px; opacity:.7; margin: 6px 0 12px; }
.facet.facet--empty .ais-RefinementList-list,
.facet.facet--empty .ais-RefinementList-showMore,
.facet.facet--empty .facet__searchWrap { display:none; }
.facet.facet--empty .facet__emptyMsg { display:block; }*/


/* Style InstantSearch search input */
.ais-SearchBox-form {
  position: relative;
}

.ais-SearchBox-input{
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.12);
  outline: none;
}

.ais-SearchBox-input:focus{
  border-color: rgba(0,0,0,.25);
}

/* LIST ITEMS */
.ais-RefinementList-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

.ais-RefinementList-item{
	font-size: 13px;
	/*margin-bottom: 10px;*/
}

.ais-RefinementList-label{
  display:flex;
  align-items:center;
  gap: 8px;
  cursor:pointer;
}

/* Checkbox look */
.ais-RefinementList-checkbox{
  width: 18px;
  height: 18px;
  border-radius: 6px;       /* rounded-square like Algolia */
  border: 1px solid rgba(0,0,0,.18);
  appearance: none;
  display:inline-block;
  position: relative;
}

.ais-RefinementList-checkbox:checked{
  border-color: rgba(0,0,0,.35);
}

.ais-RefinementList-checkbox:checked::after{
  content:"";
  position:absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid rgba(0,0,0,.75);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Label text */
.ais-RefinementList-labelText{
  white-space: normal;
  overflow-wrap: anywhere;
}

/* COUNT PILL */
.ais-RefinementList-count{
  margin-left: 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.04);
  font-size: 12px;
  opacity: .8;
}

/* SHOW MORE BUTTON */
.ais-RefinementList-showMore{
	margin-top: 10px;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 16px 0;
	font-weight: 500;
}

.sortby-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.sortby-label{
  font-weight:700;
  text-transform:uppercase; /* optional */
  letter-spacing:.02em;     /* optional */
  opacity:.7;               /* optional */
}


#current-refinements {
	margin-bottom: 20px;
    padding: 12px;
}

.cr-list { display:flex; flex-wrap:wrap; gap:10px; }
.cr-item { display:contents; }

.cr-pill{
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(30,90,255,.08);
  color: #1346ff;
  border-radius: 6px;
  padding: 6px 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.cr-pill__x{
  display:inline-flex;
  width:18px; height:18px;
  border-radius:999px;
  align-items:center; justify-content:center;
  border:1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.8);
  line-height:1;
  cursor:pointer;
}