/*
 * Public About, FAQ, Legal and native 404 presentation.
 * Pattern roots also scope styles inside the native Page editor canvas.
 */

.e-meniu-public-page {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(50rem + 2 * var(--wp--custom--layout--page-padding));
	min-width: 0;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--2-xl);
	padding-inline: var(--wp--custom--layout--page-padding);
}

.e-meniu-public-page--about {
	max-width: calc(65rem + 2 * var(--wp--custom--layout--page-padding));
}

/* The flow main owns page gutters; the nested constrained starter must not add them twice. */
.e-meniu-public-page--about > .wp-block-post-content > .e-meniu-about-content.has-global-padding {
	padding-inline: 0;
}

.e-meniu-public-page > .wp-block-post-content,
.e-meniu-about-content,
.e-meniu-faq-content,
.e-meniu-legal-content,
.e-meniu-not-found-content {
	min-width: 0;
	overflow-wrap: anywhere;
}

.e-meniu-public-page .e-meniu-public-page-title,
.e-meniu-not-found-content .e-meniu-not-found-title {
	margin-block: 0 var(--wp--preset--spacing--lg);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--h-2);
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.e-meniu-about-content {
	width: 100%;
	max-width: 65rem;
	margin-inline: auto;
}

.e-meniu-about-content > .e-meniu-about-section,
.e-meniu-about-content > .e-meniu-about-cta {
	width: 100%;
	max-width: 56rem;
	margin-inline: auto;
}

.e-meniu-about-content > .e-meniu-about-hero,
.e-meniu-about-content > .e-meniu-about-real-life {
	width: 100%;
	max-width: 65rem;
	margin-inline: auto;
}

.e-meniu-about-content.wp-block-group > * + * {
	margin-block-start: var(--wp--preset--spacing--2-xl);
}

.e-meniu-about-content .e-meniu-about-hero,
.e-meniu-about-content .e-meniu-about-real-life {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: var(--wp--preset--spacing--xl);
}

.e-meniu-about-hero > *,
.e-meniu-about-real-life > * {
	min-width: 0;
	margin-block: 0;
}

.e-meniu-about-content .e-meniu-about-hero-media {
	width: 100%;
	max-width: 24rem;
}

.e-meniu-about-portrait,
.e-meniu-about-secondary-photo {
	margin: 0;
}

.e-meniu-about-portrait img[src]:not([src=""]),
.e-meniu-about-secondary-photo img[src]:not([src=""]) {
	width: 100%;
	border-radius: var(--wp--custom--radius--large);
}

.e-meniu-about-portrait img[src]:not([src=""]) {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.e-meniu-about-secondary-photo img[src]:not([src=""]) {
	height: auto;
}

.e-meniu-about-content .e-meniu-about-eyebrow {
	margin-block: 0 var(--wp--preset--spacing--sm);
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 650;
	letter-spacing: 0.04em;
}

.e-meniu-about-content .e-meniu-about-title {
	margin-block: 0 var(--wp--preset--spacing--lg);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--display);
	line-height: 1.12;
	overflow-wrap: anywhere;
}

.e-meniu-about-content .e-meniu-about-credential {
	font-size: var(--wp--preset--font-size--lead);
}

.e-meniu-about-content :where(h2, h3) {
	margin-block: 0 var(--wp--preset--spacing--md);
	overflow-wrap: anywhere;
}

.e-meniu-about-content :where(h2) {
	font-size: var(--wp--preset--font-size--h-2);
}

.e-meniu-about-content :where(h3) {
	font-size: var(--wp--preset--font-size--h-3);
}

.e-meniu-about-content :where(p) {
	margin-block: 0 var(--wp--preset--spacing--md);
}

.e-meniu-about-content :where(p):last-child {
	margin-block-end: 0;
}

.e-meniu-about-content .e-meniu-about-qualification {
	margin-block-start: var(--wp--preset--spacing--lg);
	border-block-start: 1px solid var(--wp--preset--color--border-subtle);
	padding-block-start: var(--wp--preset--spacing--lg);
}

.e-meniu-about-qualification > h3 {
	font-size: var(--wp--preset--font-size--h-4);
}

.e-meniu-about-content .e-meniu-about-qualification-meta {
	color: var(--wp--preset--color--text-muted);
}

.e-meniu-about-content .e-meniu-about-real-life-copy {
	width: 100%;
	max-width: 56rem;
	margin-inline: auto;
}

/* Only an unfilled optional frontend media slot collapses; editor controls stay visible. */
:where(body:not(.editor-styles-wrapper):not(.block-editor-iframe__body):not(.block-editor-page):not(.site-editor-php):not(:has(.editor-styles-wrapper, .block-editor-iframe__body, .block-editor-block-list__layout))) .e-meniu-public-page--about .e-meniu-about-secondary-media:not(:has(img[src]:not([src=""]))) {
	display: none;
}

