/* Prilepená lišta pri posune (13. 11. 2026) – header.blade.php [data-sticky-bar].
   Téma (main.js) pridá po 250 px .menu_fixed + .animated .fadeInDown; animáciu témy rušíme, lišta sa vysunie vlastným prechodom.
   Vždy je vykreslená (mimo obrazovky), aby skripty posunu poznali jej výšku a obsah pri prilepení neposkočil. */

.sticky-bar {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001 !important;           /* téma: .menu_fixed { z-index: 99 } – lišta filtra v kategórii má 900 */
	background: #fff !important;          /* téma dáva .menu_fixed polopriesvitné pozadie */
	opacity: 1 !important;
	border-bottom: 1px solid #ececec;
	box-shadow: 0 6px 20px -12px rgba(0, 0, 0, .35);
	transform: translateY(-110%);
	visibility: hidden;
	transition: transform .22s ease, visibility 0s linear .22s;
	animation: none !important;          /* .animated .fadeInDown témy (priesvitné snímky) */
}
.sticky-bar.menu_fixed {
	transform: none;
	visibility: visible;
	transition: transform .22s ease;
}
@media (prefers-reduced-motion: reduce) {
	.sticky-bar, .sticky-bar.menu_fixed { transition: none; }
}

.sticky-bar-inner {
	display: flex;
	align-items: center;
	gap: 16px;
	height: 60px;
}
.sticky-bar-logo { flex: none; line-height: 0; }
.sticky-bar-logo img { width: 84px; height: auto; }

