/* Filex Tools – live pretraga */
.filex-live {
	position: fixed;
	z-index: 1000000;
	background: #fff;
	color: #1d1d1f;
	border: 1px solid #e3e3e6;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .14);
	overflow-y: auto;
	font-size: 14px;
	line-height: 1.35;
	text-align: left;
	-webkit-overflow-scrolling: touch;
}
.filex-live[hidden] { display: none !important; }
.filex-live.is-loading { opacity: .7; }

.filex-live__list { list-style: none; margin: 0; padding: 6px 0; }
.filex-live__item { margin: 0; padding: 0; }
.filex-live__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 14px;
	color: inherit !important;
	text-decoration: none !important;
}
.filex-live__item.is-active .filex-live__link,
.filex-live__link:hover { background: #f5f5f7; }

.filex-live__img {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	object-fit: contain;
	border-radius: 6px;
	background: #fafafa;
}
.filex-live__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.filex-live__title { font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.filex-live__title mark,
.filex-live__sku mark { background: #fff3a8; color: inherit; padding: 0; border-radius: 2px; }
.filex-live__meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: #6e6e73; }
.filex-live__sku { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
.filex-live__stock--instock { color: #1a7f37; }
.filex-live__stock--outofstock { color: #b42318; }
.filex-live__stock--onbackorder { color: #b54708; }
.filex-live__price { flex: 0 0 auto; font-weight: 600; white-space: nowrap; font-size: 13px; text-align: right; }
.filex-live__price del { display: block; font-weight: 400; color: #8e8e93; font-size: 12px; }
.filex-live__price ins { text-decoration: none; }

.filex-live__empty,
.filex-live__note { padding: 14px; color: #6e6e73; }
.filex-live__note { padding: 10px 14px 4px; font-size: 12px; }
.filex-live__all {
	display: block;
	padding: 11px 14px;
	border-top: 1px solid #eee;
	text-align: center;
	font-weight: 600;
	color: #0066cc !important;
	text-decoration: none !important;
}
.filex-live__all:hover { background: #f5f5f7; }

/* Shortcode [filex_search] – kompaktno, stane u gornju traku headera.
   !important jer Impreza globalno stilizira input/button (visina 67px, padding 16x32). */
.filex-search-form { display: flex !important; align-items: center; position: relative; width: 100%; max-width: 300px; min-width: 200px; margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
.filex-search-form input.filex-search-input { display: block !important; width: 100% !important; height: 30px !important; min-height: 0 !important; line-height: 30px !important; padding: 0 34px 0 12px !important; margin: 0 !important; font-size: 14px !important; color: #1d1d1f !important; background: #fff !important; border: 1px solid #d2d2d7 !important; border-radius: 15px !important; box-shadow: none !important; -webkit-appearance: none; appearance: none; }
.filex-search-form input.filex-search-input:focus { border-color: #0071e3 !important; outline: 0; }
.filex-search-form input.filex-search-input::-webkit-search-cancel-button { display: none; }
.filex-search-form button.filex-search-submit { position: absolute !important; right: 3px !important; top: 50% !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; color: #1d1d1f !important; background: transparent !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; cursor: pointer; }
.filex-search-form button.filex-search-submit:hover { background: #f0f0f2 !important; }
.filex-search-form button.filex-search-submit svg { width: 16px; height: 16px; display: block; }
/* Impreza u mobilnom headeru boji gumbe u bijelo – ikonu bojimo izravno. */
.filex-search-form button.filex-search-submit svg,
.filex-search-form button.filex-search-submit svg * { stroke: #1d1d1f !important; fill: none !important; }

@media (max-width: 600px) {
	/* Polje u mobilnom headeru preko cijele širine; 16px sprječava zumiranje na iPhoneu. */
	.l-subheader-cell .w-html:has(.filex-search-form) { flex: 1 1 auto; width: 100%; }
	.filex-search-form { max-width: none !important; }
	.filex-search-form input.filex-search-input { font-size: 16px !important; }
	.filex-live__img { flex-basis: 40px; width: 40px; height: 40px; }
	.filex-live__link { padding: 8px 10px; gap: 10px; }
}