/**
 * Header search bar (FiboSearch) — eobuwie-style.
 *
 * The [fibosearch] form sits in the header (desktop: logo | search | icons;
 * mobile: full-width row under the top bar). Styles the FS classic layout into a
 * clean full-width field, and makes the mobile overlay trigger cover the whole
 * bar so a tap anywhere opens FiboSearch's native fullscreen overlay.
 * @since 2026-06-04
 */

.ms-header-search { width: 100%; position: relative; }
.ms-header-search--desktop { max-width: 760px; }
.ms-header-search .dgwt-wcas-search-wrapp { max-width: none !important; width: 100% !important; }
.ms-header-search .dgwt-wcas-search-form { width: 100% !important; }
.ms-header-search .dgwt-wcas-sf-wrapp { position: relative !important; width: 100% !important; }

/* Input field */
.ms-header-search .dgwt-wcas-search-input {
	width: 100% !important;
	height: 46px !important;
	font-size: 16px !important;          /* >=16px: iOS never zooms on focus */
	line-height: 46px !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 0 !important;
	background: #f7f7f7 !important;
	box-shadow: none !important;
	padding: 0 52px 0 16px !important;
	color: #111 !important;
}
.ms-header-search .dgwt-wcas-search-input::placeholder { color: #8a8a8a !important; }

/* Submit magnifier: subtle, inside the field on the right (no dark box) */
.ms-header-search .dgwt-wcas-search-submit {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	height: 46px !important;
	width: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
}
.ms-header-search .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier {
	width: 18px !important;
	height: 18px !important;
	fill: #333 !important;
}
.ms-header-search .dgwt-wcas-preloader { display: none !important; }
.ms-header-search .dgwt-wcas-voice-search { display: none !important; }

/* Mobile overlay trigger covers the whole bar → tap anywhere opens the overlay */
.ms-header-search .js-dgwt-wcas-enable-mobile-form {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	z-index: 5 !important;
	background: transparent !important;
	margin: 0 !important;
}

/* Suppress native type=search decorations (stray clear/decoration glyph) */
.ms-header-search .dgwt-wcas-search-input::-webkit-search-decoration,
.ms-header-search .dgwt-wcas-search-input::-webkit-search-cancel-button,
.ms-header-search .dgwt-wcas-search-input::-webkit-search-results-button,
.ms-header-search .dgwt-wcas-search-input::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
.ms-header-search .dgwt-wcas-search-input { -webkit-appearance: none; appearance: none; }
.ms-header-search .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier path { fill: #333 !important; }

/* ===== Header action icons with labels (eobuwie-style) ===== */
.ms-header-action {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: 15px;
	line-height: 1;
	color: #111;
	white-space: nowrap;
	cursor: pointer;
}
.ms-header-action:hover { color: #000; }
/* Dim icon+label on hover via the CHILDREN, never the button itself: opacity<1 on
   .ms-header-action would create a stacking context that traps the cart dropdown
   (#cart-mini, z-2000) below the later-in-DOM nav row. Children-only keeps the dim
   without the trap. (#cart-mini is a child <div>, unmatched here, so it's safe.) */
.ms-header-action:hover img,
.ms-header-action:hover > span { opacity: .8; }
.ms-header-action img { width: 26px; height: 26px; }
.ms-header-action__icon { position: relative; display: inline-flex; }
.ms-cart-count {
	position: absolute;
	top: -6px;
	right: -8px;
	background: #111;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	padding: 2px 5px;
	border-radius: 9999px;
}

/* ===== Main desktop menu: spread across the full container ===== */
#menu-main-deskop {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	flex-wrap: nowrap;
}
#menu-main-deskop > li > a {
	font-size: 18px !important;   /* larger, fills the row */
}
/* keep submenus anchored to their item */
#menu-main-deskop > li { position: relative; }

/* Action labels (Zaloguj się / Ulubione / Koszyk) bold, like eobuwie */
.ms-header-action span { font-weight: 600; }

/* ===== Tighten header vertical spacing (slimmer, eobuwie-like) ===== */
#menu-main-deskop > li > a { padding-top: 10px !important; padding-bottom: 10px !important; }

/* Top promo/black bar: desktop-only, controlled here (not Tailwind md:block,
   which isn't compiled and gets stripped → bar vanished). Bar lives ABOVE the
   sticky header so it scrolls away while logo+menu stay pinned. */
.ms-topbar { display: none; }
@media (min-width: 768px) { .ms-topbar { display: block; } }

/* Kill FiboSearch's classic-style submit "pointer" triangle (::before border
   triangle). It only shows because we made the submit button transparent; the
   magnifier icon alone is enough. (pirx style hides this natively; ours is classic.) */
.ms-header-search .dgwt-wcas-search-submit:before { display: none !important; }