/**
 * Page Content Styles (BEM)
 * Block: .page-content
 * For: Privacy Policy, Terms, Cookie Policy, etc.
 */

/* ==========================================================================
   Page Content Block
   ========================================================================== */

.page-content {
	padding: var(--spacing-5xl) var(--spacing-5xl) var(--spacing-6xl);
	padding-right: 50rem; /* Asymmetric layout as per design */
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl);
}

/* ==========================================================================
   Page Header
   ========================================================================== */

.page-content__header {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl);
}

.page-content__title {
	font-family: var(--font-actay);
	font-size: var(--font-size-4xl);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	color: var(--color-black);
}

.page-content__intro {
	font-family: var(--font-inter);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-relaxed);
	color: var(--color-black);
}

/* ==========================================================================
   Page Section
   ========================================================================== */

.page-content__section {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl);
}

.page-content__section-title {
	font-family: var(--font-actay);
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	color: var(--color-black);
	max-width: 88rem;
}

.page-content__section-text {
	font-family: var(--font-inter);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-relaxed);
	color: var(--color-black);
	max-width: 88rem;
}

/* ==========================================================================
   Gutenberg Block Overrides for Page
   ========================================================================== */

.page-content .entry-content {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* Heading blocks */
.page-content .wp-block-heading {
	font-family: var(--font-actay);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	color: var(--color-black);
	max-width: 88rem;
	margin-bottom: 0;
}

.page-content h1.wp-block-heading {
	font-size: var(--font-size-4xl);
}

.page-content h2.wp-block-heading {
	padding-top: var(--spacing-2xl);
	padding-bottom: var(--spacing-xl);
	font-size: var(--font-size-xl);
}

.page-content h3.wp-block-heading {
	padding-bottom: var(--spacing-xl);
	padding-top: var(--spacing-xl);
	font-size: var(--font-size-lg);
}

/* Paragraph blocks */
.page-content .wp-block-paragraph {
	font-family: var(--font-inter);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-relaxed);
	color: var(--color-black);
	max-width: 88rem;
	margin-bottom: 0;
}

/* Lead/intro paragraph */
.page-content .wp-block-paragraph.has-large-font-size,
.page-content .wp-block-paragraph.is-style-lead {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
}

/* Group blocks (section containers) */
.page-content .wp-block-group {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl);
}

/* List blocks */
.page-content .wp-block-list {
	font-family: var(--font-inter);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-relaxed);
	color: var(--color-black);
	max-width: 88rem;
	padding-left: var(--spacing-xl);
}

.page-content .wp-block-list li {
	margin-bottom: var(--spacing-sm);
}

/* Links within content */
.page-content a {
	color: var(--color-black);
	text-decoration: underline;
	text-underline-offset: 0.3rem;
	transition: opacity var(--transition-fast);
}

.page-content a:hover {
	opacity: 0.7;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1089px) {
	.page-content {
		padding: var(--spacing-3xl) 0;
		gap: var(--spacing-xl);
	}

	.page-content__title {
		font-size: var(--font-size-xl);
		word-break: break-word;
	}

	.page-content h1.wp-block-heading {
		font-size: var(--font-size-2xl);
	}

	.page-content h2.wp-block-heading {
		font-size: var(--font-size-lg);
	}

	.page-content .entry-content {
		gap: var(--spacing-lg);
	}

	.page-content .entry-content h2.wp-block-heading {
		padding-top: var(--spacing-xl);
		padding-bottom: 0;
	}
	.page-content .entry-content p {
		margin-bottom: 0;
		font-size: var(--font-size-sm);
		line-height: var(--line-height-normal);
	}
}