/* TSR – GenerateBlocks Dynamic Filters (frontend) */

.tsr-filters{
  background: #fafafa;
  border-radius: 14px;
  padding: 22px;
  margin: 0 0 28px;
}

.tsr-filters__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 860px){
  .tsr-filters__grid{ grid-template-columns: 1fr; }
}

.tsr-filters__field{ display:flex; flex-direction:column; gap:6px; }

.tsr-filters__label{
  font-size: 14px;
  font-weight: 600;
}

.tsr-filters__select{
  width: 100%;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 10px;
  background: #fff;
}

.tsr-filters__actions{
  display:flex;
  gap: 10px;
  margin-top: 14px;
  align-items:center;
}

.tsr-filters__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 16px;
  border-radius: 999px;
  text-decoration:none;
  border: 1px solid transparent;
  cursor:pointer;
  line-height: 1;
  font-size: 14px;
}

.tsr-filters__btn--primary{
  background:#7a1f2b;
  border-color:#7a1f2b;
  color:#fff;
}

.tsr-filters__btn--ghost{
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.08);
  color: inherit;
}

/* Generic base class (if you use [tsr_filter_select class="tsr-filter"]) */
.tsr-filter{ margin: 0 0 18px; }
.tsr-filter__field{ display:flex; flex-direction:column; gap:6px; }
.tsr-filter__label{ font-size:14px; font-weight:600; }
.tsr-filter__select{
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:10px;
  background:#fff;
  min-width: 240px;
}
.tsr-filter__actions{ display:flex; gap:10px; margin-top:10px; }
.tsr-filter__btn{ padding:10px 16px; border-radius:999px; border:1px solid transparent; cursor:pointer; font-size:14px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.tsr-filter__btn--primary{ background:#7a1f2b; border-color:#7a1f2b; color:#fff; }
.tsr-filter__btn--ghost{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.08); color:inherit; }
.tsr-filters__search{margin:0 0 14px;}
.tsr-filters__search-input{
  width:100%;
  padding:10px 14px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:10px;
  background:#fff;
}


/* Smart search */
.tsr-filters--with-search{
  padding-top: 18px;
}
.tsr-filters__search-wrap{
  margin: 0 0 18px;
}
.tsr-filters__search-label{
  display:block;
  margin:0 0 8px;
  font-size:14px;
  font-weight:600;
}
.tsr-filters__search{
  position:relative;
  display:flex;
  align-items:center;
}
.tsr-filters__search-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  opacity:.55;
  pointer-events:none;
  font-size:16px;
}
.tsr-filters__search-input{
  width:100%;
  min-height:48px;
  padding:12px 14px 12px 40px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.tsr-filters__search-input:focus{
  outline:none;
  border-color:#7a1f2b;
  box-shadow:0 0 0 3px rgba(122,31,43,.10);
}


/* Smaller, more elegant search */
.tsr-filters--with-search{
  padding-top: 14px;
}
.tsr-filters__search-wrap{
  margin: 0 0 14px;
}
.tsr-filters__search-label{
  display:block;
  margin:0 0 6px;
  font-size:13px;
  font-weight:500;
  color:#5b5b5b;
}
.tsr-filters__search-input{
  min-height:42px;
  padding:10px 12px 10px 36px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  box-shadow:none;
  font-size:14px;
}
.tsr-filters__search-icon{
  left:12px;
  font-size:14px;
  opacity:.45;
}
.tsr-filters__grid{
  gap: 12px;
}
.tsr-filters__select{
  padding: 9px 12px;
  border-radius: 9px;
}
.tsr-filters__actions{
  margin-top: 12px;
}
.tsr-filters__btn{
  padding: 9px 14px;
  font-size: 13px;
}


/* Featured search area */
.tsr-filters__search-wrap--featured{
  padding: 14px 14px 12px;
  margin: 0 0 16px;
  border: 1px solid rgba(122,31,43,.14);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(250,246,247,.96) 100%);
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
}
.tsr-filters__search-wrap--featured .tsr-filters__search-label{
  margin-bottom: 7px;
  color: #751624;
  font-weight: 600;
}
.tsr-filters__search-wrap--featured .tsr-filters__search-input{
  background: #fff;
  border-color: rgba(117,22,36,.16);
}
.tsr-filters__search-wrap--featured .tsr-filters__search-input:focus{
  border-color: #751624;
  box-shadow: 0 0 0 3px rgba(117,22,36,.10);
}


/* Client-side filtering helper */
.gb-loop-items,
.wp-block-post-template{
  align-items: stretch;
}


/* Native select options are limited, but keep a cleaner look */
.tsr-filters__select{
  font-size: 15px;
}


.tsr-gbdf-no-results{margin:16px 0;padding:14px 16px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fafafa;}