/* Mix Salient Header Profiles v7 - frontend */
.mshp7-slot {
	min-width: 0;
	box-sizing: border-box;
	width: min(100%, var(--mshp7-slot-width, 500px));
	max-width: min(100%, var(--mshp7-slot-width, 500px));
	flex: 0 1 var(--mshp7-slot-width, 500px);
	color: var(--mshp7-slot-text-color, #fff9ea);
	font-size: var(--mshp7-slot-font-size, 14px);
}

#header-outer nav.left-side,
#header-outer nav.right-side {
	display: flex;
	align-items: center;
}

#header-outer nav.left-side > .mshp7-slot,
#header-outer nav.right-side > .mshp7-slot {
	display: flex;
	align-items: center;
	min-width: 0;
}

.mshp7-slot__inner {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.mshp7-slot-mode-free .mshp7-slot__inner,
.mshp7-slot-mode-single-line .mshp7-slot__inner {
	display: flex;
	align-items: center;
	gap: var(--mshp7-desktop-gap, 24px);
}

.mshp7-slot-mode-free .mshp7-slot__inner {
	overflow: visible;
}

.mshp7-slot-mode-single-line .mshp7-slot__inner {
	flex-wrap: nowrap;
	overflow: hidden;
	white-space: nowrap;
}

.mshp7-slot-mode-stacked .mshp7-slot__inner {
	display: block;
	min-height: var(--mshp7-slot-height, 200px);
	max-height: var(--mshp7-slot-height, 200px);
	overflow: hidden;
}

.mshp7-slot-align-start .mshp7-slot__inner {
	text-align: left;
	justify-content: flex-start;
}

.mshp7-slot-align-center .mshp7-slot__inner {
	text-align: center;
	justify-content: center;
}

.mshp7-slot-align-end .mshp7-slot__inner {
	text-align: right;
	justify-content: flex-end;
}

.mshp7-fragment {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.mshp7-fragment--stack {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: var(--mshp7-fragment-gap, 8px);
}

.mshp7-fragment--stack > * {
	flex: 0 0 auto;
	min-height: 0;
}

.mshp7-fragment--row,
.mshp7-fragment--inline {
	display: flex;
	align-items: center;
	gap: var(--mshp7-fragment-gap, 8px);
	width: 100%;
	min-width: 0;
}

.mshp7-fragment--row {
	flex-wrap: wrap;
	align-content: center;
}

.mshp7-fragment--inline {
	flex-wrap: nowrap;
	overflow: hidden;
}

.mshp7-slot-mode-single-line .mshp7-fragment--row,
.mshp7-slot-mode-single-line .mshp7-fragment--inline {
	flex-wrap: nowrap;
	overflow: hidden;
}

.mshp7-item {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

.mshp7-item--image,
.mshp7-item--button,
.mshp7-item--text {
	text-decoration: none;
}

.mshp7-item--text {
	display: block;
	flex: 1 1 auto;
}

.mshp7-text-content {
	display: block;
	min-width: 0;
}

.mshp7-text-content > *:first-child {
	margin-top: 0;
}

.mshp7-text-content > *:last-child {
	margin-bottom: 0;
}

.mshp7-text-content p,
.mshp7-text-content ul,
.mshp7-text-content ol,
.mshp7-text-content h1,
.mshp7-text-content h2,
.mshp7-text-content h3,
.mshp7-text-content h4,
.mshp7-text-content h5,
.mshp7-text-content h6 {
	margin: 0 0 .45em;
	color: inherit;
	font: inherit;
}

.mshp7-text-content ul,
.mshp7-text-content ol {
	padding-left: 1.2em;
}

.mshp7-item--image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	overflow: visible;
	transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

.mshp7-item__media {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
}

.mshp7-item--image img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: var(--mshp7-image-height, auto);
	max-height: 100%;
	object-fit: contain;
	transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

.mshp7-fit-contain img { object-fit: contain; }
.mshp7-fit-cover img { object-fit: cover; }
.mshp7-fit-fill img { object-fit: fill; }
.mshp7-hover-grow:hover img { transform: scale(1.06); }
.mshp7-hover-lift:hover { transform: translateY(-3px); }
.mshp7-hover-glow:hover img { filter: drop-shadow(0 0 14px rgba(255, 249, 234, .55)); }
.mshp7-hover-rotate:hover img { transform: rotate(-2deg) scale(1.03); }
.mshp7-click-pulse:active img { transform: scale(1.08); }
.mshp7-click-shrink:active img { transform: scale(.96); }

.mshp7-item--spacer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.mshp7-divider {
	display: block;
	max-width: 100%;
}

.mshp7-divider--pulse {
	animation: mshp7DividerPulse 1.8s ease-in-out infinite;
}

.mshp7-divider--shine {
	position: relative;
	overflow: hidden;
}

.mshp7-divider--shine::after {
	content: '';
	position: absolute;
	inset: -6px auto -6px -35%;
	width: 30%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
	animation: mshp7DividerShine 2.2s linear infinite;
}

.mshp7-divider--grow {
	animation: mshp7DividerGrow 2.1s ease-in-out infinite;
	transform-origin: center center;
}

.mshp7-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 14px;
	min-height: 42px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.mshp7-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

.mshp7-button--solid {
	background: #fff9ea;
	color: #111;
}

.mshp7-button--outline {
	border: 1px solid rgba(255,249,234,.7);
	color: #fff9ea;
	background: transparent;
}

.mshp7-button--ghost {
	background: rgba(255,255,255,.08);
	color: #fff9ea;
	border: 1px solid rgba(255,249,234,.35);
	backdrop-filter: blur(3px);
}

.mshp7-button__icon,
.mshp7-button__icon-image {
	flex: 0 0 auto;
}

.mshp7-button__icon-image {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.mshp7-button__label {
	display: inline-block;
}

body.mshp7-enabled .mix-salient-header-left-content,
body.mshp7-enabled .mix-salient-header-right-content {
	display: none !important;
}

body.mshp7-sticky-compact #header-outer.detached .mshp7-slot--left {
	max-width: min(100%, var(--mshp7-sticky-left-width, 360px));
	flex-basis: var(--mshp7-sticky-left-width, 360px);
}

body.mshp7-sticky-compact #header-outer.detached .mshp7-slot--right {
	max-width: min(100%, var(--mshp7-sticky-right-width, 360px));
	flex-basis: var(--mshp7-sticky-right-width, 360px);
}

body.mshp7-sticky-compact #header-outer.detached .mshp7-slot-mode-free .mshp7-fragment--row,
body.mshp7-sticky-compact #header-outer.detached .mshp7-slot-mode-free .mshp7-fragment--inline {
	gap: min(12px, var(--mshp7-fragment-gap, 8px));
}

body.mshp7-sticky-compact #header-outer.detached .mshp7-item--text {
	font-size: .92em;
}

