/**
 * Header widget row — match design: Online Order | Login/User | Cart | Menu
 * vertically centered, no overlapping labels.
 */

#qodef-page-header .qodef-widget-holder,
#qodef-page-header .qodef-header-sticky-inner .qodef-widget-holder,
.qodef-header-sticky .qodef-widget-holder {
	display: flex !important;
	flex-direction: row;
	align-items: center !important;
	justify-content: flex-end;
	gap: 0.85rem;
	height: 100%;
}

#qodef-page-header .qodef-widget-holder .widget,
#qodef-page-header .qodef-header-sticky-inner .qodef-widget-holder .widget,
.qodef-header-sticky .qodef-widget-holder .widget {
	display: flex !important;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
}

/* Kill negative margins that pull Login/Cart under Online Order */
#qodef-page-header .qodef-widget-holder .widget_swissdelight_core_button a.qodef-button,
#qodef-page-header .qodef-widget-holder .widget_swissdelight_core_button .qodef-button,
.qodef-header-sticky .qodef-widget-holder .widget_swissdelight_core_button a.qodef-button {
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center;
	white-space: nowrap;
}

#qodef-page-header .qodef-login-opener-widget,
.qodef-header-sticky .qodef-login-opener-widget {
	display: flex !important;
	align-items: center !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#qodef-page-header .qodef-login-opener,
#qodef-page-header .qodef-logged-in-user .qodef-m-user,
.qodef-header-sticky .qodef-login-opener,
.qodef-header-sticky .qodef-logged-in-user .qodef-m-user {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.35rem;
	height: auto !important;
}

#qodef-page-header .qodef-logged-in-user,
.qodef-header-sticky .qodef-logged-in-user {
	display: inline-flex !important;
	align-items: center;
	height: auto !important;
}

#qodef-page-header .qodef-logged-in-user .qodef-m-user-name,
.qodef-header-sticky .qodef-logged-in-user .qodef-m-user-name {
	max-width: 8.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}

#qodef-page-header .qodef-logged-in-user .qodef-m-user-image img,
.qodef-header-sticky .qodef-logged-in-user .qodef-m-user-image img {
	display: block;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	object-fit: cover;
}

#qodef-page-header .qodef-woo-dropdown-cart,
.qodef-header-sticky .qodef-woo-dropdown-cart {
	display: flex !important;
	align-items: center !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#qodef-page-header .qodef-woo-dropdown-cart .qodef-m-inner,
#qodef-page-header .qodef-woo-dropdown-cart .qodef-m-opener,
.qodef-header-sticky .qodef-woo-dropdown-cart .qodef-m-inner,
.qodef-header-sticky .qodef-woo-dropdown-cart .qodef-m-opener {
	display: inline-flex !important;
	align-items: center !important;
	height: auto !important;
	gap: 0.25rem;
}

#qodef-page-header .qodef-opener-icon.qodef-side-area-opener,
.qodef-header-sticky .qodef-opener-icon.qodef-side-area-opener {
	display: inline-flex !important;
	align-items: center;
	margin: 0 !important;
}

/* Mobile header widgets */
#qodef-page-mobile-header .qodef-widget-holder {
	display: flex !important;
	align-items: center !important;
	gap: 0.65rem;
}

#qodef-page-mobile-header .qodef-widget-holder .widget {
	margin: 0 !important;
	display: flex;
	align-items: center;
}

#qodef-page-mobile-header .qodef-widget-holder .widget_swissdelight_core_button a.qodef-button {
	margin: 0 !important;
	white-space: nowrap;
}

#qodef-page-mobile-header .qodef-logged-in-user .qodef-m-user-name {
	max-width: 6.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#qodef-page-mobile-header .qodef-woo-dropdown-cart,
#qodef-page-mobile-header .qodef-login-opener-widget {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
}
