/* =========================================================
   BASE TYPO + ACCESSIBILITÉ
   ========================================================= */
article p,
article li {
	text-align: justify;
	hyphens: auto;
}

p {
	margin-bottom: 1.5em;
}

article p:last-child {
	margin-bottom: 0;
}

li {
	margin-bottom: .5em;
}

:focus {
	outline: 2px solid #005fcc;
}

/* Images : on évite de forcer display:block et aspect-ratio globalement */
img {
	max-width: 100%;
	height: auto;
}

/* =========================================================
   PATCH ÉMOJIS / SMILEY
   ========================================================= */
.entry-content img.emoji,
.entry-content img.wp-smiley,
.wp-block-paragraph img.emoji,
.wp-block-paragraph img.wp-smiley,
.wp-block-list img.emoji,
.wp-block-list img.wp-smiley,
.wp-block-heading img.emoji,
.wp-block-heading img.wp-smiley {
	display: inline !important;
	float: none !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 .35em 0 0 !important;
	vertical-align: -.15em !important;
}

.entry-content p > img.emoji,
.entry-content li > img.emoji,
.entry-content p > img.wp-smiley,
.entry-content li > img.wp-smiley {
	display: inline !important;
	float: none !important;
	margin: 0 .35em 0 0 !important;
}

/* =========================================================
   PUBS FLOTTANTES
   ========================================================= */
