/*
 * OriEve Journeys System v1.0.6
 * R04 presentation only. R01 owns tokens/shared components; R02/R03 retain
 * their approved page and route responsibilities.
 */

/* PG-004's Gutenberg pattern owns the public heading and presentation. */
.single-orieve_journey.orieve-r04-enabled .entry-header {
	display: none;
}

.single-orieve_journey.orieve-r04-enabled .entry-content {
	margin-top: 0;
}

/*
 * Astra's separate-container layout adds vertical space to #primary and the
 * article wrapper. The Journey pattern owns its own section spacing, so remove
 * only those theme gutters on individual R04 Journey views while retaining
 * Astra's horizontal article padding and the approved global shell.
 */
.single-orieve_journey.orieve-r04-enabled #primary {
	margin-block: 0;
}

.single-orieve_journey.orieve-r04-enabled .site-main > .ast-article-single {
	padding-block: 0;
}

.orieve-r04-enabled .orieve-r04-page,
.editor-styles-wrapper .orieve-r04-page {
	background: var(--orieve-color-pearl);
	color: var(--orieve-color-ink);
}

.orieve-r04-enabled .orieve-r04-section,
.editor-styles-wrapper .orieve-r04-section {
	margin-block: 0;
	padding-block: clamp(var(--orieve-space-12), 8vw, var(--orieve-space-24));
}

.orieve-r04-enabled .orieve-r04-hero,
.editor-styles-wrapper .orieve-r04-hero {
	padding-block: clamp(var(--orieve-space-16), 10vw, var(--orieve-space-24));
}

.orieve-r04-enabled .orieve-r04-reading,
.editor-styles-wrapper .orieve-r04-reading {
	max-width: min(calc(100% - 2rem), 68rem);
}

.orieve-r04-enabled .orieve-r04-card-grid,
.editor-styles-wrapper .orieve-r04-card-grid {
	gap: clamp(var(--orieve-space-6), 4vw, var(--orieve-space-12));
}

.orieve-r04-enabled .orieve-r04-card,
.editor-styles-wrapper .orieve-r04-card {
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--orieve-color-deep-gold) 28%, transparent);
	border-radius: 0.5rem;
	box-shadow: 0 0.75rem 2rem rgb(12 16 22 / 10%);
	height: 100%;
	overflow: hidden;
}

/* DEF-R09-002: one meaningful focusable destination per Journey card. */
.orieve-r04-enabled .orieve-r04-card-destination {
	color: inherit;
	display: block;
	height: 100%;
	text-decoration: none;
}

.orieve-r04-enabled .orieve-r04-card-destination:focus-visible {
	outline: 3px solid var(--orieve-color-deep-gold);
	outline-offset: 0.25rem;
}

.orieve-r04-enabled .orieve-r04-card-title-text,
.orieve-r04-enabled .orieve-r04-card-destination .orieve-r04-card-link {
	color: inherit;
	text-decoration: underline;
}

.orieve-r04-enabled .orieve-r04-card-image,
.editor-styles-wrapper .orieve-r04-card-image {
	margin: 0;
}

.orieve-r04-enabled .orieve-r04-card-image img,
.editor-styles-wrapper .orieve-r04-card-image img {
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.orieve-r04-enabled .orieve-r04-card-body,
.editor-styles-wrapper .orieve-r04-card-body {
	padding: clamp(var(--orieve-space-5), 3vw, var(--orieve-space-8));
}

.orieve-r04-enabled .orieve-r04-card-link,
.editor-styles-wrapper .orieve-r04-card-link {
	display: inline-flex;
	font-family: var(--orieve-font-ui);
	font-weight: 700;
	min-height: 44px;
	align-items: center;
}

.orieve-r04-enabled .orieve-r04-three-up,
.editor-styles-wrapper .orieve-r04-three-up,
.orieve-r04-enabled .orieve-r04-facts,
.editor-styles-wrapper .orieve-r04-facts {
	gap: clamp(var(--orieve-space-6), 4vw, var(--orieve-space-12));
}

.orieve-r04-enabled .orieve-r04-three-up > .wp-block-column,
.editor-styles-wrapper .orieve-r04-three-up > .wp-block-column,
.orieve-r04-enabled .orieve-r04-facts > .wp-block-column,
.editor-styles-wrapper .orieve-r04-facts > .wp-block-column {
	border-top: 1px solid var(--orieve-color-soft-gold);
	padding-top: var(--orieve-space-6);
}

.orieve-r04-enabled .orieve-r04-evidence-note,
.editor-styles-wrapper .orieve-r04-evidence-note {
	border-left: 3px solid var(--orieve-color-soft-gold);
	font-family: var(--orieve-font-ui);
	padding: var(--orieve-space-4) var(--orieve-space-6);
}

.orieve-r04-enabled .orieve-r04-flow,
.editor-styles-wrapper .orieve-r04-flow {
	max-width: 68ch;
}

.orieve-r04-enabled .orieve-r04-flow li,
.editor-styles-wrapper .orieve-r04-flow li {
	margin-block: var(--orieve-space-3);
	padding-left: var(--orieve-space-2);
}

.orieve-r04-enabled .orieve-r04-faqs details,
.editor-styles-wrapper .orieve-r04-faqs details {
	border-top: 1px solid color-mix(in srgb, var(--orieve-color-deep-gold) 35%, transparent);
	padding-block: var(--orieve-space-4);
}

.orieve-r04-enabled .orieve-r04-faqs details:last-of-type,
.editor-styles-wrapper .orieve-r04-faqs details:last-of-type {
	border-bottom: 1px solid color-mix(in srgb, var(--orieve-color-deep-gold) 35%, transparent);
}

.orieve-r04-enabled .orieve-r04-faqs summary,
.editor-styles-wrapper .orieve-r04-faqs summary {
	cursor: pointer;
	font-family: var(--orieve-font-ui);
	font-weight: 700;
	min-height: 44px;
	padding-block: var(--orieve-space-2);
}

@media (max-width: 47.99rem) {
	.orieve-r04-enabled .orieve-r04-card-grid,
	.editor-styles-wrapper .orieve-r04-card-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.orieve-r04-enabled .orieve-r04-three-up,
	.editor-styles-wrapper .orieve-r04-three-up,
	.orieve-r04-enabled .orieve-r04-facts,
	.editor-styles-wrapper .orieve-r04-facts {
		flex-direction: column;
	}
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.orieve-r04-enabled .orieve-r04-three-up,
	.editor-styles-wrapper .orieve-r04-three-up,
	.orieve-r04-enabled .orieve-r04-facts,
	.editor-styles-wrapper .orieve-r04-facts {
		flex-wrap: wrap !important;
	}

	.orieve-r04-enabled .orieve-r04-three-up > .wp-block-column,
	.editor-styles-wrapper .orieve-r04-three-up > .wp-block-column,
	.orieve-r04-enabled .orieve-r04-facts > .wp-block-column,
	.editor-styles-wrapper .orieve-r04-facts > .wp-block-column {
		flex-basis: calc(50% - var(--orieve-space-4)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.orieve-r04-enabled .orieve-r04-page *,
	.editor-styles-wrapper .orieve-r04-page * {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}
