/* Soko Ya Hood — shared base styles.
   Layout, marketplace rails, premium cards, mobile search and partners
   are maintained in index-discovery.css. Load this file FIRST. */
:root {
    --soko-orange: #ff6600;
    --soko-orange-dark: #e85d00;
    --soko-soft: #fff7f1;
    --soko-ink: #1f1f1f;
    --soko-muted: #6c757d;
    --soko-radius: 24px;
}

/* Live search results — used by assets/js/index-search.js */
.live-search-results {
    display: none;
    margin-top: 10px;
    max-height: 390px;
    overflow-y: auto;
    border-top: 1px solid rgba(255,102,0,.14);
    padding-top: 8px;
}
.live-group-title {
    padding: 8px 6px 5px;
    font-size: .72rem;
    font-weight: 800;
    color: #777;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.live-result-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px;
    margin-bottom: 7px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
    transition: transform .18s, border-color .18s, box-shadow .18s;
}
.live-result-link:hover {
    transform: translateY(-1px);
    border-color: rgba(255,102,0,.42);
    box-shadow: 0 7px 18px rgba(0,0,0,.07);
    color: inherit;
}
.live-result-image {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 11px;
    object-fit: cover;
    background: #f4f4f4;
}
.live-result-type {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    background: #f2f2f2;
    color: #555;
    margin-left: 5px;
}
.live-result-featured { background: var(--soko-orange); color: #fff; }
.live-result-premium { background: #fff0e4; color: #b74800; }
.live-result-empty { padding: 14px; border-radius: 13px; background: #fafafa; color: #666; }

/* Shared footer link baseline; visual footer styling lives in discovery.css */
.site-footer a { color: #fff; text-decoration: none; opacity: .88; }
.site-footer a:hover { opacity: 1; text-decoration: underline; }
.site-footer .footer-heading { font-weight: 800; margin-bottom: 12px; }

@media (max-width: 576px) {
    .live-search-results { max-height: 350px; }
}
@media (prefers-reduced-motion: reduce) {
    .live-result-link { transition: none; }
}