/**
 * Paramour pre-app header — layout + brand chrome (Phase 2C / 3F-a Quitox parity).
 * Scoped under .paramour-pre-app-header-shell; requires brand-tokens.css.
 */

.paramour-pre-app-header-shell {
	display: block;
	width: 100%;
	position: relative;
	/* Above gateway registration/login layers (z-index 1000–1001); avoids submenu flicker from fields on top. */
	z-index: 10100;
}

.paramour-pre-app-header-shell.is-sticky-active {
	padding-top: var(--paramour-sticky-offset, 0);
}

/* Quitox chrome layer (#header-sticky) — matches paramour.services header-1. */
.paramour-pre-app-header-shell #header-sticky {
	--paramour-pre-app-header-bg: #fff;
	--paramour-pre-app-header-text: var(--paramour-brand-text, #333);
	box-sizing: border-box;
	width: 100%;
	padding: 0 var(--paramour-header-space-x, 30px);
	color: var(--paramour-pre-app-header-text);
	font-family: var(--paramour-ff-body, 'Outfit', sans-serif);
	line-height: 1.4;
	transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.paramour-pre-app-header-shell #header-sticky.z-index-5 {
	position: relative;
	z-index: 1;
}

/* Auth gateway: transparent = positioning only (padding from .tp-header__space-3). */
.paramour-pre-app-header-shell #header-sticky.tp-header__transparent {
	position: relative;
	left: auto;
	right: auto;
}

.paramour-pre-app-header-shell #header-sticky.header-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	background-color: #fff;
	box-shadow: var(--paramour-header-sticky-shadow, 0 2px 55px rgba(168, 182, 218, 0.32));
	animation: paramour-pre-app-header-sticky-in 500ms ease-in-out;
}

@keyframes paramour-pre-app-header-sticky-in {
	from {
		transform: translate3d(0, -8px, 0);
		opacity: 0.92;
	}
	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.paramour-pre-app-header-shell #header-sticky.header-sticky {
		animation: none;
	}
}

.paramour-pre-app-header-shell #header-sticky .paramour-pre-app-header {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.paramour-pre-app-header-shell #header-sticky *,
.paramour-pre-app-header-shell #header-sticky *::before,
.paramour-pre-app-header-shell #header-sticky *::after {
	box-sizing: border-box;
}

.paramour-pre-app-icon {
	display: block;
	width: 1em;
	height: 1em;
}

/* Language utility — paramour.services translate icon (20×20 img parity). */
.paramour-pre-app-header-shell .paramour-header-utility--language .paramour-pre-app-icon,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility--language .paramour-pre-app-icon {
	width: 20px;
	height: 20px;
	background: url("https://paramour.services/wp-content/uploads/system/translate-svgrepo-com.svg") center / 20px 20px no-repeat;
}

.paramour-pre-app-header-shell .paramour-header-utility--language .paramour-pre-app-icon > *,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility--language .paramour-pre-app-icon > * {
	display: none;
}

/* Quitox header-1 grid (Bootstrap class names; scoped flex — no Bootstrap JS/CSS dep). */
.paramour-pre-app-header-shell .container,
.paramour-pre-app-header-shell .container-fluid,
.paramour-pre-app-header-shell .container-sm,
.paramour-pre-app-header-shell .container-md,
.paramour-pre-app-header-shell .container-lg,
.paramour-pre-app-header-shell .container-xl,
.paramour-pre-app-header-shell .container-xxl {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 0;
	/* Override theme Bootstrap gutter; horizontal spacing is on #header-sticky. */
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.paramour-pre-app-header-shell .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
}

.paramour-pre-app-header-shell .d-flex {
	display: flex !important;
}

.paramour-pre-app-header-shell .align-items-center {
	align-items: center !important;
}

.paramour-pre-app-header-shell .justify-content-end {
	justify-content: flex-end !important;
}

.paramour-pre-app-header-shell .tp-header__logo {
	padding: 15px 0;
}

/* quitox-child/style.css on paramour.services (overrides quitox-core 157px width). */
.paramour-pre-app-header-shell .tp-header__logo img,
.paramour-pre-app-header-shell .paramour-pre-app-header__logo-image {
	display: block;
	width: unset;
	height: 80px;
	max-height: 80px;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--paramour-brand-text, #333);
}