iframe[title="Publicité"][style*="position: fixed"],
iframe[title="Publicité"][style*="bottom: 0"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body > div[style*="z-index:"][style*="bottom: 0"] {
	display: none !important;
	height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* =========================================================
   TITRES DANS L’ARTICLE
   ========================================================= */
article h2,
article h3,
article h4,
article h5,
article h6 {
	margin-top: 1em;
	margin-bottom: .9em;
}

body.single .entry-content > h2 {
	font-size: 1.25em !important;
	font-weight: bold !important;
	font-style: normal !important;
	margin-top: 2em !important;
}

body.single .entry-content > h3 {
	font-style: italic !important;
	font-size: 1.04em !important;
	margin-top: 1.5em !important;
}

body.single .entry-content > h4 {
	font-style: italic !important;
	opacity: .9 !important;
	font-size: 1em !important;
}

/* =========================================================
   BLOC FICHE FILM
   ========================================================= */
body.single .entry-content .film-fiche {
	text-align: right;
	font-size: .7em;
	line-height: 1.5;
	color: inherit;
	font-style: normal;
	margin-top: 1.2em;
	margin-bottom: .2em;
}

/* =========================================================
   LAYOUT DESKTOP (≥1200px)
   ========================================================= */
@media screen and (min-width:1200px) {
	.site {
		margin: 0 auto !important;
		padding: 0 24px;
		box-sizing: border-box;
	}

	.single-post .entry-content,
	.single-post .hentry,
	.single-post .post {
		max-width: none !important;
		width: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.single-post .content-area {
		padding-right: 28px;
	}

	.single-post .entry-content .wp-block-image,
	.single-post .entry-content .wp-block-image.aligncenter {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		clear: both;
	}

	.single-post .entry-content .wp-block-image img {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100%;
		height: auto;
	}

	.single-post .entry-content .wp-block-image figcaption {
		text-align: center;
	}

	.single-post .entry-content img.aligncenter,
	.single-post .entry-content p > img,
	.single-post .entry-content a > img {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100%;
		height: auto;
		clear: both;
	}

	.single-post .entry-content figure.wp-caption {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
	}
}

/* =========================================================
   “SIMILAIRE” + COMMENTAIRES
   ========================================================= */
.single-post .jp-relatedposts,
.single-post #jp-relatedposts,
.single-post .comments-area,
.single-post #comments,
.single-post #respond {
	width: 100%;
	max-width: var(--col-texte) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	box-sizing: border-box;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	clear: both !important;
}

.single-post .jp-relatedposts-headline,
.single-post .comments-area > h3,
.single-post #reply-title {
	text-align: center;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.single-post .jp-relatedposts-headline::before,
.single-post .jp-relatedposts-headline::after {
	content: none !important;
	display: none !important;
}

.single-post .jp-relatedposts .jp-relatedposts-items-visual,
.single-post .jp-relatedposts .jp-relatedposts-items {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 24px;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.single-post .jp-relatedposts .jp-relatedposts-items-visual > .jp-relatedposts-post,
.single-post .jp-relatedposts .jp-relatedposts-items > .jp-relatedposts-post {
	float: none !important;
	margin: 0 !important;
	list-style: none !important;
	width: auto !important;
	max-width: 360px;
	flex: 0 0 calc((100% - 48px)/3);
}

.single-post .jp-relatedposts .jp-relatedposts-post .jp-relatedposts-post-title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
	max-height: 5.6em;
}

.single-post .jp-relatedposts .jp-relatedposts-post img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16/9;
	object-fit: cover;
	display: block;
}

/* =========================================================
   PIED D’ARTICLE
   ========================================================= */
.single-post footer.entry-footer::before,
.single-post footer.entry-footer::after,
.single-post .entry-footer::before,
.single-post .entry-footer::after,
.single-post .post-footer::before,
.single-post .post-footer::after,
.single-post .post-meta::before,
.single-post .post-meta::after,
.single-post .entry-meta::before,
.single-post .entry-meta::after {
	content: none !important;
	display: none !important;
}

.single-post .entry-footer,
.single-post .post-footer,
.single-post .post-meta,
.single-post .entry-meta {
	display: block !important;
}

.single-post .entry-footer > *,
.single-post .post-footer > *,
.single-post .post-meta > *,
.single-post .entry-meta > * {
	float: none !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 12px !important;
	box-sizing: border-box;
	border: 0 !important;
	box-shadow: none !important;
}

.single-post .hentry footer.entry-footer,
.single-post .hentry .entry-footer,
.single-post .hentry .post-footer,
.single-post .hentry .post-meta,
.single-post .hentry .entry-meta,
.single-post .hentry .sharedaddy {
	max-width: var(--col-texte, clamp(920px,62vw,1180px)) !important;
	width: 100% !important;
	margin: 0 auto 28px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.single-post .hentry footer.entry-footer::before,
.single-post .hentry footer.entry-footer::after,
.single-post .hentry .entry-footer::before,
.single-post .hentry .entry-footer::after,
.single-post .hentry .post-footer::before,
.single-post .hentry .post-footer::after,
.single-post .hentry .post-meta::before,
.single-post .hentry .post-meta::after,
.single-post .hentry .entry-meta::before,
.single-post .hentry .entry-meta::after {
	content: none !important;
	display: none !important;
}

.single-post .hentry .entry-footer,
.single-post .hentry .post-footer,
.single-post .hentry .post-meta,
.single-post .hentry .entry-meta {
	display: block !important;
}

.single-post .hentry .entry-footer > *,
.single-post .hentry .post-footer > *,
.single-post .hentry .post-meta > *,
.single-post .hentry .entry-meta > * {
	float: none !important;
	display: block !important;
	width: 100% !important;
	margin: 0 0 12px !important;
	box-sizing: border-box;
	border: 0 !important;
	box-shadow: none !important;
}

.single-post .sharedaddy .sd-content ul {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: 0 !important;
	box-shadow: none !important;
	justify-content: flex-start;
}

.single-post .sharedaddy .sd-content ul li {
	float: none !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

.single-post .sd-like {
	margin: 4px 0 0 !important;
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}

.logged-in .single-post .hentry .sharedaddy .sd-footer {
	display: none !important;
}

.single-post .entry-content hr,
.single-post .entry-footer hr,
.single-post .post-meta hr,
.single-post .entry-meta hr {
	display: none !important;
	border: 0 !important;
	height: 0 !important;
}

/* =========================================================
   ANTI-TRAITS
   ========================================================= */
.single-post footer.entry-footer::before,
.single-post footer.entry-footer::after,
.single-post .entry-footer::before,
.single-post .entry-footer::after,
.single-post .post-footer::before,
.single-post .post-footer::after,
.single-post .post-meta::before,
.single-post .post-meta::after,
.single-post .entry-meta::before,
.single-post .entry-meta::after,
.single-post .jp-relatedposts::before,
.single-post .jp-relatedposts::after,
.single-post #jp-relatedposts::before,
.single-post #jp-relatedposts::after,
.single-post .comments-area::before,
.single-post .comments-area::after {
	content: none !important;
	display: none !important;
}

.single-post .entry-footer > *,
.single-post .post-footer > *,
.single-post .post-meta > *,
.single-post .entry-meta > * {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.single-post .jp-relatedposts-headline,
.single-post .jp-relatedposts-headline h3,
.single-post .jp-relatedposts-headline em {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.single-post .jp-relatedposts-headline::before,
.single-post .jp-relatedposts-headline::after {
	content: none !important;
	display: none !important;
}

.single-post .entry-content hr,
.single-post .entry-footer hr,
.single-post .post-meta hr,
.single-post .entry-meta hr,
.single-post .jp-relatedposts hr,
.single-post #jp-relatedposts hr,
.single-post .comments-area hr {
	display: none !important;
	border: 0 !important;
	height: 0 !important;
}

/* =========================================================
   BUG DIAPORAMA NAV
   ========================================================= */
.single .diaporama,
.single .wp-block-gallery,
.single .wp-block-jetpack-slideshow {
	margin: 0 auto;
	overflow: hidden;
}

@media (min-width: 1100px) {
	.single .diaporama,
	.single .wp-block-gallery,
	.single .wp-block-jetpack-slideshow {
		width: 720px;
		height: auto;
		aspect-ratio: 1042 / 812;
		background: transparent;
	}

	.single .wp-block-jetpack-slideshow img,
	.single .wp-block-gallery img,
	.single .diaporama img,
	.single .wp-block-jetpack-slideshow iframe,
	.single .diaporama iframe {
		display: block;
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
		object-fit: contain !important;
		margin: 0 auto !important;
	}
}

@media (max-width: 1099px) {
	.single .diaporama,
	.single .wp-block-gallery,
	.single .wp-block-jetpack-slideshow {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: auto !important;
		overflow: hidden;
	}
}

/* =========================================================
   SPOTIFY
   ========================================================= */
.wp-block-embed-spotify,
.wp-block-embed-spotify[class*="wp-embed-aspect-"],
.wp-block-embed-spotify .wp-block-embed__wrapper {
	position: static !important;
	float: none !important;
	clear: both !important;
	display: block !important;
	padding: 0 !important;
	height: auto !important;
	aspect-ratio: auto !important;
	max-width: 100% !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-embed-spotify {
	margin-top: 1rem !important;
	margin-bottom: 1.25rem !important;
}

.wp-block-embed-spotify .wp-block-embed__wrapper::before,
.wp-block-embed-spotify .wp-block-embed__wrapper::after {
	content: none !important;
	display: none !important;
}

.wp-block-embed-spotify .wp-block-embed__wrapper > * {
	position: static !important;
	z-index: auto !important;
}

.wp-block-embed-spotify iframe {
	display: block !important;
	width: 100% !important;
	height: clamp(152px, 12vw, 200px) !important;
	aspect-ratio: auto !important;
	position: static !important;
	z-index: auto !important;
}

.wp-block-embed-spotify::after {
	content: "" !important;
	display: block !important;
	clear: both !important;
}

.wp-block-embed-spotify + * {
	position: static !important;
	z-index: auto !important;
	margin-top: 0 !important;
}

.wp-block-embed-spotify.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-block-embed-spotify.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
	position: static !important;
	padding-bottom: 0 !important;
	height: auto !important;
	aspect-ratio: auto !important;
}

/* =========================================================
   SOUNDCLOUD
   ========================================================= */
.wp-block-embed-soundcloud,
.wp-block-embed-soundcloud[class*="wp-embed-aspect-"],
.wp-block-embed-soundcloud .wp-block-embed__wrapper {
	position: static !important;
	float: none !important;
	clear: both !important;
	display: block !important;
	padding: 0 !important;
	height: auto !important;
	aspect-ratio: auto !important;
	max-width: 100% !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-embed-soundcloud {
	margin-top: 1rem !important;
	margin-bottom: 1.25rem !important;
}

.wp-block-embed-soundcloud .wp-block-embed__wrapper::before,
.wp-block-embed-soundcloud .wp-block-embed__wrapper::after {
	content: none !important;
	display: none !important;
}

.wp-block-embed-soundcloud .wp-block-embed__wrapper > * {
	position: static !important;
	z-index: auto !important;
}

.wp-block-embed-soundcloud iframe {
	display: block !important;
	width: 100% !important;
	height: clamp(166px, 14vw, 300px) !important;
	aspect-ratio: auto !important;
	position: static !important;
	z-index: auto !important;
}

.wp-block-embed-soundcloud::after {
	content: "" !important;
	display: block !important;
	clear: both !important;
}

.wp-block-embed-soundcloud + * {
	position: static !important;
	z-index: auto !important;
	margin-top: 0 !important;
}

.wp-block-embed-soundcloud.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-block-embed-soundcloud.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
	position: static !important;
	padding-bottom: 0 !important;
	height: auto !important;
	aspect-ratio: auto !important;
}

/* =========================================================
   MOBILE CORRECTIF H1
   ========================================================= */
@media (max-width: 600px) {
	body.single h1.entry-title,
	body.single .wp-block-post-title {
		font-size: 23px !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
		margin: 8px 0 12px !important;
		word-wrap: break-word !important;}
}