/* ==========================================================
   PRETRAGA: PADAJUCI PANEL SA PREDLOZIMA
   ========================================================== */

/* Heder ne sme da menja visinu niti da sece panel */
#nm-header,
.nm-header-search-holder,
#nm-header-search,
.nm-header-search-wrap {
	overflow: visible !important;
}

/* Pretraga iznad reda sa menijem u svim browserima (Safari, Chrome, Firefox) */
#nm-header *:has(.nm-header-search-holder) {
	z-index: 10040;
}
.nm-header-search-holder,
#nm-header-search,
.nm-header-search-wrap {
	position: relative;
	z-index: 10050;
}

/* Panel i poruke lebde ispod polja, ne guraju heder nanize */
#nm-search-suggestions,
#nm-search-suggestions-notice,
#nm-search-keywords {
	position: absolute !important;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	margin: 0 !important;
	z-index: 10051;
}
#nm-search-suggestions-notice:empty,
#nm-search-keywords:empty {
	display: none;
}

/* Sakrivena poruka "pritisnite Enter za pretragu" (visak uz padajuci panel) */
#nm-header-search-notice {
	display: none !important;
}

/* ==========================================================
   PORUKA "NEMA PRONADJENIH PROIZVODA"
   ========================================================== */

/* Pun beli okvir, bez providnosti, meni se ne vidi kroz njega */
#nm-search-suggestions-notice {
	background: #fff !important;
	padding: 12px 16px;
	border-radius: 6px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, .28);
}
#nm-search-suggestions-notice,
#nm-search-suggestions-notice span {
	opacity: 1 !important;
}
#nm-search-suggestions-notice span {
	font-size: 14px;
	color: #1f2a44;
}

/* ==========================================================
   PANEL: IZGLED I SKROL
   ========================================================== */

/* Beli panel, vidljiva 4 proizvoda, ostalo skrol unutar panela */
.nm-search-suggestions-inner {
	background: #fff;
	padding: 6px 0;
	border-radius: 6px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, .28);
	max-height: 320px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: #c5cad6 transparent;
}
.nm-search-suggestions-inner::-webkit-scrollbar {
	width: 6px;
}
.nm-search-suggestions-inner::-webkit-scrollbar-thumb {
	background: #c5cad6;
	border-radius: 3px;
}

/* ==========================================================
   PANEL: LISTA PROIZVODA
   ========================================================== */

/* Lista umesto Savoy mreze od 6 uskih kolona */
.nm-search-suggestions-inner ul {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.nm-search-suggestions-inner ul li {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #eef0f4;
}
.nm-search-suggestions-inner ul li:last-child {
	border-bottom: 0;
}

/* Red: slicica levo, naziv i sifra u sredini, cena desno */
.nm-search-suggestions-inner ul li a {
	display: flex !important;
	align-items: center;
	gap: 14px;
	padding: 10px 16px;
	color: #1f2a44;
	text-decoration: none;
	transition: background .15s ease;
}
.nm-search-suggestions-inner ul li a:hover {
	background: #f6f7fa;
}

/* Slicica 56x56 */
.nm-search-suggestions-inner ul li a i {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #eef0f4;
	border-radius: 4px;
	overflow: hidden;
	font-style: normal;
}
.nm-search-suggestions-inner ul li a i img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	margin: 0 !important;
}

/* Srednji deo i cena u jednom redu */
.nm-search-suggestions-inner ul li .col {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	float: none !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

/* Naziv proizvoda, najvise 2 reda */
.nm-search-suggestions-inner .elk-name {
	min-width: 0;
	display: block;
}
.nm-search-suggestions-inner ul li strong {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: #1f2a44;
}
.nm-search-suggestions-inner ul li a:hover strong {
	text-decoration: underline;
}

/* Sifra proizvoda ispod naziva */
.nm-search-suggestions-inner .elk-sku {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.3;
	color: #6b7280;
}

/* Cena */
.nm-search-suggestions-inner ul li .price,
.nm-search-suggestions-inner ul li .amount {
	flex: 0 0 auto;
	margin: 0;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 700;
	color: #1f2a44;
}

/* Mobilni: cena ispod naziva */
@media (max-width: 640px) {
	.nm-search-suggestions-inner ul li .col {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
}