/* E-shop – rovnaké tlačidlo ako v hlavičke, len nižšie */
.sticky-bar .sticky-bar-eshop {
	flex: none;
	height: 40px;
	padding: 0 16px;
	background: #f08a24;
	color: #fff;
	font-size: 15px;
}
.sticky-bar .sticky-bar-eshop:hover { background: #e57a00; color: #fff; }

/* Vyhľadávanie – rovné hrany ako tlačidlá (var(--radius)), decentná linka, lupa vľavo, tlačidlo „Hľadať“ */
.sticky-bar-search {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 560px;
}
.sticky-bar-search-ico {
	position: absolute;
	top: 50%;
	left: 12px;
	display: flex;
	color: #8a8a8a;
	transform: translateY(-50%);
	pointer-events: none;
}
.sticky-bar-search-ico svg { width: 18px; height: 18px; }
.sticky-bar-search input.form-control {
	width: 100%;
	height: 40px;
	min-height: 40px;
	padding: 0 84px 0 40px;
	border: 1px solid #dedede;
	border-radius: var(--radius);
	background: #fff;
	color: #1d1d1d;
	font-size: 15px;
	box-shadow: none;
}
.sticky-bar-search input.form-control:focus { border-color: #b9b9b9; outline: none; box-shadow: 0 0 0 3px rgba(0, 0, 0, .05); }
.sticky-bar-search button {
	position: absolute;
	top: 4px;
	right: 4px;
	height: 32px;
	padding: 0 14px;
	border: 0;
	border-radius: 3px;
	background: #1d1d1d;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 32px;
}
.sticky-bar-search button:hover { background: #f08a24; }

/* Telefón, účet, košík */
.sticky-bar-actions { display: flex; flex: none; align-items: center; gap: 6px; margin-left: auto; }
.sticky-bar-phone,
.sticky-bar-icon {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 10px;
	border: 0;
	border-radius: var(--radius);
	background: none;
	color: #1d1d1d;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
}
.sticky-bar-phone { color: #1d1d1d; font-weight: 600; }
.sticky-bar-phone svg { color: #e57a00; }
.sticky-bar-phone svg, .sticky-bar-icon svg { width: 20px; height: 20px; flex: none; }
.sticky-bar-phone:hover, .sticky-bar-icon:hover { background: #f5f4f2; color: #1d1d1d; }
.sticky-bar-search-toggle { display: none; }

/* Košík – rovnaký obsah ako v hlavičke (EshopCart::getCartSummary): oranžový, hrany ako tlačidlá */
.sticky-bar .sticky-bar-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	margin-left: 4px;
	padding: 0 14px !important;
	border: 0;
	border-radius: var(--radius);
	background: #f08a24;
	color: #fff;
	text-decoration: none;
}
.sticky-bar .sticky-bar-cart:hover { background: #e57a00; }
.sticky-bar .sticky-bar-cart * { color: #fff !important; }
.sticky-bar .sticky-bar-cart svg { width: 20px; height: 20px; }
.sticky-bar .sticky-bar-cart small { display: none; }       /* „Košík“ nad sumou – v lište stačí ikona a suma */
.sticky-bar .sticky-bar-cart .header-action-num {
	position: absolute;
	top: -7px;
	left: 26px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border: 2px solid #fff;
	border-radius: 999px;
	background: #1d1d1d;
	color: #fff !important;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	text-align: center;
}
.sticky-bar .sticky-bar-cart b { font-size: 14px; font-weight: 600; white-space: nowrap; }

/* Užšie počítače: telefón len ako číslo bez ikony, účet bez textu */
@media (max-width: 1199.98px) {
	.sticky-bar-account span { display: none; }
	.sticky-bar-inner { gap: 12px; }
}

/* Tablet a mobil: logo, E-shop, ikony; vyhľadávanie sa rozbalí pod lištou */
@media (max-width: 991.98px) {
	.sticky-bar-inner { height: 56px; gap: 8px; }
	.sticky-bar-logo img { width: 72px; }
	.sticky-bar .sticky-bar-eshop { height: 38px; padding: 0 12px; font-size: 14px; }
	.sticky-bar .sticky-bar-eshop svg { width: 18px; height: 18px; }
	.sticky-bar-search {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		max-width: none;
		padding: 8px 16px 10px;
		background: #fff;
		border-bottom: 1px solid #ececec;
		box-shadow: 0 10px 20px -14px rgba(0, 0, 0, .35);
		display: none;
	}
	.sticky-bar.is-search-open .sticky-bar-search { display: flex; }
	.sticky-bar-search button { top: 12px; right: 20px; }
	.sticky-bar-search-ico { top: 50%; left: 28px; margin-top: -1px; }
	.sticky-bar-search input.form-control { font-size: 16px; }   /* iOS bez priblíženia pri písaní */
	.sticky-bar-search-toggle { display: inline-flex; }
	.sticky-bar-phone span { display: none; }
	.sticky-bar-phone, .sticky-bar-icon { width: 40px; padding: 0; justify-content: center; }
	.sticky-bar .sticky-bar-cart { padding: 0 12px !important; }
}
/* Telefón: košík len ako okrúhla ikona s počtom (suma by pri vyššej hodnote vytlačila lištu mimo obrazovky) */
@media (max-width: 575.98px) {
	.sticky-bar-inner { gap: 6px; }
	.sticky-bar-logo img { width: 64px; }
	.sticky-bar .sticky-bar-eshop { padding: 0 10px; }
	.sticky-bar-actions { gap: 0; }
	.sticky-bar-phone, .sticky-bar-icon { width: 38px; }
	.sticky-bar .sticky-bar-cart { width: 40px; margin-left: 4px; padding: 0 !important; justify-content: center; }
	.sticky-bar .sticky-bar-cart .header-cart-text { display: none; }
	.sticky-bar .sticky-bar-cart .header-action-num { top: -7px; left: auto; right: -7px; }
}
@media (max-width: 389.98px) {
	.sticky-bar-logo img { width: 58px; }
	.sticky-bar-phone, .sticky-bar-icon { width: 36px; }
	.sticky-bar .sticky-bar-cart { margin-right: 4px; }
}
@media (max-width: 339.98px) {
	.sticky-bar-logo { display: none; }   /* na najužších telefónoch radšej E-shop a ikony */
}

/* Našepkávač z lišty: hneď pod lištou (hlavičkový má top 106 px, search-autocomplete.css) */
@media (min-width: 992px) {
	.ui-autocomplete.search-autocomplete.search-autocomplete-sticky {
		top: 61px !important;
		left: 50% !important;
		width: min(1100px, 92vw) !important;
		transform: translateX(-50%);
	}
}