/* Shared in-flow page-title and commerce-title presentation. */

.cannectra-page-title {
	position: relative;
	isolation: isolate;
	contain:layout paint;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(560px, 0.95fr);
	gap: 20px;
	align-items: center;
	overflow: hidden;
	width: 100%;
	min-height: 104px;
	padding: 17px 22px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 22px;
	background: radial-gradient(circle at 88% 22%, rgba(242, 140, 53, 0.2), transparent 15rem), linear-gradient(128deg, #315866 0%, #4c7886 58%, #5e8f9e 100%);
	box-shadow: 0 10px 28px rgba(49, 88, 102, 0.12);
	color: #fff;
}
.cannectra-page-title::before {
	position: absolute;
	z-index: -1;
	right: -15px;
	bottom: -87px;
	width: 220px;
	height: 150px;
	background: linear-gradient(90deg, transparent 0 12%, #fff 12% 24%, transparent 24% 36%, #fff 36% 48%, transparent 48% 60%, #fff 60% 72%, transparent 72% 84%, #fff 84% 96%, transparent 96%);
	content: "";
	opacity: 0.055;
	transform: skewX(-7deg);
}
.cannectra-page-title::after {
	position: absolute;
	top: 50%;
	right: 24px;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.035);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	content: "";
	transform: translateY(-50%) rotate(5deg);
}
.cannectra-page-title__copy,
.cannectra-page-title__details {
	position: relative;
	z-index: 2;
}
.cannectra-page-title__copy {
	min-width: 0;
	width: 100%;
	justify-self: start;
	text-align: left;
}
.cannectra-page-title__eyebrow {
	display: block;
	position: relative;
	padding-left: 15px;
	margin-bottom: 6px;
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}
.cannectra-page-title__eyebrow::before {
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--cannectra-accent);
	box-shadow: 0 0 10px rgba(242, 140, 53, 0.8), 0 0 0 3px rgba(242, 140, 53, 0.14);
	content: "";
}
.cannectra-page-title .cannectra-page-title__copy > * {
	max-width: none;
	margin-inline: 0;
}
.cannectra-page-title__row {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.cannectra-page-title h1,
.cannectra-page-title .wp-block-post-title {
	margin: 0;
	color: #fff;
	font-size: clamp(24px, 2.5vw, 34px);
	line-height: 1.05;
	letter-spacing: -0.035em;
	text-align: left;
}
.cannectra-page-title--simple,
.cannectra-page-title--auth {
	grid-template-columns: 1fr;
	margin-bottom: clamp(1.25rem, 3vw, 2rem);
}
.cannectra-page-title__toggle {
	display: none;
	min-height: 28px;
	align-items: center;
	gap: 6px;
	padding: 5px 8px;
	border: 1px solid rgba(255, 255, 255, 0.17);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.075);
	color: #fff;
	font-size: 8px;
	font-weight: 850;
	cursor: pointer;
}
.cannectra-page-title.is-toggle-ready .cannectra-page-title__toggle { display:inline-flex; }
.cannectra-page-title__toggle:hover,
.cannectra-page-title__toggle:focus-visible {
	border-color: rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.14);
	outline: 0;
}
.cannectra-page-title__toggle svg {
	width: 13px;
	height: 13px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	transition: transform 0.42s cubic-bezier(0.2, 0.78, 0.2, 1);
}
.cannectra-page-title.is-details-open .cannectra-page-title__toggle svg { transform: rotate(180deg); }
.cannectra-page-title__details { grid-column: 1 / -1;min-height: 0;overflow: hidden;opacity: 1;transition: opacity 0.28s ease; }
.cannectra-page-title.is-toggle-ready .cannectra-page-title__details { opacity:0; }
.cannectra-page-title.is-details-open .cannectra-page-title__details { opacity: 1; }
.cannectra-page-title__details > div { padding-top: 13px;border-top: 1px solid rgba(255,255,255,.2); }
.cannectra-page-title__details p { max-width: 920px;margin: 0;color: rgba(255,255,255,.8);font-size: 10px;line-height: 1.65; }
.cannectra-page-title__details p + p { margin-top: 8px; }
@media (prefers-reduced-motion:reduce){
.cannectra-page-title__details,.cannectra-page-title__toggle svg { transition-duration:1ms!important; }
}
@media (max-width:1180px){
.cannectra-page-title { grid-template-columns:1fr;grid-template-rows:auto auto auto; }
.cannectra-page-title.is-toggle-ready { grid-template-rows:auto auto 0fr; }
.cannectra-page-title.is-details-open { grid-template-rows:auto auto 1fr; }
.cannectra-page-title__copy { grid-column:1;grid-row:1; }
.cannectra-page-title__details { grid-column:1;grid-row:3; }
}
@media (max-width:760px){
.cannectra-page-title { padding:18px;border-radius:18px; }
}
#cannectra-main:has(> .cannectra-page-title),
#cannectra-main.cn-product-page:has(> .cn-product > .cannectra-page-title){ padding-top:0; }
.wp-site-blocks > .cannectra-global-header + #cannectra-main:has(.cannectra-page-title){ margin-block-start:5px; }
.cannectra-main > .cannectra-page-title {
	left:auto;
	width:100%;
	max-width:none;
	margin-inline:auto;
	transform:none;
}
.cannectra-commerce-title {
	width:min(var(--cannectra-content),calc(100% - 2rem));
	margin:0 auto clamp(1.25rem,3vw,2rem);
}
@media (max-width:760px){
.cannectra-page-title { border-radius:0; }
}
.cannectra-page-title__details > div { transform:translateY(0);transition:transform .36s cubic-bezier(.2,.78,.2,1); }
.cannectra-page-title.is-toggle-ready .cannectra-page-title__details > div { transform:translateY(-8px); }
.cannectra-page-title.is-details-open .cannectra-page-title__details > div { transform:none; }
@media (prefers-reduced-motion:reduce){

	.cannectra-page-title__details > div{ transition-duration:1ms!important; }
}
.cannectra-page-title::before,
.cannectra-page-title::after { pointer-events:none; }
.cannectra-page-title__toggle { position:relative;z-index:5;min-width:112px;min-height:34px;justify-content:center;padding:7px 10px;font-size:10px;pointer-events:auto; }
.cannectra-page-title__details > div{ padding-top:10px;border-top:0; }