/* -------------------------------------------------------------------------- */

/*	11. Entry Content — surcharge Twenty Twenty (58rem → 68rem)
/* -------------------------------------------------------------------------- */

/*
 * Typographie — alignement sur le thème enfant.
 * Twenty Twenty impose une serif + 2.1rem dès 700px sur .entry-content.
 */
.entry-content {
	font-family: var(--font-base);
	font-size: var(--fs-base);
	line-height: var(--lh-base);
	letter-spacing: var(--ls-normal);
	color: var(--color-text);
}

.entry-content p,
.entry-content li {
	line-height: var(--lh-base);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-family: var(--font-heading);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--ls-normal);
	color: var(--color-text);
}

.entry-content h1 {
	font-size: var(--fs-h1);
	line-height: var(--lh-heading);
}

.entry-content h2 {
	font-size: var(--fs-h2);
	line-height: var(--lh-heading);
}

.entry-content h3 {
	font-size: var(--fs-h3);
	line-height: var(--lh-heading);
}

.entry-content h4 {
	font-size: var(--fs-h4);
	line-height: var(--lh-heading);
}

.entry-content h5 {
	font-size: var(--fs-h5);
	line-height: var(--lh-snug);
}

.entry-content h6 {
	font-size: var(--fs-h6);
	line-height: var(--lh-snug);
}

.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: var(--font-base);
	letter-spacing: var(--ls-normal);
}

@supports ( font-variation-settings: normal ) {

	.entry-content,
	.entry-content cite,
	.entry-content figcaption,
	.entry-content table,
	.entry-content address,
	.entry-content .wp-caption-text,
	.entry-content .wp-block-file {
		font-family: var(--font-base);
	}
}

.intro-text,
.singular .intro-text {
	font-family: var(--font-base);
	font-size: var(--fs-md);
	line-height: var(--lh-snug);
	letter-spacing: var(--ls-normal);
	color: var(--color-text-muted);
}

@media (min-width: 700px) {

	.entry-content {
		font-size: var(--fs-base);
	}

	.intro-text,
	.singular .intro-text {
		font-size: var(--fs-md);
	}
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: var(--content-width);
	width: calc(100% - 4rem);
	margin-inline: auto;
}

/*
 * Pages WooCommerce (cart, checkout, compte, boutique, archives produits…)
 * Même contrainte que entry-content, y compris les blocs .alignwide
 * (Twenty Twenty les passe à 120rem ≥ 1280px).
 */
body.woocommerce-page .entry-content > *:not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.woocommerce-Tabs-panel) {
	max-width: var(--content-width);
	width: calc(100% - 4rem);
	margin-inline: auto;
}

body.woocommerce-page .woocommerce-tabs .entry-content, .woocommerce-product-details__short-description {
	width: 100%!important;
	max-width: 100%!important;
}

body.woocommerce-page .entry-content > .wp-block-woocommerce-cart.alignwide,
body.woocommerce-page .entry-content > .wp-block-woocommerce-checkout.alignwide {
	max-width: var(--content-width);
	width: calc(100% - 4rem);
	margin-inline: auto;
	box-sizing: border-box;
}

@media (min-width: 1280px) {
	body.woocommerce-page .entry-content > .alignwide,
	body.woocommerce-page .entry-content > .wp-block-woocommerce-cart.alignwide,
	body.woocommerce-page .entry-content > .wp-block-woocommerce-checkout.alignwide {
		max-width: var(--content-width);
		width: calc(100% - 4rem);
	}
}