/* =============================================================
   WooCommerce Fuzzy Search — Dropdown styles
   Attaches below the default WC product search widget input.
   ============================================================= */

/* Dropdown list */
.wcfs-dropdown {
    position:      absolute;
    z-index:       99999;
    top:           100%;
    left:          0;
    right:         0;
    margin:        0;
    padding:       0;
    list-style:    none;
    background:    #fff;
    border:        1px solid #dde1e7;
    border-top:    2px solid #96588a; /* matches WooCommerce purple accent */
    border-radius: 0 0 6px 6px;
    box-shadow:    0 6px 20px rgba(0,0,0,.10);
    max-height:    400px;
    overflow-y:    auto;
}

/* Row */
.wcfs-item a {
    display:        flex;
    align-items:    center;
    gap:            12px;
    padding:        9px 12px;
    text-decoration:none;
    color:          inherit;
    transition:     background .1s;
}
.wcfs-item a:hover,
.wcfs-item.wcfs-active a {
    background: #f9f4fb;
}

/* Thumbnail */
.wcfs-item img {
    flex-shrink:   0;
    width:         44px;
    height:        44px;
    object-fit:    cover;
    border-radius: 4px;
    border:        1px solid #eee;
    background:    #f5f5f5;
}

/* Text block */
.wcfs-info {
    display:        flex;
    flex-direction: column;
    flex:           1;
    min-width:      0;
}
.wcfs-name {
    font-size:     .88rem;
    font-weight:   600;
    color:         #1a1a2e;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}
.wcfs-meta {
    display:     flex;
    gap:         8px;
    margin-top:  3px;
    font-size:   .75rem;
    color:       #888;
    flex-wrap:   wrap;
}
.wcfs-sku { opacity: .8; }

/* WooCommerce injects span.woocommerce-Price-amount — inherit size */
.wcfs-price,
.wcfs-price .woocommerce-Price-amount {
    font-size:   .78rem;
    font-weight: 700;
    color:       #4a7c59;
}

/* Out of stock badge */
.wcfs-oos {
    font-size:   .7rem;
    font-weight: 600;
    color:       #b91c1c;
    background:  #fef2f2;
    border:      1px solid #fecaca;
    border-radius: 3px;
    padding:     1px 5px;
}

/* Scrollbar */
.wcfs-dropdown::-webkit-scrollbar { width: 4px; }
.wcfs-dropdown::-webkit-scrollbar-track { background: #f7f7f7; }
.wcfs-dropdown::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }