/* ===== Blog Sidebar Styles ===== */

/* Search results dropdown */
.blog-sidebar-search-results {
    position: absolute;
    z-index: 50;
    background-color: rgb(var(--bg-primary));
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    margin-top: 0.25rem;
    border: 2px solid rgba(var(--color-primary), 0.2);
    border-radius: 0.5rem;
    width: 100%;
    max-height: 20rem;
    overflow-y: auto;
    color: rgb(var(--text-primary));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.dark .blog-sidebar-search-results {
    background-color: rgba(31, 41, 55, 0.95);
    border-color: rgba(var(--color-primary), 0.3);
    color: rgb(var(--text-primary));
}

.autocomplete-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(var(--color-primary),.1);transition:all .2s ease;font-size:.875rem;color:rgb(var(--text-primary));position:relative;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.dark .autocomplete-item{border-bottom:1px solid rgba(var(--color-primary),.15);color:rgb(var(--text-primary))}.autocomplete-item::before{content:'';width:4px;height:4px;border-radius:50%;background:rgb(var(--color-primary));opacity:0;transition:opacity .2s ease;flex-shrink:0}.autocomplete-item:hover{background:linear-gradient(90deg,rgba(var(--color-primary),.08) 0%,transparent 100%);color:rgb(var(--color-primary));padding-left:20px}.autocomplete-item:hover::before{opacity:1}.dark .autocomplete-item:hover{background:linear-gradient(90deg,rgba(var(--color-primary),.12) 0%,transparent 100%);color:rgb(var(--color-primary-light))}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.autocomplete-item-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.autocomplete-item-category{flex-shrink:0;font-size:.75rem;padding:2px 8px;border-radius:9999px;background-color:rgba(var(--color-primary),.1);color:rgb(var(--color-primary));max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-loading,.autocomplete-no-results{padding:12px 16px;font-size:.875rem;color:rgb(var(--text-secondary));text-align:center;font-style:italic}.dark .autocomplete-loading,.dark .autocomplete-no-results{color:rgb(var(--text-tertiary))}