.e-meniu-about-content .e-meniu-about-cta {
	border-block-start: 1px solid var(--wp--preset--color--border-subtle);
	padding-block-start: var(--wp--preset--spacing--xl);
}

.e-meniu-about-cta > h2 {
	font-size: var(--wp--preset--font-size--h-3);
}

.e-meniu-public-meal-plans-link {
	display: inline-block;
	max-width: 100%;
	margin-block-start: var(--wp--preset--spacing--sm);
}

.e-meniu-faq-content {
	width: 100%;
	max-width: 50rem;
	margin-inline: auto;
}

.e-meniu-faq-content .e-meniu-faq-introduction {
	margin-block: 0 var(--wp--preset--spacing--xl);
}

.e-meniu-faq-content .wp-block-details {
	margin-block: 0;
	border: 0;
	border-block-start: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 0;
	background: transparent;
	padding: 0;
}

.e-meniu-faq-content .wp-block-details:last-child {
	border-block-end: 1px solid var(--wp--preset--color--border-subtle);
}

.e-meniu-faq-content .wp-block-details > summary {
	display: list-item;
	min-height: var(--wp--custom--interactive--target-min);
	padding-block: var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.e-meniu-faq-content .wp-block-details[open] > summary {
	margin-block-end: 0;
}

.e-meniu-faq-content .wp-block-details > :not(summary) {
	margin-block: 0 var(--wp--preset--spacing--md);
}

.e-meniu-faq-content a,
.e-meniu-legal-content a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
	overflow-wrap: anywhere;
}

.e-meniu-legal-content {
	text-align: left;
	line-height: 1.7;
}

.e-meniu-legal-content :where(h2) {
	margin-block: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--h-3);
	line-height: 1.2;
}

.e-meniu-legal-content :where(h3) {
	margin-block: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--sm);
	font-size: var(--wp--preset--font-size--h-4);
	line-height: 1.25;
}

.e-meniu-legal-content :where(p, ul, ol, figure, details) {
	margin-block: var(--wp--preset--spacing--md);
}

.e-meniu-legal-content :where(ul, ol) {
	padding-inline-start: var(--wp--preset--spacing--lg);
}

.e-meniu-legal-content li + li {
	margin-block-start: var(--wp--preset--spacing--xs);
}

.e-meniu-legal-content :where(ul, ol) :where(ul, ol) {
	margin-block: var(--wp--preset--spacing--xs);
}

.e-meniu-legal-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

.e-meniu-legal-content table {
	border-collapse: collapse;
}

.e-meniu-legal-content :where(th, td) {
	border: 1px solid var(--wp--preset--color--border-subtle);
	padding: var(--wp--preset--spacing--sm);
	text-align: left;
	vertical-align: top;
}

.e-meniu-not-found-content {
	max-width: 50rem;
}

.e-meniu-not-found-content .e-meniu-not-found-code {
	margin-block: 0 var(--wp--preset--spacing--sm);
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 650;
}

.e-meniu-public-page-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--lg);
	margin-block-start: var(--wp--preset--spacing--xl);
}

.e-meniu-public-page-primary,
.e-meniu-public-page-secondary {
	max-width: 100%;
	min-height: var(--wp--custom--interactive--target-min);
	overflow-wrap: anywhere;
}

.e-meniu-public-page-secondary {
	display: inline-flex;
	align-items: center;
	padding-block: var(--wp--preset--spacing--sm);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@media (min-width: 60rem) {
	.e-meniu-about-content .e-meniu-about-hero {
		grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
	}

	.e-meniu-about-content .e-meniu-about-real-life:has(> .e-meniu-about-secondary-media img[src]:not([src=""])) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
	}
}

/* Align the FAQ title with a padded, constrained editor-authored content Group. */
.e-meniu-public-page--faq:has(> .e-meniu-faq-page-content > .e-meniu-faq-content.has-global-padding) > .e-meniu-public-page-title {
	margin-inline: max(
		var(--wp--custom--layout--page-padding),
		calc((100% - var(--wp--style--global--content-size)) / 2)
	);
}

/* Staging-approved phone refinements; tablet and desktop retain the baseline. */
@media (max-width: 47.99rem) {
	.e-meniu-about-content .e-meniu-about-portrait img[src]:not([src=""]) {
		aspect-ratio: 8 / 9;
	}

	.e-meniu-about-content.wp-block-group > .e-meniu-about-cta {
		margin-block-start: 2rem;
		padding-block-start: 1.5rem;
	}
}