.jj-cat-archive-search{ position:relative; max-width:760px; margin: 0 0 22px; }
.jjcas__field{ position:relative; }
.jjcas__input{
  width:100%;
  padding:14px 44px 14px 14px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
}
.jjcas__clear{
  position:absolute;
  right:40px;
  top:50%;
  transform: translateY(-50%);
  border:0;
  background:transparent;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  opacity:.6;
}
.jjcas__clear:hover{ opacity:1; }
.jjcas__spinner{
  position:absolute; right:14px; top:50%;
  width:16px; height:16px; margin-top:-8px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.2);
  border-top-color: rgba(0,0,0,.55);
  opacity:0;
  animation: jjcasSpin .8s linear infinite;
}
.jj-cat-archive-search.is-loading .jjcas__spinner{ opacity:1; }
@keyframes jjcasSpin{ to{ transform: rotate(360deg); } }

.jjcas__meta{ margin-top:8px; font-size:13px; opacity:.75; }
.jjcas__empty{ padding: 14px 0; opacity:.7; }
.jjcas__fallback-title{ margin:0 0 6px; }
.jjcas__fallback-excerpt{ opacity:.85; }

.jjcas__pagination ul.page-numbers{
  list-style:none;
  margin: 18px 0 0;
  padding:0;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.jjcas__pagination .page-numbers a,
.jjcas__pagination .page-numbers span{
  display:inline-block;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:8px;
  text-decoration:none;
}

/* Hide native WebKit search clear (prevents double X on macOS/iOS) */
.jjcas__input::-webkit-search-cancel-button,
.jjcas__input::-webkit-search-decoration {
  -webkit-appearance: none;
  display: none;
}