/*
 * Standard content templates — pages and editorial posts.
 *
 * Purpose: every new WordPress page starts from the same Vida Aromatica
 * language as the shop instead of falling back to a visually separate Kadence
 * preset. Special WooCommerce screens keep their dedicated modules.
 */

body.page:not(.home):not(.woocommerce-page),
body.single-post {
	background: var(--va-bg);
	color: var(--va-text);
}

/* Remove the "boxed card" feeling from ordinary Kadence pages. */
body.page:not(.home):not(.woocommerce-page) .single-entry,
body.single-post .single-entry {
	background: var(--va-surface);
	border-radius: 0;
	box-shadow: none;
}

/* Page/post title band: white, quiet and consistent with catalogue pages. */
body.page:not(.home):not(.woocommerce-page) .entry-hero,
body.single-post .entry-hero {
	background: var(--va-bg);
	border-bottom: 1px solid var(--va-border);
}

body.page:not(.home):not(.woocommerce-page) .entry-hero-container-inner,
body.single-post .entry-hero-container-inner {
	background: transparent;
}

body.page:not(.home):not(.woocommerce-page) .entry-header,
body.single-post .entry-header {
	margin-inline: auto;
	max-width: var(--va-container);
	padding-inline: clamp(1.25rem, 2.5vw, 2rem);
	text-align: left;
}

body.page:not(.home):not(.woocommerce-page) .entry-hero .entry-title,
body.single-post .entry-hero .entry-title {
	color: var(--va-text);
	font-family: var(--va-font-heading);
	font-size: var(--va-text-3xl);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0;
	text-align: left;
}

/* Main content rhythm. Width continues to be controlled by Kadence so pages
 * can still use normal, wide and full-width blocks without template hacks. */
body.page:not(.home):not(.woocommerce-page) .site-content,
body.single-post .site-content {
	background: var(--va-bg);
}

body.page:not(.home):not(.woocommerce-page) .entry-content-wrap,
body.single-post .entry-content-wrap {
	background: var(--va-surface);
	border-radius: 0;
	box-shadow: none;
	padding-block: clamp(2rem, 4vw, 4rem);
}

body.page:not(.home):not(.woocommerce-page) .entry-content,
body.single-post .entry-content {
	color: var(--va-text-secondary);
	font-family: var(--va-font-body);
	font-size: var(--va-text-base);
	line-height: 1.72;
}

body.page:not(.home):not(.woocommerce-page) .entry-content h1,
body.page:not(.home):not(.woocommerce-page) .entry-content h2,
body.page:not(.home):not(.woocommerce-page) .entry-content h3,
body.page:not(.home):not(.woocommerce-page) .entry-content h4,
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
	color: var(--va-text);
	font-family: var(--va-font-heading);
	font-weight: 600;
	letter-spacing: -0.018em;
}

body.page:not(.home):not(.woocommerce-page) .entry-content h2,
body.single-post .entry-content h2 {
	font-size: var(--va-text-2xl);
	line-height: 1.22;
	margin-top: clamp(2.25rem, 4vw, 3.5rem);
}

body.page:not(.home):not(.woocommerce-page) .entry-content h3,
body.single-post .entry-content h3 {
	font-size: var(--va-text-xl);
	line-height: 1.3;
	margin-top: clamp(1.75rem, 3vw, 2.5rem);
}

body.page:not(.home):not(.woocommerce-page) .entry-content p,
body.page:not(.home):not(.woocommerce-page) .entry-content ul,
body.page:not(.home):not(.woocommerce-page) .entry-content ol,
body.single-post .entry-content p,
body.single-post .entry-content ul,
body.single-post .entry-content ol {
	margin-bottom: 1.15em;
}

body.page:not(.home):not(.woocommerce-page) .entry-content a,
body.single-post .entry-content a {
	color: var(--va-accent-dark);
	text-decoration-color: color-mix(in srgb, var(--va-accent-dark) 35%, transparent);
}

body.page:not(.home):not(.woocommerce-page) .entry-content a:hover,
body.single-post .entry-content a:hover {
	color: var(--va-accent);
}

/* Keep Kadence/Gutenberg blocks on the same palette when they do not define
 * an explicit custom colour. */
body.page:not(.home):not(.woocommerce-page) .wp-block-kadence-rowlayout,
body.page:not(.home):not(.woocommerce-page) .wp-block-group,
body.single-post .wp-block-kadence-rowlayout,
body.single-post .wp-block-group {
	--global-palette1: var(--va-accent);
	--global-palette2: var(--va-accent-dark);
	--global-palette3: var(--va-text);
	--global-palette4: var(--va-text-secondary);
	--global-palette5: var(--va-text-muted);
	--global-palette6: var(--va-border-strong);
	--global-palette7: var(--va-border);
	--global-palette8: var(--va-bg-soft);
	--global-palette9: var(--va-bg);
}

@media (max-width: 767px) {
	body.page:not(.home):not(.woocommerce-page) .entry-header,
	body.single-post .entry-header {
		padding-inline: 1rem;
	}

	body.page:not(.home):not(.woocommerce-page) .entry-content-wrap,
	body.single-post .entry-content-wrap {
		padding-block: 1.75rem 2.5rem;
	}
}