/* ==========================================================================
   Pretraga dok kucaš + brzi pregled (assets/js/search.js)
   ========================================================================== */

.ifu-search.has-live { position: relative; }

.ifu-live {
	position: absolute; top: calc(100% + 10px); left: 0; z-index: 60;
	max-height: min(76vh, 640px); display: flex; flex-direction: column;
	border-radius: 24px; background: var(--ifu-paper); color: var(--ifu-ink);
	box-shadow: 0 30px 80px rgba(22, 21, 15, .22), 0 0 0 1px var(--ifu-line);
	overflow: hidden; animation: ifu-live-in .18s var(--ifu-ease);
	text-align: left; font-size: 15px;
}
.ifu-live[hidden] { display: none; }
@keyframes ifu-live-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.ifu-live__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px 0; }
.ifu-live__head[hidden] { display: none; }
.ifu-live__label { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ifu-muted-2); margin-right: 4px; }
.ifu-live__status { margin: 0; padding: 18px 20px; color: var(--ifu-muted); font-weight: 600; }
.ifu-live__status:empty { display: none; }

.ifu-live__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); min-height: 0; flex: 1; }
.ifu-live.is-empty .ifu-live__body, .ifu-live.is-empty .ifu-live__foot { display: none; }

/* Rezultati */
.ifu-live__list { margin: 0; padding: 8px; list-style: none; overflow-y: auto; border-right: 1px solid var(--ifu-line); }
.ifu-live__row { position: relative; border-radius: 16px; }
.ifu-live__row.is-active { background: var(--ifu-ground); }
.ifu-live__hit { display: flex; align-items: center; gap: 12px; padding: 8px 44px 8px 8px; color: inherit; text-decoration: none; }
.ifu-live__hit img { width: 56px; height: 56px; flex-shrink: 0; border-radius: 12px; object-fit: contain; background: var(--ifu-sand); }
.ifu-live__txt { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ifu-live__nm { font-weight: 700; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ifu-live__nm mark { background: color-mix(in srgb, var(--ifu-accent) 16%, transparent); color: inherit; border-radius: 4px; padding: 0 1px; }
.ifu-live__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 13px; }
.ifu-live__meta .ifu-live__cat { color: var(--ifu-muted-2); }
.ifu-live__price { display: inline-flex; gap: 6px; align-items: baseline; font-weight: 700; }
.ifu-live__price del { color: var(--ifu-muted-2); font-weight: 500; }

/* Oko: brzi pregled na uskom ekranu, gde nema mesta za pregled pored liste. */
.ifu-live__eye { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 999px; background: transparent; color: var(--ifu-muted); display: none; align-items: center; justify-content: center; cursor: pointer; }
.ifu-live__eye:hover { background: var(--ifu-sand); color: var(--ifu-ink); }

/* Brzi pregled */
.ifu-live__pv { padding: 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; }
.ifu-live__pv:empty { display: none; }
.ifu-live__fig { display: block; border-radius: 18px; background: var(--ifu-sand); aspect-ratio: 4 / 3; }
.ifu-live__fig img { width: 100%; height: 100%; object-fit: contain; display: block; }
.ifu-live__info { display: flex; flex-direction: column; gap: 6px; }
.ifu-live__info .ifu-live__cat { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ifu-muted-2); }
.ifu-live__name { font-size: 20px; font-weight: 800; line-height: 1.2; color: inherit; text-decoration: none; }
.ifu-live__name:hover { text-decoration: underline; }
.ifu-live__info .ifu-live__price { font-size: 18px; }
.ifu-live__stock { font-size: 13px; font-weight: 700; }
.ifu-live__stock--instock { color: #1C7C4A; }
.ifu-live__stock--outofstock { color: #A03A1E; }
.ifu-live__stock--onbackorder { color: #8A5A00; }
.ifu-live__excerpt { margin: 2px 0 0; font-size: 14px; color: var(--ifu-muted); line-height: 1.5; }
.ifu-live__acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.ifu-live__acts .ifu-btn { flex: 1 1 150px; height: 44px; font-size: 14px; }
.ifu-live__acts .is-done { pointer-events: none; opacity: .85; }
.ifu-live__after { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; }
.ifu-live__after:empty { display: none; }
.ifu-live__err { color: #A03A1E; font-weight: 600; }
.ifu-live__back { align-self: flex-start; }

.ifu-live__foot { border-top: 1px solid var(--ifu-line); }
.ifu-live__foot:empty { display: none; }
.ifu-live__all { display: block; padding: 14px 20px; font-weight: 700; color: var(--ifu-accent); text-decoration: none; }
.ifu-live__all:hover { background: var(--ifu-ground); }

/* Usko: lista preko cele širine, pregled umesto nje kad se otvori. */
.ifu-live.is-narrow .ifu-live__body { grid-template-columns: 1fr; }
.ifu-live.is-narrow .ifu-live__list { border-right: 0; }
.ifu-live.is-narrow .ifu-live__eye { display: inline-flex; }
.ifu-live.is-narrow .ifu-live__pv { display: none; }
.ifu-live.is-narrow.is-preview .ifu-live__list { display: none; }
.ifu-live.is-narrow.is-preview .ifu-live__pv { display: flex; }
.ifu-live.is-narrow.is-preview .ifu-live__head,
.ifu-live.is-narrow.is-preview .ifu-live__foot { display: none; }

/* U meniju na telefonu panel ostaje u toku strane, ne lebdi preko nje. */
.ifu-search--drawer .ifu-live {
	position: static; grid-column: 1 / -1; width: auto !important; max-height: 60vh;
	margin: 0 -8px 0 -18px; border-radius: 0 0 26px 26px; box-shadow: none; border-top: 1px solid var(--ifu-line);
}

@media (prefers-reduced-motion: reduce) {
	.ifu-live { animation: none; }
}