/* ═══════════════════════════════════════════════════════════════
   OD Live Search — Results Dropdown
   Path: /wp-content/themes/your-theme/css/od-live-search.css
   Styles the product results panel injected by od-live-search.js
   right below the ElementsKit search popup input.
   ═══════════════════════════════════════════════════════════════ */

.od-live-search-results {
    display: none;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
    max-height: 420px;
    overflow-y: auto;
    z-index: 999999;
    text-align: left;
    /* position/top/left/width are set inline by od-live-search.js */
}
.od-live-search-results.is-open {
    display: block;
}

.od-ls-loading,
.od-ls-empty {
    padding: 24px 22px;
    font-size: 14px;
    color: #8a857a;
    text-align: center;
}

.od-ls-list {
    padding: 8px;
}

.od-ls-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: background .15s ease;
}
.od-ls-item:hover {
    background: #fff5e8;
}

.od-ls-thumb {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    background: #f0ede8;
}
.od-ls-thumb-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.od-ls-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.od-ls-name-row {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.od-ls-badge {
    flex-shrink: 0;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 2px 7px;
    border-radius: 10px;
}
.od-ls-badge-product { background: #fff0dc; color: #FF8008; }
.od-ls-badge-blog    { background: #e0f2fe; color: #0369a1; }
.od-ls-badge-page    { background: #ede9fe; color: #6d28d9; }

.od-ls-name {
    font-size: 14px;
    font-weight: 600;
    color: #1a1814;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.od-ls-cat {
    font-size: 11px;
    color: #b5b0a6;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.od-ls-price {
    font-size: 13px;
    font-weight: 700;
    color: #FF8008;
    flex-shrink: 0;
    white-space: nowrap;
}

.od-ls-viewall {
    display: block;
    text-align: center;
    padding: 14px;
    font-size: 13px;
    font-weight: 700;
    color: #FF8008;
    text-decoration: none !important;
    border-top: 1px solid #f0ede8;
    background: #fffaf3;
    border-radius: 0 0 16px 16px;
}
.od-ls-viewall:hover {
    background: #fff0dc;
}

@media (max-width: 480px) {
    .od-live-search-results {
        max-height: 60vh;
    }
    .od-ls-thumb {
        width: 44px;
        height: 44px;
    }
}