/* Uncode Grid Search - Accessible Autocomplete */
.uncode-grid-search-wrapper{margin-bottom:2rem;position:relative}
.search-input-container{position:relative;max-width:500px;margin:0 auto}
.uncode-grid-search-input{width:100%;padding:15px 45px 15px 20px;border:2px solid #e0e0e0;border-radius:0;font-size:16px;outline:none;transition:all .3s ease;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.uncode-grid-search-input:focus{border-color:#007cba;box-shadow:0 2px 20px rgba(0,124,186,.2);outline:2px solid transparent}

/* Clear button */
.search-clear{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:5px;line-height:1;opacity:0;transition:opacity .3s ease}
.search-clear:focus{opacity:1;outline:2px solid #007cba;outline-offset:2px}
.uncode-grid-search-input:not(:placeholder-shown)~.search-clear{opacity:1}

/* Suggestions listbox */
.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.15);max-height:300px;overflow-y:auto;z-index:1000;display:none}
.search-suggestions:empty{display:none!important}
.search-suggestion{padding:12px 20px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}
.search-suggestion:hover,.search-suggestion.active,.search-suggestion[aria-selected="true"]{background-color:#f8f9fa}
.search-suggestion:last-child{border-bottom:none}
.search-suggestion-title{font-weight:600;color:#333;margin-bottom:4px}
.search-suggestion-excerpt{font-size:14px;color:#666;line-height:1.4}

/* Results count and messages */
.search-results-count{text-align:center;margin:15px 0;color:#666;font-style:italic}
.no-results-message{text-align:center;padding:40px 20px;color:#666;font-style:italic;font-size:18px}

/* Grid item visibility */
.tmb{transition:opacity .3s ease,transform .3s ease}
.tmb.hidden{display:none!important}
.cssgrid-container.few-results .tmb:not(.hidden) .t-entry-excerpt{margin-bottom:24px!important}

/* Search highlight using semantic <mark> element */
.search-highlight,mark.search-highlight{background-color:yellow;padding:1px 0;border-radius:2px;color:inherit}

/* Screen reader only - visually hidden but accessible */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}