/**
 * ============================================================================
 * GudStories Website Application
 * ============================================================================
 *
 * File
 * ----
 * gs-search.css
 *
 * Version
 * -------
 * 2.0.0
 *
 * Status
 * ------
 * WEBSITE APPLICATION
 *
 * Purpose
 * -------
 * Search Feature Integration.
 *
 * Responsibilities
 * ----------------
 * • Search suggestion layout
 * • Search-specific interactions
 * • Feature-only styling
 *
 * Framework Ownership
 * -------------------
 * Core Framework
 *     • Utilities
 *     • Forms
 *     • Buttons
 *     • Cards
 *     • Badges
 *     • Loading
 *     • Overlay
 *     • Effects
 *     • Responsive
 *     • Animations
 *
 * Search Framework
 *     • Search Layout
 *     • Search Header
 *     • Search Results
 *     • Search Grid
 *
 * This file MUST NEVER redefine Framework UI.
 *
 * ============================================================================
 */


/* ==========================================================================
   Search Suggestion Item
   ========================================================================== */

.gs-search-item{

    display:flex;

    align-items:center;

    width:100%;

    cursor:pointer;

}


/* ==========================================================================
   Search Suggestion
   ========================================================================== */

.gs-search-suggestion{

    user-select:none;

}


/* ==========================================================================
   Search Suggestion Hover
   ========================================================================== */

.gs-search-suggestion:hover,

.gs-search-suggestion:focus-visible{

    background:rgba(255,255,255,.05);

}


/* ==========================================================================
   Search Content
   ========================================================================== */

.gs-search-content{

    display:flex;

    align-items:center;

    flex:1;

    min-width:0;

}


/* ==========================================================================
   Search Title
   ========================================================================== */

.gs-search-title{

    flex:1;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}


/* ==========================================================================
   Search Highlight
   ========================================================================== */

.gs-search-highlight{

    color:var(--gs-color-primary);

    font-weight:var(--gs-font-weight-bold);

}


/* ==========================================================================
   Search Keyboard Selection
   ========================================================================== */

.gs-search-selected{

    background:rgba(95,143,123,.15);

}


/* ==========================================================================
   Search Interaction Disabled
   ========================================================================== */

.gs-search-disabled{

    pointer-events:none;

    opacity:.60;

}