.paramour-pre-app-header-shell .paramour-pre-app-header__logo-text {
	font-family: var(--paramour-font-display, 'Cooper Black', Georgia, serif);
	line-height: 1;
}

/* Quitox .tp-header__main-menu ul (paramour.services header-3 / black-menu). */
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list {
	text-align: center;
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
	only screen and (min-width: 1200px) and (max-width: 1399px) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul,
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list {
		margin-left: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul,
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list {
		margin-left: 35px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.paramour-pre-app-header-shell .tp-header__menu-3 > nav > ul,
	.paramour-pre-app-header-shell .tp-header__menu-3 .paramour-pre-app-header__nav-list {
		margin-left: 65px;
	}
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li,
.paramour-pre-app-header-shell .tp-header__main-menu ul li,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.menu-item {
	display: inline-block;
	margin: 0 35px;
	position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li,
	.paramour-pre-app-header-shell .tp-header__main-menu ul li,
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.menu-item {
		margin: 0 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li,
	.paramour-pre-app-header-shell .tp-header__main-menu ul li,
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.menu-item {
		margin: 0 13px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.paramour-pre-app-header-shell .tp-header__black-menu > nav > ul > li,
	.paramour-pre-app-header-shell .tp-header__black-menu ul li {
		margin: 0 20px;
	}
}

/*
 * Top-level nav type — 700/14 + smoothing (OW sizes).
 * Do not force #151718 / text-fill here: gateway (dark bg) sets white via
 * pre-app-gateway.css; filling dark would paint over that.
 */
.paramour-pre-app-header-shell .tp-header__main-menu ul li a.nav-links:not(.paramour-menu-cta),
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li > a.nav-links:not(.paramour-menu-cta) {
	display: inline-block;
	padding: 35px 0;
	font-family: var(--tp-ff-body, var(--paramour-ff-body, 'Outfit', sans-serif));
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.3s ease;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

.paramour-pre-app-header-shell .tp-header__menu-3 ul li a.nav-links:not(.paramour-menu-cta) {
	padding: 35px 0;
}

/* Default (non-gateway) black-menu color — gateway forces #fff + text-fill. */
.paramour-pre-app-header-shell .tp-header__black-menu ul li a.nav-links:not(.paramour-menu-cta) {
	color: var(--paramour-pre-app-header-text, var(--tp-common-black, #151718));
}

.paramour-pre-app-header-shell .tp-header__black-menu ul li:hover > a.nav-links:not(.paramour-menu-cta),
.paramour-pre-app-header-shell .tp-header__black-menu ul li:focus-within > a.nav-links:not(.paramour-menu-cta),
.paramour-pre-app-header-shell .tp-header__black-menu ul li > a.nav-links:not(.paramour-menu-cta):hover,
.paramour-pre-app-header-shell .tp-header__black-menu ul li > a.nav-links:not(.paramour-menu-cta):focus-visible {
	color: var(--tp-theme-1, #ec4f6a);
	text-decoration: none;
}

/* Desktop dropdown cards (Quitox .tp-header__main-menu .submenu). */
.paramour-pre-app-header-shell .paramour-pre-app-header__col--nav,
.paramour-pre-app-header-shell .tp-header__main-menu,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav {
	overflow: visible;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown,
.paramour-pre-app-header-shell .tp-header__main-menu ul li.has-dropdown {
	position: relative;
}

/* Hover bridge: no dead zone between top-level link and submenu panel. */
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown::before,
.paramour-pre-app-header-shell .tp-header__main-menu ul li.has-dropdown::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 16px;
	z-index: 1001;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu,
.paramour-pre-app-header-shell .tp-header__main-menu ul li.has-dropdown > .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 300px;
	min-width: 300px;
	margin: 0;
	padding: 8px 0 16px;
	list-style: none;
	background-color: #fff;
	box-shadow: 0 8px 20px rgba(61, 110, 168, 0.2);
	text-align: start;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 1002;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown:hover > .submenu,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown:focus-within > .submenu,
.paramour-pre-app-header-shell .tp-header__main-menu ul li.has-dropdown:hover > .submenu,
.paramour-pre-app-header-shell .tp-header__main-menu ul li.has-dropdown:focus-within > .submenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu > li.menu-item,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu > li.menu-item {
	display: block;
	margin: 0;
	padding: 0;
}

.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li a.dropdown-items,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu a.dropdown-items {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 40px;
	margin: 0;
	font-family: var(--tp-ff-body, var(--paramour-ff-body, 'Outfit', sans-serif));
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: normal;
	color: #333;
	text-decoration: none;
	text-transform: capitalize;
	position: relative;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li a.dropdown-items::after,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu a.dropdown-items::after {
	content: "";
	position: absolute;
	bottom: 8px;
	right: 40px;
	left: 40px;
	height: 1px;
	width: 0;
	background-color: var(--tp-theme-1, #333);
	transition: width 0.7s ease, left 0.7s ease, right 0.7s ease;
}

.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li:hover > a.dropdown-items,
.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li:focus-within > a.dropdown-items,
.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li a.dropdown-items:hover,
.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li a.dropdown-items:focus-visible,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu > li.menu-item:hover > a.dropdown-items,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu a.dropdown-items:hover,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu a.dropdown-items:focus-visible {
	color: var(--tp-theme-1, #ec4f6a);
	background-color: var(--tp-grey-2, #e8f6ff);
	text-decoration: none;
}

.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li:hover > a.dropdown-items::after,
.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li a.dropdown-items:hover::after,
.paramour-pre-app-header-shell .tp-header__main-menu ul li .submenu li a.dropdown-items:focus-visible::after,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu a.dropdown-items:hover::after,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list > li.has-dropdown > .submenu a.dropdown-items:focus-visible::after {
	width: calc(100% - 80px);
	left: 40px;
	right: auto;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__nav-item:not(.paramour-pre-app-header__nav-item--cta) .paramour-pre-app-header__nav-link:hover,
.paramour-pre-app-header-shell .paramour-pre-app-header__nav-item:not(.paramour-pre-app-header__nav-item--cta) .paramour-pre-app-header__nav-link:focus-visible {
	color: var(--tp-theme-1, #ec4f6a);
	text-decoration: none;
	/* No -webkit-text-fill-color: gateway white menu must stay visible on dark bg. */
}

/* CTA hover overlay keyframes (Quitox parent theme parity; referenced by ::before rules below). */
@keyframes opacityFallbackOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes opacityFallbackIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@supports not (clip-path: polygon(0 0)) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta::before,
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta::before {
		clip-path: none;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta:hover::before,
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta:hover::before {
		opacity: 1;
	}
}

/* For Clients CTA — quitox-child/style.css (paramour.services), verbatim under shell. */
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item {
	vertical-align: middle;
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: var(--tp-theme-2);
	color: var(--tp-common-white) !important;
	height: 55px;
	max-height: 55px;
	min-height: 55px;
	line-height: 1;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: 0.3s;
	text-decoration: none;
	vertical-align: middle;
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta .paramour-menu-cta__label,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta .paramour-menu-cta__label {
	display: inline-block;
	color: var(--tp-common-white) !important;
	-webkit-text-fill-color: var(--tp-common-white) !important;
	z-index: 1;
	position: relative;
	line-height: 1.2;
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta::before,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta::before {
	animation: opacityFallbackOut 0.5s step-end forwards;
	backface-visibility: hidden;
	background-color: var(--tp-common-black);
	clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateZ(0);
	transition: clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	width: 100%;
	z-index: 0;
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item:hover > a.paramour-menu-cta,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta:hover,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta:hover {
	color: var(--tp-common-white) !important;
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta:hover::before,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta:hover::before {
	animation: opacityFallbackIn 0s step-start forwards;
	clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
}

.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta:hover .paramour-menu-cta__label,
.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta:hover .paramour-menu-cta__label {
	color: var(--tp-common-white) !important;
	-webkit-text-fill-color: var(--tp-common-white) !important;
}

@media only screen and (min-width: 1240px) and (max-width: 1366px) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta,
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		font-size: 13px;
	}
}

/* Sticky bar CTA — paramour.services quitox-child #header-sticky rules. */
.paramour-pre-app-header-shell #header-sticky .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta,
.paramour-pre-app-header-shell #header-sticky .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta {
	height: 42px !important;
	max-height: 42px !important;
	min-height: 42px !important;
	padding: 0 1.1rem !important;
	font-size: 14px !important;
}

@media (max-width: 1199.98px) and (min-width: 901px) {
	.paramour-pre-app-header-shell #header-sticky .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta,
	.paramour-pre-app-header-shell #header-sticky .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta {
		padding: 0 0.85rem !important;
		letter-spacing: 0.06em !important;
		font-size: 13px !important;
	}

	.paramour-pre-app-header-shell #header-sticky .tp-header__main-menu > nav > ul > li > a.nav-links:not(.paramour-menu-cta) {
		padding-left: 0.45rem !important;
		padding-right: 0.45rem !important;
		font-size: 14px !important;
		font-weight: 700 !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.paramour-menu-cta,
	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item > a.nav-links.paramour-menu-cta {
		height: 45px;
		max-height: 45px;
		min-height: 45px;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 12px;
	}
}

.paramour-pre-app-header-shell .paramour-pre-app-header__col--actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__actions,
.paramour-pre-app-header-shell .tp-header__right-two {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center !important;
	justify-content: flex-end !important;
	width: 100%;
	gap: var(--paramour-header-actions-gap, 30px);
}

.paramour-pre-app-header-shell .paramour-pre-app-header__mobile-cta,
.paramour-pre-app-header-shell .tp-header__right-two > a.paramour-mobile-header-cta {
	display: none !important;
}

.paramour-pre-app-header-shell .paramour-header-utilities,
.paramour-pre-app-header-shell .paramour-pre-app-header__utilities {
	display: flex;
	align-items: center;
	gap: var(--paramour-header-actions-gap, 30px);
	margin-left: var(--paramour-header-utilities-margin-left, 35px);
}

.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities {
	gap: 12px;
}

.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-header-utility {
	font-size: 20px;
	padding: 10px;
	background: #ffffff;
	border-radius: 6px;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-header-utility--language,
.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-pre-app-header__utility--language {
	background: #f2f1f9;
}

.paramour-pre-app-header-shell .paramour-header-utility,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	text-decoration: none;
	color: var(--paramour-brand-text, #333);
	font-size: var(--paramour-utility-icon-size, 18px);
	line-height: 1;
	cursor: pointer;
	font-family: inherit;
	transition: color 0.3s ease;
}

.paramour-pre-app-header-shell .paramour-header-utility::before,
.paramour-pre-app-header-shell .paramour-header-utility::after,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility::before,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility::after {
	content: none;
	display: none;
}

.paramour-pre-app-header-shell .paramour-header-utility:hover,
.paramour-pre-app-header-shell .paramour-header-utility:focus-visible,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility:hover,
.paramour-pre-app-header-shell .paramour-pre-app-header__utility:focus-visible {
	color: var(--tp-theme-1, #ec4f6a);
	background: none;
}

.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-header-utility:hover,
.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-header-utility:focus-visible {
	background: #ffffff;
}

.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-header-utility--language:hover,
.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-header-utility--language:focus-visible,
.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-pre-app-header__utility--language:hover,
.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities .paramour-pre-app-header__utility--language:focus-visible {
	background: #f2f1f9;
	color: var(--tp-theme-1, #ec4f6a);
}

.paramour-pre-app-header-shell .paramour-pre-app-header__utility--placeholder {
	cursor: default;
	pointer-events: none;
	opacity: 0.85;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__utility-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	line-height: 1;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__utility-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Mobile opener — paramour-mobile-menu-logo / tp-header__bars (no .tp-menu-bar). */
.paramour-pre-app-header-shell .paramour-pre-app-header__menu-toggle,
.paramour-pre-app-header-shell a.paramour-pre-app-header__menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: inherit;
	position: relative;
	z-index: 5;
	flex: 0 0 var(--paramour-mobile-menu-logo-size, 60px);
	width: var(--paramour-mobile-menu-logo-size, 60px);
	height: var(--paramour-mobile-menu-logo-size, 60px);
	min-width: var(--paramour-mobile-menu-logo-size, 60px);
	min-height: var(--paramour-mobile-menu-logo-size, 60px);
	max-width: var(--paramour-mobile-menu-logo-size, 60px);
	max-height: var(--paramour-mobile-menu-logo-size, 60px);
	margin-left: 0;
	padding: 0;
	border: 0;
	border-radius: var(--paramour-cta-radius, 5px);
	background: transparent !important;
	color: var(--paramour-brand-text, #333);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	overflow: hidden;
	pointer-events: auto;
}

@media (min-width: 992px) {
	.paramour-pre-app-header-shell .paramour-pre-app-header__menu-toggle {
		align-self: center;
	}
}

.paramour-pre-app-header-shell .paramour-pre-app-header__menu-bar-logo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 0;
	border-radius: inherit;
}

.paramour-pre-app-header-shell .paramour-pre-app-header__menu-toggle:hover,
.paramour-pre-app-header-shell .paramour-pre-app-header__menu-toggle:focus-visible,
.paramour-pre-app-header-shell a.paramour-pre-app-header__menu-toggle:hover,
.paramour-pre-app-header-shell a.paramour-pre-app-header__menu-toggle:focus-visible {
	background-color: transparent !important;
	outline: 2px solid var(--tp-theme-2, #017efa);
	outline-offset: 2px;
}

/* Bootstrap col-* equivalent (lg / xl). */
@media (min-width: 992px) {
	.paramour-pre-app-header-shell #header-sticky,
	.paramour-pre-app-header-shell #header-sticky.tp-header__transparent {
		background-color: var(--paramour-pre-app-header-bg);
	}

	.paramour-pre-app-header-shell .row {
		flex-wrap: nowrap;
	}

	.paramour-pre-app-header-shell .d-none {
		display: none !important;
	}

	.paramour-pre-app-header-shell .d-lg-block {
		display: block !important;
	}

	.paramour-pre-app-header-shell .col-lg-2,
	.paramour-pre-app-header-shell .col-xl-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.paramour-pre-app-header-shell .col-lg-7,
	.paramour-pre-app-header-shell .col-xl-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.paramour-pre-app-header-shell .col-lg-3,
	.paramour-pre-app-header-shell .col-xl-3,
	.paramour-pre-app-header-shell .paramour-pre-app-header__col--actions {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-item {
		margin: 0 20px;
	}
}

@media (max-width: 991px) {
	.paramour-pre-app-header-shell .d-lg-block {
		display: none !important;
	}

	.paramour-pre-app-header-shell .col-12,
	.paramour-pre-app-header-shell .col-md-6,
	.paramour-pre-app-header-shell .paramour-pre-app-header__col--actions {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list {
		margin-left: 65px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-list {
		margin-left: 35px;
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-item {
		margin: 0 13px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-item {
		margin: 0 20px;
	}
}

/* Offcanvas — tpoffcanvas / body-overlay (scoped). */
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-area {
	pointer-events: none;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-area.is-open {
	pointer-events: auto;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-overlay,
.paramour-pre-app-header-shell .body-overlay {
	position: fixed;
	inset: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(24, 24, 24, 0.6);
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	transition: opacity 0.45s ease-in-out, visibility 0.45s ease-in-out;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-area.is-open .paramour-pre-app-offcanvas-overlay,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-area.is-open .body-overlay {
	opacity: 1;
	visibility: visible;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas,
.paramour-pre-app-header-shell .tpoffcanvas {
	position: fixed;
	top: 0;
	right: -100%;
	bottom: 0;
	width: min(var(--paramour-offcanvas-width, 480px), 90vw);
	z-index: 9999;
	padding: 50px;
	overflow-y: auto;
	scrollbar-width: none;
	background-color: var(--paramour-offcanvas-bg, #1b1b1b);
	color: var(--paramour-offcanvas-text, #fff);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.35);
	opacity: 0;
	visibility: hidden;
	transition: right 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.45s ease-in-out, visibility 0.45s ease-in-out;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-area.is-open .paramour-pre-app-offcanvas,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas-area.is-open .tpoffcanvas {
	right: 0;
	opacity: 1;
	visibility: visible;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close {
	position: absolute;
	top: 38px;
	right: 39px;
	z-index: 2;
	margin: 0;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--paramour-offcanvas-text, #fff);
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	opacity: 0.35;
	cursor: pointer;
	transition: opacity 0.3s ease, color 0.3s ease;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close-btn .paramour-pre-app-icon {
	width: 1em;
	height: 1em;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close-btn:hover,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close-btn:focus-visible {
	opacity: 1;
	color: var(--paramour-offcanvas-text, #fff);
	outline: none;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__logo,
.paramour-pre-app-header-shell .tpoffcanvas__logo {
	margin-bottom: 40px;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__logo img,
.paramour-pre-app-header-shell .tpoffcanvas__logo img {
	display: block;
	width: 157px;
	max-width: 100%;
	height: auto;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0 0 var(--paramour-offcanvas-menu-margin-bottom, 50px);
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-link,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-toggle {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	color: var(--paramour-offcanvas-text, #fff);
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	border-top: 1px solid var(--paramour-offcanvas-border, rgba(255, 255, 255, 0.1));
	transition: color 0.3s ease;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	background: transparent;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-toggle:hover,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-toggle:focus-visible,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-item--branch.is-expanded .paramour-pre-app-offcanvas__nav-toggle {
	color: var(--tp-theme-2, #017efa);
	outline: none;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-toggle-indicator {
	flex-shrink: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	opacity: 0.85;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-sublist {
	margin: 0;
	padding: 0 0 0 var(--paramour-offcanvas-submenu-indent, 20px);
	list-style: none;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-sublist .paramour-pre-app-offcanvas__nav-sublist {
	padding-left: var(--paramour-offcanvas-submenu-indent, 20px);
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-sublist--linked {
	padding-left: var(--paramour-offcanvas-submenu-indent, 20px);
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-link--child,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-sublist .paramour-pre-app-offcanvas__nav-toggle {
	font-weight: 600;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-list > .paramour-pre-app-offcanvas__nav-item:first-child > .paramour-pre-app-offcanvas__nav-link,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-list > .paramour-pre-app-offcanvas__nav-item:first-child > .paramour-pre-app-offcanvas__nav-toggle {
	border-top: 0;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-link:hover,
.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-link:focus-visible {
	color: var(--tp-theme-2, #017efa);
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-link--with-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-icon {
	display: inline-flex;
	flex-shrink: 0;
	font-size: 1.125rem;
	line-height: 1;
	opacity: 0.9;
}

.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-label {
	line-height: 1.5;
}

@media (min-width: 768px) {
	.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close {
		top: 42px;
		right: 50px;
	}

	.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__close-btn {
		font-size: 35px;
	}
}

body.paramour-pre-app-offcanvas-open {
	overflow: hidden;
}

.paramour-pre-app-header-shell .paramour-pre-app-header--mode-approval_safe .paramour-pre-app-header__nav,
.paramour-pre-app-header-shell .paramour-pre-app-header--mode-approval_safe .paramour-pre-app-header__mobile-cta {
	display: none !important;
}

@media (max-width: 767px) {
	.paramour-pre-app-header-shell .paramour-pre-app-offcanvas,
	.paramour-pre-app-header-shell .tpoffcanvas {
		padding: 40px 35px;
	}
}

/* Mobile header — quitox-child @media (max-width: 991px). */
@media (max-width: 991px) {
	.paramour-pre-app-header-shell #header-sticky,
	.paramour-pre-app-header-shell #header-sticky.tp-header__transparent,
	.paramour-pre-app-header-shell #header-sticky.header-sticky {
		background-color: transparent;
		box-shadow: none;
	}

	/* No display:inline-flex on mobile For Clients bar link (desktop nav CTA only). */
	.paramour-pre-app-header-shell .paramour-pre-app-header__mobile-cta,
	.paramour-pre-app-header-shell .tp-header__right-two > a.paramour-mobile-header-cta.paramour-menu-cta {
		display: none !important;
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__inner {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.paramour-pre-app-header-shell .tp-header__logo img,
	.paramour-pre-app-header-shell .paramour-pre-app-header__logo-image {
		height: var(--paramour-logo-height-mobile, 60px);
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__col--nav,
	.paramour-pre-app-header-shell .tp-header__main-menu {
		display: none !important;
	}

	.paramour-pre-app-header-shell .tp-header__main-menu > nav > ul > li.paramour-menu-cta-item,
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-item--for_clients,
	.paramour-pre-app-header-shell .paramour-pre-app-offcanvas__nav-item--cta,
	.paramour-pre-app-header-shell a.paramour-menu-cta,
	.paramour-pre-app-header-shell .paramour-pre-app-header__mobile-cta,
	.paramour-pre-app-header-shell .paramour-pre-app-header__nav-cta.paramour-mobile-header-cta,
	.paramour-pre-app-header-shell .paramour-mobile-header-cta,
	.paramour-pre-app-header-shell .tp-header__right-two > a.paramour-mobile-header-cta,
	.paramour-pre-app-header-shell .tp-header__right-two > a.paramour-mobile-header-cta.paramour-menu-cta {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		max-height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__menu-toggle,
	.paramour-pre-app-header-shell a.paramour-pre-app-header__menu-toggle,
	.paramour-pre-app-header-shell .paramour-mobile-menu-logo,
	.paramour-pre-app-header-shell .tp-header__bars.paramour-mobile-menu-logo {
		display: inline-flex;
		flex: 0 0 var(--paramour-mobile-menu-logo-size, 60px);
		width: var(--paramour-mobile-menu-logo-size, 60px);
		height: var(--paramour-mobile-menu-logo-size, 60px);
		min-width: var(--paramour-mobile-menu-logo-size, 60px);
		min-height: var(--paramour-mobile-menu-logo-size, 60px);
		max-width: var(--paramour-mobile-menu-logo-size, 60px);
		max-height: var(--paramour-mobile-menu-logo-size, 60px);
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__col--actions {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}

	/* Mobile chrome stack (DOM: utilities → logo): column-reverse → logo, account, language. */
	.paramour-pre-app-header-shell .paramour-pre-app-header__actions,
	.paramour-pre-app-header-shell .paramour-pre-app-header__actions.d-flex,
	.paramour-pre-app-header-shell .tp-header__right-two,
	.paramour-pre-app-header-shell .tp-header__right-two.d-flex {
		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: auto !important;
		margin-right: 0;
		gap: var(--paramour-mobile-header-stack-gap, 10px);
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__actions.align-items-center,
	.paramour-pre-app-header-shell .tp-header__right-two.align-items-center {
		align-items: center !important;
	}

	.paramour-pre-app-header-shell .paramour-pre-app-header__menu-toggle,
	.paramour-pre-app-header-shell a.paramour-pre-app-header__menu-toggle,
	.paramour-pre-app-header-shell .paramour-mobile-menu-logo {
		align-self: center !important;
		margin-left: 0;
	}

	.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities,
	.paramour-pre-app-header-shell .tp-header__right-two .paramour-header-utilities.d-flex,
	.paramour-pre-app-header-shell .tp-header__right-two .paramour-pre-app-header__utilities,
	.paramour-pre-app-header-shell .tp-header__right-two .paramour-pre-app-header__utilities.d-flex,
	.paramour-pre-app-header-shell .paramour-pre-app-header__actions .paramour-header-utilities,
	.paramour-pre-app-header-shell .paramour-pre-app-header__actions .paramour-pre-app-header__utilities {
		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-left: 0 !important;
		margin-right: 0;
		gap: var(--paramour-mobile-header-stack-gap, 10px);
	}
}

@media (max-width: 767px) {
	.paramour-pre-app-header-shell .paramour-pre-app-header__inner {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.paramour-pre-app-header-shell .paramour-header-utility,
	.paramour-pre-app-header-shell .paramour-pre-app-header__utility {
		font-size: var(--paramour-utility-icon-size, 16px);
	}

}

/* Static preview: open drawer without JS. */
.paramour-pre-app-header-shell.paramour-pre-app-header--preview-expand .paramour-pre-app-offcanvas-area,
.paramour-pre-app-offcanvas-area.paramour-pre-app-offcanvas-area--preview-open {
	pointer-events: auto;
}

.paramour-pre-app-header-shell.paramour-pre-app-header--preview-expand .paramour-pre-app-offcanvas,
.paramour-pre-app-offcanvas-area.paramour-pre-app-offcanvas-area--preview-open .paramour-pre-app-offcanvas,
.paramour-pre-app-header-shell.paramour-pre-app-header--preview-expand .tpoffcanvas,
.paramour-pre-app-offcanvas-area.paramour-pre-app-offcanvas-area--preview-open .tpoffcanvas {
	right: 0;
	opacity: 1;
	visibility: visible;
}

.paramour-pre-app-header-shell.paramour-pre-app-header--preview-expand .paramour-pre-app-offcanvas-overlay,
.paramour-pre-app-offcanvas-area.paramour-pre-app-offcanvas-area--preview-open .paramour-pre-app-offcanvas-overlay,
.paramour-pre-app-header-shell.paramour-pre-app-header--preview-expand .body-overlay,
.paramour-pre-app-offcanvas-area.paramour-pre-app-offcanvas-area--preview-open .body-overlay {
	opacity: 1;
	visibility: visible;
}