/**
 * Header overlays — stiluri proprii TopPro peste #shopModal (theme.min.css) și peste
 * dropdown-ul de sugestii al căutării (#bmSearchResults).
 * Doar linia de produs din lista de favorite (SSR, .hm-line) — restul stilurilor
 * (#shopModal, usermenu-panel, minicart-panel, account-menu, login-form) vin 1:1
 * din theme.min.css (sursa biomag).
 */

/* Dropdown-ul de sugestii al căutării (JS: components/biomag/live-search.blade.php).
 * Clasă, nu ID, fiindcă îl folosesc două pagini: căutarea din header (#bmSearchResults)
 * și pagina 404 (#results404), care trebuie să arate identic.
 * Stilurile .search-panel__* vin din biomag-home.css și sunt PARTAJATE cu panoul de
 * căutare mobil (#mobileSearchPanel), care e 1:1 cu biomag — de aceea tot ce urmează e
 * scoped pe .bm-search-dropdown, ca panoul mobil să rămână neatins. */
.bm-search-dropdown {
    /* .list-group-flush (bootstrap) forțează border-radius:0 — de aici lipsa radius-ului.
     * Specificitate egală (0,1,0), dar fișierul ăsta se încarcă după bootstrap → câștigă. */
    border-radius: 12px;
    /* Distanța față de input. Înlocuiește `mt-4` (24px), care fiind utilitar Bootstrap
     * era !important și nu putea fi ajustat de aici. */
    margin-top: 32px;
    padding-top: 14px;
    padding-bottom: 14px;
}

/* .search-panel__results-list e gândită pentru panoul mobil (flex:1 + overflow-y:auto).
 * În dropdown, overflow-y:auto face overflow-x să devină `auto` și ar tăia umbra
 * cardurilor pe orizontală — exact ce vrem să se vadă. */
.bm-search-dropdown .search-panel__results-list {
    flex: none;
    overflow: visible;
}

/* Umbra din biomag e 3% pe alb (practic invizibilă) — o întărim doar în dropdown. */
.bm-search-dropdown .search-panel__result-item {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .10);
}
.bm-search-dropdown .search-panel__result-item:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .16);
}

/* Ancorarea panoului #shopModal sub butoanele mamă (--hm-anchor-top) stă în biomag-cart.css,
 * proprietarul regulilor lui de poziționare. Aici ar fi inertă: în css-stack biomag-cart.css
 * se încarcă DUPĂ fișierul ăsta, deci la specificitate egală câștigă el. */

.hm-line { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #f1f3f5; }
.hm-line:last-child { border-bottom: none; }
.hm-line__img { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; background: #fff; border: 1px solid #eee; flex-shrink: 0; }
.hm-line__info { flex: 1; min-width: 0; }
.hm-line__name { font-size: 13px; font-weight: 500; color: #1f2937; line-height: 1.25; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hm-line__name:hover { color: var(--bs-primary, var(--bm-green, #00a651)); }
.hm-line__meta { font-size: 12px; color: #6b7280; margin-top: 3px; }
.hm-line__price { font-weight: 600; color: var(--bs-primary, var(--bm-green, #00a651)); white-space: nowrap; }
.hm-line__remove { border: none; background: none; color: #b0b0b0; cursor: pointer; padding: 4px; line-height: 0; }
.hm-line__remove:hover { color: var(--bs-danger, #dc3545); }