/**
 * header-member-panel.css
 *
 * Scoping strategy: this shortcode renders as a single <a> element inside the
 * theme's header — it is NOT wrapped by .mp-plugin-root. Instead, scoping is
 * achieved via the [data-mp-header-member="1"] attribute selector, which has
 * the same specificity as a class (0,1,0) but is unique to the plugin.
 * All rules use !important as the last line of defence because header areas
 * are heavily styled by every theme and this widget is deliberately isolated.
 */
[data-mp-header-member="1"],
[data-mp-header-member="1"] *,
[data-mp-header-member="1"] *::before,
[data-mp-header-member="1"] *::after {
	box-sizing: border-box !important;
}

a[data-mp-header-member="1"],
a[data-mp-header-member="1"]:link,
a[data-mp-header-member="1"]:visited {
	display: inline-flex !important;
	align-items: center !important;
	gap: clamp(0.35rem, 0.28rem + 0.28vw, 0.5rem) !important;
	width: auto !important;
	max-width: min(100%, 14rem) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #17324d !important;
	font-family: "Inter", sans-serif !important;
	font-size: inherit !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

a[data-mp-header-member="1"]:hover,
a[data-mp-header-member="1"]:focus,
a[data-mp-header-member="1"]:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #17324d !important;
	outline: none !important;
	text-decoration: none !important;
}

a[data-mp-header-member="1"].mp-header-member--guest,
a[data-mp-header-member="1"].mp-header-member--guest:link,
a[data-mp-header-member="1"].mp-header-member--guest:visited {
	padding: 0.72rem 1rem !important;
	background: #ffffff !important;
	border: 1px solid rgba(204, 217, 228, 0.92) !important;
	border-radius: 999px !important;
	box-shadow: 0 4px 14px rgba(16, 38, 63, 0.05) !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
}

a[data-mp-header-member="1"] .mp-header-member__avatar {
	width: clamp(1.82rem, 1.68rem + 0.45vw, 2.18rem) !important;
	height: clamp(1.82rem, 1.68rem + 0.45vw, 2.18rem) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(186, 208, 224, 0.95) !important;
	border-radius: 999px !important;
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	background: linear-gradient(180deg, #d8e8f6 0%, #c5dbec 100%) !important;
	color: #234c6f !important;
	font-family: "Inter", sans-serif !important;
	font-size: clamp(0.64rem, 0.6rem + 0.18vw, 0.76rem) !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: none !important;
}

a[data-mp-header-member="1"] .mp-header-member__avatar img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: cover !important;
}

a[data-mp-header-member="1"] .mp-header-member__name {
	display: inline-block !important;
	min-width: 0 !important;
	max-width: min(100%, 10.5rem) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #17324d !important;
	font-family: "Inter", sans-serif !important;
	font-size: clamp(0.66rem, 0.62rem + 0.2vw, 0.78rem) !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

@media (max-width: 1120px) {
	a[data-mp-header-member="1"],
	a[data-mp-header-member="1"]:link,
	a[data-mp-header-member="1"]:visited {
		max-width: 9rem !important;
	}

	a[data-mp-header-member="1"] .mp-header-member__name {
		max-width: 6.2rem !important;
	}
}

@media (max-width: 640px) {
	a[data-mp-header-member="1"],
	a[data-mp-header-member="1"]:link,
	a[data-mp-header-member="1"]:visited {
		max-width: 100% !important;
	}

	a[data-mp-header-member="1"] .mp-header-member__name {
		max-width: 8rem !important;
	}
}