/* =========================================================
   SEARCH AUTOCOMPLETE PHASE 3 — Loja da Barba
   Buscas recentes + destaque de termo.
   Para reverter: remova as linhas deste arquivo e search-autocomplete-phase3.js no header.twig
   ========================================================= */

.ldb-ac-recent-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px 4px;
}

.ldb-ac-recent-header .ldb-ac-heading {
    padding: 0;
}

.ldb-ac-clear-recent {
    border: 0;
    background: transparent;
    font-family: "Lexend", sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #8A8A8A;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.15s ease, background 0.15s ease;
}

.ldb-ac-clear-recent:hover {
    color: #1E392A;
    background: #F0F4F1;
}

.ldb-ac-recent-item {
    justify-content: flex-start;
}

.ldb-ac-recent-item .ldb-ac-term-icon {
    background: #FFF8E8;
    color: #B8943F;
}

.ldb-ac-match {
    color: #D4AF68;
    font-weight: 700;
}

.ldb-ac-item:hover .ldb-ac-match,
.ldb-ac-item.is-highlighted .ldb-ac-match {
    color: #B8923A;
}

.ldb-ac-chip {
    margin-left: auto;
    font-size: 10px;
    font-weight: 600;
    color: #999;
    background: #F5F5F5;
    padding: 2px 7px;
    border-radius: 10px;
    flex-shrink: 0;
}