/* ooif.css — Optic One Instant Filter UI */

.ooif-bar{
  display:flex;
  align-items:stretch;
  gap:12px;
  padding:10px 12px;
  background:#f5f5f7;
  border-radius:8px;
  margin-bottom:16px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
}

.ooif-field{
  display:inline-flex;
  flex-direction:column;
  gap:4px;
  min-width:190px;
  flex:0 0 auto;
  white-space:normal;
}

.ooif-lbl{
  font-size:12px;
  font-weight:600;
  color:#333;
}

.ooif-select,
.ooif-input{
  appearance:none;
  width:100%;
  padding:8px 10px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  font-size:14px;
  line-height:1.2;
}

.ooif-price{
  min-width:220px;
}

.ooif-pricewrap{
  display:flex;
  align-items:center;
  gap:8px;
}

.ooif-dash{ opacity:.6; }

.ooif-actions{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-left:auto;
  flex:0 0 auto;
}

.ooif-clear{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  background:#fff;
  color:#111;
  border:1px solid #ddd;
  border-radius:6px;
  cursor:pointer;
  white-space:nowrap;
}

.ooif-clear:hover{ background:#fafafa; }

.ooif-count{
  font-size:13px;
  color:#333;
  white-space:nowrap;
}

/* Load-more button */
#ooif-loadmore.ooif-loadmore{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
  margin:16px 0;
}
#ooif-loadmore.ooif-loadmore[hidden]{ display:none; }

/* Loading hint */
html.ooif-loading .woocommerce ul.products{
  opacity:.6;
  transition:opacity .15s ease;
}