/* ==========================================================
   Naglowek v2 (2026-11): pasek gorny, logo, ikony, menu, wyszukiwarka
   Desktop od 990 px; mobile zachowuje dotychczasowe dzialanie menu.
   ========================================================== */

/* ---------- pasek gorny (wszystkie szerokosci) ---------- */
#toolbar-wrapper { background: #1f1f1f !important; height: auto !important; }
#toolbar { height: auto !important; padding-top: 0; padding-bottom: 0; }
.tb2 { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 34px; font-size: 12.5px; letter-spacing: .02em; }
.tb2-left, .tb2-right { display: flex; gap: 22px; }
#toolbar .tb2 a { color: #fff !important; text-decoration: none; font-weight: normal; float: none; padding: 0; line-height: 34px; opacity: .9; }
#toolbar .tb2 a:hover { opacity: 1; color: #e9d3ad !important; }
#toolbar .tb2 a.tb2-hot { color: #e9d3ad !important; }
.tb2-center { color: rgba(255,255,255,.72); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 989px) {
	.tb2 { height: 32px; font-size: 12px; }
	.tb2-center { display: none; }
	.tb2-left, .tb2-right { gap: 16px; }
}

@media only screen and (min-width: 990px) {

	/* ---------- logo i ikony ---------- */
	.header-wrapper { border: 0; }
	.header { height: 96px; }
	.header .user-action-wrapper { top: 50% !important; transform: translateY(-50%); padding: 0 !important; display: flex; align-items: center; gap: 6px; }
	.user-account { float: none !important; padding: 0 !important; margin: 0 !important; }
	.user-account a, .header .basket .basket-link {
		display: inline-flex !important; align-items: center; justify-content: center;
		width: 44px !important; height: 44px !important; padding: 0 !important;
		border: 0 !important; border-radius: 50%; background: transparent; line-height: 1 !important;
		transition: background .2s;
	}
	.user-account a:hover, .header .basket .basket-link:hover { background: #f7f4ef; }
	.user-account img, .basket-link img { width: 22px !important; padding: 0 !important; vertical-align: middle !important; }
	.header .basket { background: transparent; float: none; }
	.basket-items-count { top: 2px !important; right: 0 !important; width: 18px !important; height: 18px !important; line-height: 18px !important; font-size: 11px; border-radius: 50% !important; background: #b08d57 !important; }
	.header .basket.open .basket-link { border: 0 !important; background: #f7f4ef; }
	.header .basket-small {
		top: 52px !important; right: 0; width: 320px !important;
		border: 1px solid #eaeaea !important; border-radius: 14px; padding: 16px !important;
		box-shadow: 0 24px 48px -18px rgba(0,0,0,.3);
	}

	/* ---------- pasek menu ---------- */
	.header-bottom-wrapper { height: 50px !important; border-top: 1px solid #eaeaea !important; border-bottom: 1px solid #eaeaea !important; background: #fff; }
	.menu-top-wrapper { height: 50px !important; border: 0 !important; margin-bottom: 0 !important; background: transparent !important; }
	.menu-top ul li .menu-parent a.parent {
		position: relative; line-height: 50px !important; padding: 0 9px !important;
		font-size: 13.5px !important; color: #1f1f1f !important; letter-spacing: .01em;
		transition: color .2s;
	}
	.menu-top ul li:first-child:not(.hide-desktop) .menu-parent a.parent,
	.menu-top ul li.hide-desktop + li .menu-parent a.parent { padding-left: 0 !important; }
	.menu-top ul li .menu-parent a.parent span { position: relative; display: inline-block; }
	.menu-top ul li .menu-parent a.parent:hover, .menu-top ul li.active .menu-parent a.parent { color: #327d45 !important; }
	.menu-top ul li .menu-parent a.parent[href*="okazje"] { color: #c0392b !important; font-weight: bold; }
	.menu-top ul li.active .menu-parent { box-shadow: none !important; height: 50px !important; }
	.border-mask { display: none !important; }

	/* ---------- rozwijane podmenu ---------- */
	.menu-children-wrapper { top: 50px !important; left: -9px; width: auto !important; min-width: 260px; }
	.menu-children {
		height: auto !important; min-height: 0; box-sizing: border-box; display: flex; flex-wrap: nowrap; width: max-content; max-width: 900px;
		padding: 22px 26px 26px; background: #fff;
		border: 1px solid #eaeaea; border-top: 0; border-radius: 0 0 14px 14px;
		box-shadow: 0 30px 50px -24px rgba(0,0,0,.3) !important;
	}
	.menu-children ol { margin: 0 40px 0 0 !important; float: none !important; }
	.menu-children ol:last-of-type { margin-right: 0 !important; }
	.menu-top ul li .menu-parent .menu-children ol li a {
		display: block; line-height: 30px !important; padding: 0 !important;
		font-size: 14px !important; color: #4d4d4d !important;
		border-left: 0 !important; transition: color .15s, transform .15s;
	}
	.menu-top ul li .menu-parent .menu-children ol li a:hover { color: #327d45 !important; transform: translateX(3px); border-left: 0 !important; }
	/* bez banerow w podmenu */
	.menu-banner-sidebar, .menu-banner-bottom { display: none !important; }

	/* ---------- wyszukiwarka ---------- */
	.search-wrapper {
		top: 50% !important; transform: translateY(-50%);
		border: 1px solid #eaeaea !important; border-radius: 999px; padding: 0 6px 0 4px !important;
		background: #fff; display: flex; align-items: center; height: 36px;
		transition: border-color .2s, box-shadow .2s;
	}
	.search-wrapper:hover, .search-wrapper.open { border-color: #d9d4cc !important; }
	.search-wrapper.open { box-shadow: 0 10px 24px -14px rgba(0,0,0,.3); }
	.search-wrapper .search, .search-wrapper form { display: flex; align-items: center; height: 34px; }
	.search-wrapper a.zoom { width: 30px !important; height: 34px !important; display: inline-flex !important; align-items: center; justify-content: center; }
	.search-wrapper a.zoom img { width: 17px !important; padding: 0 !important; vertical-align: middle !important; }
	.search-string { height: 34px !important; width: 110px; border: 0 !important; background: transparent; font-size: 14px; color: #1f1f1f; outline: none; transition: width .25s ease; }
	.search-string::placeholder { color: #757575; }
	.search-wrapper.open .search-string { width: 300px !important; }
	.search-wrapper.open { z-index: 120; }
	.search-wrapper a.close { height: 34px !important; width: 28px !important; align-items: center; justify-content: center; }
	.search-wrapper.open a.close { display: inline-flex !important; }
	.search-wrapper a.close img { padding: 0 !important; width: 12px !important; vertical-align: middle !important; }
	#search-autocomplete-wrapper { top: 42px !important; left: -4px !important; width: 100% !important; min-width: 360px; border: 1px solid #eaeaea !important; border-radius: 14px; overflow: hidden; box-shadow: 0 24px 48px -18px rgba(0,0,0,.3); }
}

/* waskie desktopy */
@media only screen and (min-width: 990px) and (max-width: 1199px) {
	.menu-top ul li .menu-parent a.parent { padding: 0 6px !important; font-size: 12.5px !important; }
	.search-string { width: 60px !important; }
}

/* koszyk (podglad z AJAX) nad menu i trescia strony; na mobile nie ruszamy, bo menu mobilne jest pelnoekranowe */
@media only screen and (min-width: 990px) {
	.header-wrapper { position: relative; z-index: 400; }
	.header { position: relative; z-index: 400; }
	.header .user-action-wrapper { z-index: 410; }
	.header .basket { position: relative; z-index: 420; }
	.header .basket-small { z-index: 430 !important; }
	.header-bottom-wrapper { z-index: 300; }
	/* niewidoczny mostek miedzy ikona koszyka a podgladem - kursor nie gubi koszyka */
	.header .basket-small:before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
	.header .basket-small { top: 50px !important; }
}

/* ---------- okruszki (breadcrumb) - wszystkie strony ---------- */
.localizer { font-size: 13px; color: #757575; line-height: 1.6; }
.localizer a, .localizer a:hover, .localizer a:visited { color: #757575; text-decoration: none !important; }
.localizer a:hover { color: #327d45; }
.localizer div { display: inline-block; position: relative; }
.localizer div > a { padding: 4px 0; }
.localizer div ul {
	top: 100% !important; left: -14px !important; width: auto !important; min-width: 220px; max-width: 320px;
	max-height: 360px; overflow-y: auto; padding: 8px 0 !important; margin-top: 2px !important;
	background: #fff; border: 1px solid #eaeaea; border-radius: 12px;
	box-shadow: 0 24px 48px -18px rgba(0,0,0,.3); z-index: 250 !important;
}
.localizer div ul:before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.localizer div ul li { padding: 0 !important; margin: 0; list-style: none; }
.localizer div ul li a {
	display: block; padding: 6px 16px; font-size: 13.5px; line-height: 1.35; color: #4d4d4d !important;
	text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.localizer div ul li a:hover { background: #f7f4ef; color: #327d45 !important; }
/* ostatni element okruszkow (biezaca kategoria) bez rozwijanej listy */
.localizer > span:last-of-type div ul, .localizer > span:last-of-type div:hover ul { display: none !important; }