/* Search centered and gap increased to 30px */
.taf-search-wrap { margin-bottom:30px; display:flex; justify-content:center; }
.taf-search-inner { position:relative; width:100%; max-width:560px; }
.taf-search { width:100%; padding:10px 38px; border:1px solid #ccc; border-radius:8px; font-size:15px; box-sizing:border-box; }

.taf-search-icon { position:absolute; left:8px; top:50%; transform:translateY(-50%); background:transparent; border:none; color:#0073aa; cursor:pointer; padding:4px; display:flex; align-items:center; justify-content:center; }
.taf-clear-btn { position:absolute; right:8px; top:50%; transform:translateY(-50%); background:transparent; border:none; color:#666; font-size:20px; line-height:1; cursor:pointer; padding:2px 6px; display:none; }

/* Filters: default (inactive) style: blue bg white text, selected -> white bg blue text */
.taf-terms { margin-bottom: 12px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.taf-term-btn { padding:8px 12px; border:1px solid #0073aa; background:#0073aa; color:#fff; cursor:pointer; border-radius:6px; font-weight:600; }
.taf-term-btn.inactive-default { background:#0073aa; color:#fff; border-color:#0073aa; }
.taf-term-btn.active-selected { background:#fff; color:#0073aa; border-color:#0073aa; }

/* Grid: 3 columns */
.taf-results .taf-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; align-items:start; }
.taf-item { width:100%; padding:10px; border-radius:6px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.04); }
.taf-thumb img { width:100%; height:auto; display:block; border-radius:6px 6px 0 0; object-fit:cover; }
.taf-item .taf-title { margin:10px 0 0; font-size:16px; color:#0073aa; }

/* Pagination/load more */
.taf-loadmore-wrap { margin-top:18px; }
.taf-loadmore-btn { padding:10px 14px; border:1px solid #0073aa; background:#0073aa; color:#fff; border-radius:6px; cursor:pointer; font-weight:600; }
.taf-loadmore-btn:hover { opacity:0.95; }

/* Pagination fallback buttons */
.taf-pagination { margin-top:12px; display:flex; gap:6px; flex-wrap:wrap; }
.taf-page-btn { padding:6px 8px; border:1px solid #ccc; background:#fff; border-radius:4px; cursor:pointer; }
.taf-page-btn.active { background:#0073aa; color:#fff; border-color:#0073aa; }

.taf-no-terms { color:#666; font-size:14px; margin-left:8px; }
.taf-no-results { color:#666; padding:8px 0; }

/* Responsive */
@media (max-width:980px) {
    .taf-results .taf-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:560px) {
    .taf-results .taf-grid { grid-template-columns: repeat(1, 1fr); }
    .taf-search-inner { max-width:100%; padding:0 12px; box-sizing:border-box; }
}