body.mshp7-sticky-compact #header-outer.detached .mshp7-button {
	padding: 8px 12px;
	min-height: 36px;
}

.mshp7-debug-panel {
	position: fixed;
	right: 12px;
	bottom: 12px;
	z-index: 999999;
	max-width: 420px;
	background: rgba(17,17,17,.95);
	color: #fff;
	padding: 12px 14px;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,.35);
	font: 12px/1.45 monospace;
}

.mshp7-debug-panel__title {
	font-weight: 700;
	margin-bottom: 8px;
}

/* v7.2.1 - shell desktop pe row, cu logo + sloturi native, fără clone */
@media (min-width: 1000px) {
	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .row {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: center;
		column-gap: var(--mshp7-desktop-gap, 24px);
		position: relative;
		overflow: visible;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 {
		display: contents !important;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100% !important;
		margin-left: 0 !important;
		float: none !important;
		text-align: center;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > #logo,
	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > nav.left-side,
	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > nav.right-side {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		inset: auto !important;
		height: auto !important;
		width: 100%;
		line-height: normal;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > nav.left-side {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		min-width: 0;
		z-index: 2;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > nav.right-side {
		grid-column: 3;
		grid-row: 1;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		min-width: 0;
		z-index: 2;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > nav.left-side > .mshp7-slot {
		margin-right: auto;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > nav.right-side > .mshp7-slot {
		margin-left: auto;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > #logo {
		grid-column: 2;
		grid-row: 1;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		justify-self: center;
		width: auto;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center;
		z-index: 3;
		visibility: visible !important;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > #logo img.mobile-only-logo {
		display: none !important;
	}

	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > #logo img.stnd,
	body.mshp7-desktop-shell-active #header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 > #logo img.default-logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	body.mshp7-desktop-shell-active #header-outer .mshp7-header-shell {
		display: none !important;
	}

	body.mshp7-desktop-shell-active #header-outer .mshp7-source-hidden,
	body.mshp7-desktop-shell-active #header-outer #logo.mshp7-logo-source-hidden {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		visibility: visible !important;
	}

	body.mshp7-desktop-shell-active #header-outer nav.left-side .mshp7-slot--left .mshp7-fragment,
	body.mshp7-desktop-shell-active #header-outer nav.right-side .mshp7-slot--right .mshp7-fragment {
		max-width: 100%;
	}
}

@media (max-width: 999px) {
	#header-outer nav.left-side .mshp7-slot,
	#header-outer nav.right-side .mshp7-slot {
		display: none !important;
	}
}

@keyframes mshp7DividerPulse {
	0%, 100% { opacity: .5; transform: scaleX(.94); }
	50% { opacity: 1; transform: scaleX(1); }
}

@keyframes mshp7DividerShine {
	0% { left: -35%; }
	100% { left: 110%; }
}

@keyframes mshp7DividerGrow {
	0%, 100% { transform: scaleX(.6); opacity: .7; }
	50% { transform: scaleX(1); opacity: 1; }
}
