/* ==========================================================================
   Buscador — sugerencias de la lupa (header.php) y extras de search.php.
   Motor: inc/buscador.php · store: assets/js/buscador.js
   ========================================================================== */

/* ── Sugerencias en vivo, sobre el overlay oscuro ─────────────────────── */
.fedomu-buscador {
    margin-top: 1rem;
    max-height: min(56vh, 460px);
    overflow-y: auto;
    overscroll-behavior: contain;
    color: #fff;
}
.fedomu-buscador[hidden] { display: none; }
.fedomu-buscador__estado {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    color: rgba(255,255,255,0.7);
}
.fedomu-buscador__quiso {
    display: block;
    margin: 0 0 0.75rem;
    padding: 0;
    background: none;
    border: 0;
    color: #fff;
    font: inherit;
    font-size: 0.9375rem;
    text-align: left;
    cursor: pointer;
}
.fedomu-buscador__quiso[hidden] { display: none; }
.fedomu-buscador__quiso strong {
    color: var(--wp--preset--color--fedomu-gold);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.fedomu-buscador__lista {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fedomu-buscador__enlace {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.75rem;
    row-gap: 0.125rem;
    align-items: baseline;
    padding: 0.625rem 0.75rem;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    transition: background 0.15s ease-out;
}
.fedomu-buscador__item[aria-selected="true"] .fedomu-buscador__enlace,
.fedomu-buscador__enlace:hover,
.fedomu-buscador__enlace:focus-visible {
    background: rgba(255,255,255,0.12);
    outline: none;
}
.fedomu-buscador__tipo {
    grid-row: span 2;
    min-width: 5.5rem;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wp--preset--color--fedomu-gold);
}
.fedomu-buscador__titulo {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
}
.fedomu-buscador__extracto {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: rgba(255,255,255,0.7);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fedomu-buscador__extracto:empty { display: none; }
.fedomu-buscador__todos {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--wp--preset--color--fedomu-gold);
    text-decoration: none;
}
.fedomu-buscador__todos[hidden] { display: none; }
.fedomu-buscador__todos:hover { text-decoration: underline; }

@media (max-width: 600px) {
    .fedomu-buscador__enlace { grid-template-columns: 1fr; }
    .fedomu-buscador__tipo { grid-row: auto; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .fedomu-buscador__enlace { transition: none; }
}

/* ── Página de resultados (search.php) ────────────────────────────────── */
.fedomu-resultado__total {
    margin: 1rem 0 0;
    font-size: 0.875rem;
    color: rgba(10,10,10,0.6);
}
.fedomu-resultado__quiso {
    margin: 0.5rem 0 0;
    font-size: 1rem;
    color: var(--wp--preset--color--boulevard-dark);
}
.fedomu-resultado__quiso a {
    font-weight: 700;
    color: var(--wp--preset--color--boulevard-blue);
}
.fedomu-resultado__extracto {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: rgba(10,10,10,0.68);
}
.fedomu-resultado__extracto mark {
    background: rgba(212,175,55,0.3);
    color: inherit;
    padding: 0 0.1em;
    border-radius: 2px;
}