/**
 * SPS Theme: compact page title / hero band for SaaS-style pages.
 */

/* Page title band — shorter than Kadence default (200px) */
body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .entry-header {
	min-height: 72px !important;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
	display: flex;
	align-items: center;
}

body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .entry-hero-container-inner {
	padding-top: 0;
	padding-bottom: 0;
}

body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .hero-container.site-container {
	padding-top: 0;
	padding-bottom: 0;
}

body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .entry-title,
body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .page-title h1,
body.sps-saas-header #inner-wrap .entry-hero.page-hero-section h1 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: clamp(1.25rem, 2.2vw, 1.5rem);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	margin: 0;
}

body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .kadence-breadcrumbs,
body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .entry-meta {
	display: none;
}

/* Account Center and other app surfaces: even tighter title band */
body.sps-saas-header.page-account-center #inner-wrap .entry-hero.page-hero-section .entry-header,
body.sps-saas-header:has(.ws-account) #inner-wrap .entry-hero.page-hero-section .entry-header {
	min-height: 56px !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

body.sps-saas-header.page-account-center #inner-wrap .entry-hero.page-hero-section .entry-title,
body.sps-saas-header.page-account-center #inner-wrap .entry-hero.page-hero-section h1,
body.sps-saas-header:has(.ws-account) #inner-wrap .entry-hero.page-hero-section .entry-title,
body.sps-saas-header:has(.ws-account) #inner-wrap .entry-hero.page-hero-section h1 {
	font-size: 1.35rem;
}

@media (max-width: 767px) {
	body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .entry-header {
		min-height: 56px !important;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	body.sps-saas-header #inner-wrap .entry-hero.page-hero-section .entry-title,
	body.sps-saas-header #inner-wrap .entry-hero.page-hero-section h1 {
		font-size: 1.2rem;
	}
}

/* Hero → content: Kadence defaults to ~5rem margin-top on .content-area */
body.sps-saas-header.content-title-style-above #primary.content-area {
	margin-top: 0.75rem !important;
	margin-bottom: 1.5rem !important;
}

body.sps-saas-header.content-title-style-above .entry.single-entry .entry-content-wrap {
	padding-top: 1rem;
}

body.sps-saas-header.content-title-style-above .content-container.site-container {
	padding-top: 0;
}

/* Account Center: minimal seam between title band and app chrome */
body.sps-saas-header.page-account-center #primary.content-area,
body.sps-saas-header:has(.ws-account) #primary.content-area {
	margin-top: 0.25rem !important;
}

body.sps-saas-header.page-account-center .entry.single-entry .entry-content-wrap,
body.sps-saas-header:has(.ws-account) .entry.single-entry .entry-content-wrap {
	padding-top: 0.65rem;
}

body.sps-saas-header.page-account-center .ws-account .ws-header,
body.sps-saas-header:has(.ws-account) .ws-account .ws-header,
body.sps-saas-header.sps-account-center-view .ws-account .ws-header {
	margin-bottom: 0.25rem;
}

@media (max-width: 767px) {
	body.sps-saas-header.content-title-style-above #primary.content-area {
		margin-top: 0.5rem !important;
	}

	body.sps-saas-header.page-account-center #primary.content-area,
	body.sps-saas-header:has(.ws-account) #primary.content-area {
		margin-top: 0.15rem !important;
	}
}