/**
 * Mobile header chrome — PP logo | flexible tagline | burger + site utilities.
 *
 * Canonical owner for paramour.services public mobile header.
 * Utility vertical stack remains ≤900px. Three-item top row follows Bootstrap lg (≤991px)
 * because .d-lg-none burger is already visible in that band.
 *
 * Do not reintroduce quitox-child-header-mobile-stack.css (v1 / fused logo).
 *
 * @package Paramour_Official_Website
 */

.paramour-mobile-header-center {
	display: none;
}

.paramour-mobile-wordmark {
	display: block;
	pointer-events: none;
	margin: 0;
	font-family: var(--paramour-ff-body, var(--tp-ff-body, 'Outfit', sans-serif));
	/* Ensure this canonical wordmark sizing wins over Quitox hero heading rules. */
	font-size: clamp(14px, 3.85vw, 18px) !important;
	font-weight: 600;
	line-height: 1.2 !important;
	color: #333;
	text-align: center;
	text-wrap: balance;
	hyphens: auto;
	overflow-wrap: anywhere;
}

.paramour-mobile-wordmark .emoji {
	display: inline-block;
	width: 0.95em;
	height: 0.95em;
	margin: 0 0 0 0.1em;
	vertical-align: -0.08em;
	flex-shrink: 0;
}

@media (max-width: 991px) {
	#header-sticky,
	#header-sticky.tp-header__area,
	#header-sticky.tp-header__space-3,
	#header-sticky.tp-header__transparent,
	#header-sticky.tp-header__bottom {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
		box-sizing: border-box;
	}

	#header-sticky .container-fluid {
		width: 100% !important;
		max-width: none !important;
		padding-top: 16px;
		padding-bottom: 16px;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
	}

	#header-sticky .row,
	#header-sticky .row.align-items-center {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		column-gap: 0 !important;
		--bs-gutter-x: 0;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}

	#header-sticky .row > [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#header-sticky .row.align-items-center > .col-xl-2.col-lg-2.d-none.d-lg-block {
		display: block !important;
		flex: 0 0 auto !important;
		max-width: none !important;
		width: auto !important;
	}

	.paramour-mobile-header-center {
		display: flex !important;
		flex: 1 1 auto !important;
		min-width: 0;
		min-height: 40px;
		align-items: center;
		justify-content: center;
		/* Give the center tagline a hair more horizontal room. */
		padding: 0 8px;
		box-sizing: border-box;
	}

	.paramour-mobile-wordmark {
		width: 100%;
	}

	#header-sticky .tp-header__main-menu,
	#header-sticky .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item,
	#header-sticky .tp-header__right-two > a.paramour-mobile-header-cta,
	#header-sticky .tp-header__right-two > a.paramour-mobile-header-cta.paramour-menu-cta {
		display: none !important;
	}

	#header-sticky .row.align-items-center > .col-md-6,
	#header-sticky .row.align-items-center > .col-md-6.col-12,
	#header-sticky .row.align-items-center > [class*="col-"]:last-child {
		flex: 0 0 auto !important;
		max-width: none !important;
		width: auto !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: flex-start !important;
	}

	#header-sticky .tp-header__logo {
		padding: 0;
	}

	#header-sticky .tp-header__logo img {
		display: block;
		width: 40px;
		height: 40px;
		max-width: 40px;
		max-height: 40px;
		object-fit: contain;
	}

	#header-sticky .tp-header__right-two > a.tp-header__bars.tp-menu-bar {
		box-sizing: border-box;
		flex: 0 0 40px !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		max-width: 40px !important;
		max-height: 40px !important;
		align-self: center !important;
		margin-left: 0;
		padding: 0;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		line-height: 1;
	}
}

@media (max-width: 900px) {
	#header-sticky .tp-header__right-two,
	#header-sticky .tp-header__right-two.d-flex,
	#header-sticky .tp-header__right-two.align-items-center {
		flex-flow: column-reverse !important;
		flex-direction: column-reverse !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: max-content !important;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0;
		gap: 10px;
	}

	#header-sticky .tp-header__right-two .paramour-header-utilities,
	#header-sticky .tp-header__right-two .paramour-header-utilities.d-flex,
	#header-sticky .tp-header__right-two .paramour-pre-app-header__utilities,
	#header-sticky .tp-header__right-two .paramour-header-utilities.align-items-center {
		flex-flow: column-reverse !important;
		flex-direction: column-reverse !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		align-self: center !important;
		width: auto;
		margin: 0 !important;
		gap: 10px;
	}
}

@media (max-width: 767px) {
	#header-sticky .container-fluid {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.paramour-mobile-header-center {
		min-height: 36px;
	}

	#header-sticky .tp-header__logo img {
		width: 36px;
		height: 36px;
		max-width: 36px;
		max-height: 36px;
	}

	#header-sticky .tp-header__right-two > a.tp-header__bars.tp-menu-bar {
		flex: 0 0 36px !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		max-width: 36px !important;
		max-height: 36px !important;
		font-size: 16px;
	}
}