/**
 * Typographie article / page.
 * :is() = #flash-entry-prose OU le même nœud via body + #primary + .entry-content-block + .flash-entry-prose (comme dans l’inspecteur).
 *
 * Repères « Urban Stage » : typo, espacements — accents UI en gris clair semi-transparent (#f5f5f599).
 */

/* Charte pages internes — tokens sur #content (hérités par le hero et la prose) */
:is(html.flash-studio, body.flash-singular-studio) #content.site-content {
	--void: #0e0e0e;
	--surface: #1f1f1f;
	--flash-studio-accent: rgb(245 245 245 / 0.6);
	--flash-studio-accent-bright: rgb(245 245 245 / 0.88);
	--flash-studio-muted: rgb(245 245 245 / 0.6);
	--flash-ghost-border: rgba(245, 245, 245, 0.12);
	--flash-studio-border: var(--flash-ghost-border);
}

/* Hero singulier : bandeau image seul (titre sous le visuel, voir .flash-singular-hero__below) */
.flash-singular-hero {
	position: relative;
	min-height: min(28vh, 14rem);
	margin-bottom: 0;
	display: block;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-bottom: 0;
	padding-top: 0;
	overflow: hidden;
	border-bottom: 1px solid rgba(245, 245, 245, 0.08);
}

/* Hauteur stable quand l’image est seule en absolute (évite bandeaux trop plats selon navigateurs). */
.flash-singular-hero--has-image {
	min-height: clamp(14rem, 34vh, 28rem);
}

/* Conteneur du titre superposé — ancré en bas à gauche de l'image. */
.flash-singular-hero__inner {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding-bottom: clamp(1.25rem, 3vw, 2.25rem);
}

/* Bloc titre + méta sous l’image */
.flash-singular-hero__below {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: var(--void, #0e0e0e);
}

:is(html.flash-studio, body.flash-singular-studio) .flash-singular-hero__below {
	border-bottom: 1px solid rgba(245, 245, 245, 0.1);
}

/* CTA « inscription » sous le titre (hors carte), même fond que le hero — composition type Summer Camp */
:is(html.flash-studio, body.flash-singular-studio) .flash-inscription-cta-row--top {
	background: var(--void, #0e0e0e);
	padding-top: 0.35rem;
	padding-bottom: 1.75rem;
}

/*
 * Même classes Tailwind que front-page.php — neutraliser style.css / #content a:hover { color: inherit }
 * pour garder texte blanc + anneau, ou texte noir sur pilule blanche.
 */
html.flash-studio #content.site-content a.flash-inscription-cta-row__link--ring,
html.flash-studio #content.site-content a.flash-inscription-cta-row__link--ring:hover,
html.flash-studio #content.site-content a.flash-inscription-cta-row__link--ring:focus,
body.flash-singular-studio #content.site-content a.flash-inscription-cta-row__link--ring,
body.flash-singular-studio #content.site-content a.flash-inscription-cta-row__link--ring:hover,
body.flash-singular-studio #content.site-content a.flash-inscription-cta-row__link--ring:focus {
	color: inherit;
	text-decoration: none !important;
}

html.flash-studio #content.site-content a.flash-inscription-cta-row__link--pill,
body.flash-singular-studio #content.site-content a.flash-inscription-cta-row__link--pill {
	color: #0e0e0e !important;
	text-decoration: none !important;
}

/* CTA "pill" : léger décalage à droite (demande UI). */
:is(html.flash-studio, body.flash-singular-studio) .flash-inscription-cta-row--top a.flash-inscription-cta-row__link--pill {
	margin-inline-start: 0.75rem;
}

html.flash-studio #content.site-content a.flash-inscription-cta-row__link--pill:hover,
html.flash-studio #content.site-content a.flash-inscription-cta-row__link--pill:focus,
body.flash-singular-studio #content.site-content a.flash-inscription-cta-row__link--pill:hover,
body.flash-singular-studio #content.site-content a.flash-inscription-cta-row__link--pill:focus {
	color: #0e0e0e !important;
}

/* Neutraliser tout hover global qui forcerait du texte blanc sur le CTA. */
:is(html.flash-studio, body.flash-singular-studio) #content.site-content a.flash-inscription-cta-row__link--pill:hover,
:is(html.flash-studio, body.flash-singular-studio) #content.site-content a.flash-inscription-cta-row__link--pill:focus,
:is(html.flash-studio, body.flash-singular-studio) #content.site-content a.flash-inscription-cta-row__link--pill:hover :is(span, i, svg),
:is(html.flash-studio, body.flash-singular-studio) #content.site-content a.flash-inscription-cta-row__link--pill:focus :is(span, i, svg) {
	color: #0e0e0e !important;
}

/* CTA répété en bas du texte : séparateur pleine largeur de la carte, lien aligné colonne de lecture */
:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block .flash-inscription-cta-row--bottom {
	margin-top: clamp(0.5rem, 2vw, 1rem);
	padding-top: clamp(1.25rem, 3vw, 2rem);
	border-top: 1px solid rgba(245, 245, 245, 0.1);
	width: 100%;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-inscription-cta-row--bottom .flash-inscription-cta-row__inner {
	max-width: var(--flash-reading-max, 42rem);
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.flash-singular-hero--no-image {
	background: var(--void, #0e0e0e);
	min-height: 0;
	overflow: visible;
}

.flash-singular-hero--no-image .flash-singular-hero__inner {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	padding-top: clamp(1.5rem, 4vw, 2.5rem);
	padding-bottom: clamp(1.25rem, 3vw, 2.25rem);
}

/* Fiche stage : hero compact, fond noir uni (pas d’image par défaut ni à la une). */
.flash-singular-hero--stage {
	min-height: min(22vh, 11rem);
}

.flash-singular-hero--stage.flash-singular-hero--no-image {
	background: var(--void, #0e0e0e);
	min-height: 0;
}

.flash-singular-hero--stage.flash-singular-hero--no-image .flash-singular-hero__inner {
	padding-top: clamp(1rem, 2.5vw, 1.5rem);
	padding-bottom: clamp(1rem, 2.5vw, 1.75rem);
}

.flash-singular-hero--stage.flash-singular-hero--has-image {
	min-height: min(22vh, 11rem);
}

.flash-singular-hero--stage .flash-singular-hero__inner {
	padding-bottom: clamp(1.25rem, 3vw, 2rem);
}

.flash-singular-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

/*
 * Remplissage fiable : l’img en absolute + object-fit: cover neutralise les width/height
 * inline de WordPress et cadre le sujet au centre du bandeau.
 */
.flash-singular-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Chrome : lissage un peu plus doux quand l’image est fortement redimensionnée (surtout PNG). */
@supports (image-rendering: high-quality) {
	.flash-singular-hero__img {
		image-rendering: high-quality;
	}
}

.flash-singular-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(
			to right,
			rgba(14, 14, 14, 0.92) 0%,
			rgba(14, 14, 14, 0.58) 45%,
			rgba(14, 14, 14, 0.08) 100%
		),
		linear-gradient(
			to top,
			rgba(14, 14, 14, 0.80) 0%,
			rgba(14, 14, 14, 0) 45%
		);
	pointer-events: none;
}

/* Display Anton : tracking léger comme les autres titres Studio */
.flash-singular-hero__title {
	font-family: Anton, Inter, sans-serif !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	font-size: clamp(2rem, 5.5vw, 3.5rem) !important;
	line-height: 1.1 !important;
	color: #f5f5f5 !important;
	margin: 0 !important;
	padding-top: 0.15em;
	text-align: left;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

/* label-md : Inter, caps, tracking utilitaire */
.flash-singular-hero__meta {
	margin-top: 1.25rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: Inter, system-ui, sans-serif !important;
	color: rgb(245 245 245 / 0.6) !important;
}

.flash-singular-hero__meta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 1.75rem;
}

.flash-singular-hero__meta .entry-date,
.flash-singular-hero__meta .entry-author {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: rgb(245 245 245 / 0.6) !important;
}

.flash-singular-hero__meta .fa {
	color: rgb(245 245 245 / 0.6) !important;
	font-size: 0.95em;
	opacity: 1;
}

.flash-singular-hero__meta a,
.flash-singular-hero__meta a:link {
	color: rgb(245 245 245 / 0.6) !important;
	text-decoration: none !important;
	border-bottom: none !important;
}

.flash-singular-hero__meta a:hover,
.flash-singular-hero__meta a:focus {
	color: rgb(245 245 245 / 0.88) !important;
}

.flash-singular-hero__meta time {
	color: inherit !important;
}

/* Colonne de contenu : shell (~max-w-7xl) — détails surface dans #primary article … .entry-content-block */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-content-block,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page > .entry-content.flash-entry-prose {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-content-block {
	padding-top: 0;
	padding-bottom: 0;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page > .entry-content.flash-entry-prose {
	padding-top: 3rem;
	padding-bottom: 4rem;
}

/*
 * Bloc principal article (sous le hero) : « feuille de lecture » UX
 * — colonne centrée, grille micro-texturée, profondeur douce (pas carte lourde).
 * Prime sur color:#444 du sélecteur long .entry-content-block .flash-entry-prose.
 */
:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block {
	--flash-reading-max: 42rem;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
	max-width: min(68rem, calc(100vw - 2 * clamp(0.75rem, 4vw, 1.75rem)));
	margin-left: auto;
	margin-right: auto;
	margin-top: clamp(1rem, 2.5vw, 1.75rem);
	margin-bottom: clamp(1.25rem, 3vw, 2.5rem);
	padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1.15rem, 3.5vw, 2rem) clamp(2rem, 4.5vw, 3rem);
	border-radius: 1rem;
	border: 1px solid rgba(245, 245, 245, 0.09);
	background-color: rgba(22, 22, 22, 0.78);
	background-image:
		radial-gradient(ellipse 115% 70% at 50% -25%, rgba(245, 245, 245, 0.085) 0%, transparent 52%),
		radial-gradient(circle at 1px 1px, rgba(245, 245, 245, 0.04) 1px, transparent 0);
	background-size: auto, 20px 20px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.055),
		0 12px 40px rgba(0, 0, 0, 0.22);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

@media (prefers-reduced-transparency: reduce) {
	:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background-color: rgba(26, 26, 26, 0.98);
	}
}

/* Bandeau lumineux discret en tête de zone (repère visuel sans barre latérale) */
:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(245, 245, 245, 0.22) 22%,
		rgba(245, 245, 245, 0.38) 50%,
		rgba(245, 245, 245, 0.22) 78%,
		transparent 100%
	);
	pointer-events: none;
	z-index: 1;
	border-radius: 1rem 1rem 0 0;
}

/* Ligne de respiration sous le corps avant le footer métadonnées */
:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block .entry-content.flash-entry-prose {
	padding-bottom: clamp(1.5rem, 3vw, 2.25rem) !important;
	margin-bottom: 0 !important;
	border-bottom: 1px solid rgba(245, 245, 245, 0.07);
}

/* Prime sur body.single-post #primary .entry-content-block .flash-entry-prose { color:#444 } */
body.flash-singular-studio.single-post #primary article .entry-content-block .flash-entry-prose,
body.flash-singular-studio.single #primary article .entry-content-block .flash-entry-prose,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose,
html.flash-studio body.single #primary article .entry-content-block .flash-entry-prose {
	color: rgba(245, 245, 245, 0.94) !important;
}

html.flash-studio body.single-post #primary article.flash-internal-page .entry-content-block #flash-entry-prose,
html.flash-studio body.single #primary article.flash-internal-page .entry-content-block #flash-entry-prose,
body.flash-singular-studio.single-post #primary article.flash-internal-page .entry-content-block #flash-entry-prose,
body.flash-singular-studio.single #primary article.flash-internal-page .entry-content-block #flash-entry-prose {
	color: #8f8f8f !important;
}

/* Titres : la chaîne body.single-post … .entry-content-block bat #flash-entry-prose h* */
body.flash-singular-studio #primary article .entry-content-block .flash-entry-prose h1,
body.flash-singular-studio #primary article .entry-content-block .flash-entry-prose h2,
body.flash-singular-studio #primary article .entry-content-block .flash-entry-prose h3,
body.flash-singular-studio #primary article .entry-content-block .flash-entry-prose h4,
body.flash-singular-studio #primary article .entry-content-block .flash-entry-prose h5,
body.flash-singular-studio #primary article .entry-content-block .flash-entry-prose h6,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose h1,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose h2,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose h3,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose h4,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose h5,
html.flash-studio body.single-post #primary article .entry-content-block .flash-entry-prose h6 {
	color: #f5f5f5 !important;
}

/* Chapeau / premier bloc : hiérarchie lisible sans modifier le HTML */
:is(html.flash-studio, body.flash-singular-studio) #primary article .entry-content-block #flash-entry-prose > p:first-of-type {
	font-size: 1.125rem !important;
	line-height: 1.78 !important;
	letter-spacing: 0.015em;
	font-weight: 500;
	color: rgba(252, 252, 252, 0.98) !important;
	text-wrap: balance;
}

:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block #flash-entry-prose > p:first-of-type {
	color: #8f8f8f !important;
}

/* Pied d’article : même largeur de colonne que la prose (UX lecture) */
:is(html.flash-studio, body.flash-singular-studio) #primary article.flash-internal-page .entry-content-block .entry-footer {
	max-width: var(--flash-reading-max, 42rem);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.35rem 0 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.8125rem;
	line-height: 1.65;
	letter-spacing: 0.02em;
	color: var(--flash-studio-muted) !important;
	border-top: none;
	text-align: left;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-footer {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1.25rem 1.5rem 2rem;
	margin-top: 2rem;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--flash-studio-muted) !important;
	border-top: none;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-footer span,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-footer a {
	color: var(--flash-studio-muted) !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-footer a:hover {
	color: rgb(245 245 245 / 0.88) !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page .entry-footer .fa {
	color: rgb(245 245 245 / 0.6) !important;
	margin-right: 0.35rem;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) {
	font-size: 1rem !important;
	line-height: 1.6 !important;
	color: #444 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) > *:first-child {
	margin-top: 0 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) > *:last-child {
	margin-bottom: 0 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) p {
	margin-bottom: 1.15em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) h1 {
	font-size: 2em !important;
	line-height: 1.25 !important;
	margin: 1.25em 0 0.5em !important;
	font-weight: 700 !important;
	color: #313b48 !important;
	letter-spacing: 0.02em !important;
}

body:not(.flash-singular-studio) :is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) h2 {
	font-size: 1.65em !important;
	line-height: 1.3 !important;
	margin: 1.5em 0 0.55em !important;
	font-weight: 700 !important;
	color: #cca690 !important;
	letter-spacing: 0.02em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) h3 {
	font-size: 1.35em !important;
	line-height: 1.35 !important;
	margin: 1.35em 0 0.5em !important;
	font-weight: 700 !important;
	color: #313b48 !important;
	letter-spacing: 0.02em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) h4 {
	font-size: 1.15em !important;
	line-height: 1.4 !important;
	margin: 1.25em 0 0.45em !important;
	font-weight: 700 !important;
	color: #313b48 !important;
	letter-spacing: 0.02em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) h5 {
	font-size: 1.05em !important;
	line-height: 1.45 !important;
	margin: 1.15em 0 0.4em !important;
	font-weight: 600 !important;
	color: #313b48 !important;
	letter-spacing: 0.02em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) h6 {
	font-size: 1em !important;
	line-height: 1.5 !important;
	margin: 1em 0 0.4em !important;
	font-weight: 600 !important;
	color: #555 !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) ul,
:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) ol {
	margin-block: 0 1.15em !important;
	margin-inline-start: 1.5em !important;
	padding-inline-start: 0.25em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) li {
	margin-bottom: 0.4em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) li > ul,
:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) li > ol {
	margin-top: 0.4em !important;
	margin-bottom: 0.4em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) blockquote {
	margin: 1.25em 0 !important;
	padding: 0.75em 1.25em !important;
	border-inline-start: 4px solid var(--primary-color, #21858c) !important;
	background: rgba(33, 133, 140, 0.06) !important;
	font-size: 1.05em !important;
	font-style: italic !important;
	color: #555 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) blockquote p:last-child {
	margin-bottom: 0 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) .wp-block-quote cite {
	display: block !important;
	margin-top: 0.75em !important;
	font-size: 0.9em !important;
	font-style: normal !important;
	color: #666 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) a:not(.wp-block-button__link) {
	color: var(--primary-color, #21858c) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 2px !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) a:not(.wp-block-button__link):hover {
	color: #30afb8 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) hr,
:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) .wp-block-separator {
	margin: 2em 0 !important;
	height: 1px !important;
	background: #ddd !important;
	border: 0 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) pre {
	font-size: 14px !important;
	line-height: 1.6 !important;
	border-radius: 4px !important;
	border: 1px solid #e0e0e0 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) code {
	font-size: 0.92em !important;
	padding: 0.15em 0.4em !important;
	background: #f4f4f4 !important;
	border-radius: 3px !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) pre code {
	padding: 0 !important;
	background: transparent !important;
	font-size: inherit !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) table {
	width: 100% !important;
	max-width: 100% !important;
	margin: 1.25em 0 !important;
	border: 1px solid #ddd !important;
	font-size: 0.95em !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) th,
:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) td {
	padding: 0.65em 0.85em !important;
	border: 1px solid #e5e5e5 !important;
	vertical-align: top !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) thead th {
	background: #f7f7f7 !important;
	font-weight: 600 !important;
	color: #313b48 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) .wp-block-table {
	margin: 1.25em 0 !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) figure {
	margin: 1.25em 0 !important;
	max-width: 100% !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) .wp-block-image figcaption,
:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) .wp-block-gallery .blocks-gallery-caption {
	margin-top: 0.5em !important;
	font-size: 0.88em !important;
	line-height: 1.5 !important;
	color: #666 !important;
	text-align: center !important;
}

:is(#flash-entry-prose, body.single #primary .entry-content-block .flash-entry-prose, body.single-post #primary .entry-content-block .flash-entry-prose, body.page:not(.page-template-pagebuilder) #primary article .flash-entry-prose) .page-links {
	clear: both !important;
	margin: 1.5em 0 !important;
	padding-top: 1em !important;
	border-top: 1px solid #e5e5e5 !important;
	font-size: 0.95em !important;
}

/*
 * Studio (fond sombre) : la prose doit rester lisible et en Inter pour le corps du texte.
 * Les règles globales :is(html.flash-studio, body.flash-singular-studio) h1–h3 (Anton, uppercase) s’appliquent sinon au contenu.
 */
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose,
:is(html.flash-studio, body.flash-singular-studio) #primary article .flash-entry-prose {
	color: rgba(245, 245, 245, 0.9) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h1,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h2,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h3,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h4,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h5,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h6 {
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
	color: #f5f5f5 !important;
	font-weight: 700 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h6 {
	font-weight: 600 !important;
	color: rgba(245, 245, 245, 0.85) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose blockquote {
	color: rgba(235, 235, 235, 0.95) !important;
	background: transparent !important;
	border-inline-start-width: 3px !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-quote cite {
	color: rgba(245, 245, 245, 0.65) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose hr,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-separator {
	background: rgba(245, 245, 245, 0.18) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose pre {
	border-color: rgba(245, 245, 245, 0.18) !important;
	background: rgba(0, 0, 0, 0.35) !important;
	color: rgba(245, 245, 245, 0.92) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose code {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #f0f0f0 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose table {
	border-color: rgba(245, 245, 245, 0.2) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose th,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose td {
	border-color: rgba(245, 245, 245, 0.14) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose thead th {
	background: rgba(255, 255, 255, 0.07) !important;
	color: #f5f5f5 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-image figcaption,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-gallery .blocks-gallery-caption {
	color: rgba(245, 245, 245, 0.65) !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .page-links {
	border-top-color: rgba(245, 245, 245, 0.18) !important;
}

/* Liens (pages internes) : même gris que le corps ; soulignement conservé pour repérer les liens. */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose a:not(.wp-block-button__link) {
	color: #8f8f8f !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose a:not(.wp-block-button__link):hover,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose a:not(.wp-block-button__link):focus {
	color: #7a7a7a !important;
}

/*
 * Bloc Gutenberg « Boutons » : rangée centrée, flèche SVG (::after) — pas de ligature Material (uppercase cassait l’icône).
 */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	width: 100% !important;
}

/*
 * Bloc Gutenberg « Bouton » : les .wp-block-button__link étaient exclus du style Studio (l.637)
 * mais tombaient encore sur la règle teal #flash-entry-prose a (ci‑dessus) → pilule grise + turquoise.
 * Alignement sur le hero : px-10 py-4 bg-studio-white text-studio-black (front-page.php).
 */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button .wp-block-button__link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 1rem 2.5rem !important;
	background-color: #f5f5f5 !important;
	color: #0e0e0e !important;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-size: 0.875rem !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button .wp-block-button__link::after {
	content: "" !important;
	display: inline-block !important;
	width: 1.125rem !important;
	height: 1.125rem !important;
	flex-shrink: 0 !important;
	background-color: currentColor !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button .wp-block-button__link:hover,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button .wp-block-button__link:focus {
	color: #0e0e0e !important;
	background-color: #f5f5f5 !important;
	transform: scale(1.05);
}

/* Variante « contour » : gris comme le reste du texte */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	color: #8f8f8f !important;
	border: 1px solid rgba(143, 143, 143, 0.45) !important;
	transform: none;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button.is-style-outline .wp-block-button__link:hover,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-button.is-style-outline .wp-block-button__link:focus {
	color: #7a7a7a !important;
	background-color: rgba(143, 143, 143, 0.12) !important;
	border-color: rgba(143, 143, 143, 0.65) !important;
	transform: scale(1.05);
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose blockquote {
	border-inline-start-color: rgba(143, 143, 143, 0.55) !important;
}

/*
 * Lecture & UX (Studio) : colonne de lecture, interlignage, hiérarchie, ancres.
 * Pages internes : tout le texte #8f8f8f, aligné à gauche.
 */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose {
	max-width: 42rem;
	margin-left: auto !important;
	margin-right: auto !important;
	font-size: 1.0625rem !important;
	line-height: 1.72 !important;
	letter-spacing: 0.01em;
	color: #8f8f8f !important;
	text-align: left !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose strong,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose b {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose blockquote {
	color: #8f8f8f !important;
}

/*
 * Titres Gutenberg : blanc — spécificité ≥ règles body.single-post … .flash-entry-prose h*
 */
html.flash-studio body.single #primary article.flash-internal-page .entry-content-block #flash-entry-prose :is(h1, h2, h3, h4, h5, h6, .wp-block-heading),
html.flash-studio body.single-post #primary article.flash-internal-page .entry-content-block #flash-entry-prose :is(h1, h2, h3, h4, h5, h6, .wp-block-heading),
body.flash-singular-studio #primary article.flash-internal-page .entry-content-block #flash-entry-prose :is(h1, h2, h3, h4, h5, h6, .wp-block-heading) {
	color: #ffffff !important;
}

/* Gabarits pages internes (flash-ip-*) : titres en blanc dans la prose. */
section.flash-ip-body #flash-entry-prose :is(h1, h2, h3, h4, h5, h6, .wp-block-heading) {
	color: #ffffff !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose h4 {
	opacity: 1 !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-quote cite {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose pre,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose code {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose th,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose td,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose thead th {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .page-links,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .page-links a {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose ul > li::marker,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose ol > li::marker {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose ul,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose ol {
	display: block !important;
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-image figcaption,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-gallery .blocks-gallery-caption {
	text-align: left !important;
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose pre,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .wp-block-table,
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose table {
	text-align: left !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose p {
	margin-bottom: 1.35em !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose strong,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose b {
	color: #f5f5f5 !important;
	font-weight: 700 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h2,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h3,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h4 {
	scroll-margin-top: 6rem;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose > h2 {
	padding-left: 0 !important;
	border-left: none !important;
	margin-left: 0 !important;
	font-size: 30px !important;
	line-height: 1.15 !important;
	margin-top: 2.5em !important;
	margin-bottom: 0.7em !important;
	padding-bottom: 0.5rem !important;
	border-bottom: 1px solid rgba(245, 245, 245, 0.12) !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose h3 {
	margin-top: 2em !important;
	margin-bottom: 0.55em !important;
	padding-left: 0 !important;
	border-left: none !important;
	padding-bottom: 0.45rem !important;
	border-bottom: 1px solid rgba(245, 245, 245, 0.18) !important;
	font-size: clamp(1.12rem, 2vw, 1.28rem) !important;
	line-height: 1.35 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h3 {
	margin-top: 2em !important;
	margin-bottom: 0.55em !important;
	padding-left: 0.9rem !important;
	border-left: 3px solid var(--flash-studio-accent) !important;
	font-size: clamp(1.12rem, 2vw, 1.28rem) !important;
	line-height: 1.35 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose h4 {
	margin-top: 1.75em !important;
	font-size: 1.08rem !important;
	opacity: 0.98;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose ul > li::marker {
	color: var(--flash-studio-accent);
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose ol > li::marker {
	color: var(--flash-studio-accent-bright);
	font-weight: 600;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose a:not(.wp-block-button__link):focus-visible {
	outline: 2px solid rgba(143, 143, 143, 0.65);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Blocs Gutenberg : sortir de la colonne étroite quand demandé */
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose > .alignwide {
	max-width: min(72rem, 100%) !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose > .alignfull {
	max-width: none !important;
	width: 100vw;
	position: relative;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	margin-left: 0 !important;
	margin-right: 0 !important;
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-image img,
:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-gallery {
	border-radius: 3px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}

:is(html.flash-studio, body.flash-singular-studio) #flash-entry-prose .wp-block-gallery {
	overflow: hidden;
}

/*
 * Navigation article : précédent + suivant sur une seule ligne (flex, annule les floats du thème).
 */
:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav {
	margin: 3rem 0 0;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: max(clamp(0.75rem, 4vw, 1.5rem), env(safe-area-inset-left)) !important;
	padding-right: max(clamp(0.75rem, 4vw, 1.5rem), env(safe-area-inset-right)) !important;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
	display: block !important;
}

/*
 * Grille 2 colonnes pleine largeur : précédent (col. 1) | suivant (col. 2).
 * Sans dépendre uniquement de body.flash-singular-studio (annule floats .post-navigation du thème).
 */
.flash-post-navigation-nav .nav-links {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: 0.75rem !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
}

.flash-post-navigation-nav .nav-previous,
.flash-post-navigation-nav .nav-next {
	grid-row: 1 !important;
	float: none !important;
	clear: none !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

.flash-post-navigation-nav .nav-previous {
	grid-column: 1 !important;
	justify-self: stretch !important;
}

.flash-post-navigation-nav .nav-next {
	grid-column: 2 !important;
	justify-self: stretch !important;
}

.flash-post-navigation-nav .nav-links > .nav-next:only-child,
.flash-post-navigation-nav .nav-links > .nav-previous:only-child {
	grid-column: 1 / -1 !important;
}

/* RTL : inverser les colonnes pour garder précédent = bord de lecture. */
[dir="rtl"] .flash-post-navigation-nav .nav-previous {
	grid-column: 2 !important;
}

[dir="rtl"] .flash-post-navigation-nav .nav-next {
	grid-column: 1 !important;
}

:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-previous a,
:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-next a {
	display: flex !important;
	align-items: center;
	gap: 1rem !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0.65rem 0 !important;
	min-height: 2.75rem !important;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	text-shadow: none !important;
	color: rgba(245, 245, 245, 0.92) !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-transform: none !important;
	text-decoration: none !important;
	cursor: pointer !important;
	vertical-align: middle !important;
	transition: color 0.2s ease, opacity 0.2s ease;
}

:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-previous a {
	justify-content: flex-start !important;
	padding-inline-start: 0 !important;
}

:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-next a {
	justify-content: flex-end !important;
	padding-inline-end: 0 !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-previous a .flash-nav-articles__cta,
:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-next a .flash-nav-articles__cta {
	display: inline-flex !important;
	align-items: center;
	gap: 1rem !important;
	width: 100% !important;
	min-width: 0 !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-previous a .flash-nav-articles__cta {
	justify-content: flex-start !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-next a .flash-nav-articles__cta {
	justify-content: flex-end !important;
	width: auto !important;
	max-width: 100% !important;
	gap: 1rem !important;
}

:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-previous a:hover,
:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-next a:hover {
	color: #f5f5f5 !important;
	background: transparent !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-previous a:focus-visible,
:is(html.flash-studio, body.flash-singular-studio) nav.navigation.post-navigation.flash-post-navigation-nav .nav-links .nav-next a:focus-visible {
	outline: 2px solid rgba(245, 245, 245, 0.45) !important;
	outline-offset: 4px !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-previous a .flash-nav-articles__title,
:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-next a .flash-nav-articles__title,
:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-previous a .entry-title,
:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-next a .entry-title {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: none !important;
}

:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-next a .studio-ring,
:is(html.flash-studio, body.flash-singular-studio) .flash-post-navigation-nav .nav-previous a .studio-ring {
	flex-shrink: 0 !important;
	margin: 0 !important;
	transform: none !important;
}

body.flash-singular-studio .flash-post-navigation-nav {
	padding-top: 2.5rem;
	border-top: 1px solid rgba(245, 245, 245, 0.1);
}

/* -------------------------------------------------------------------------
 * Tableau "tarifs / formations" (éditeur WordPress de base)
 * Usage : sur le bloc Tableau, ajouter la classe CSS additionnelle :
 * - flash-pricing-table
 * ------------------------------------------------------------------------- */

/* Gutenberg : <figure class="wp-block-table ..."><table>… */
.wp-block-table.flash-pricing-table,
table.flash-pricing-table {
	/* “Alignwide” : plus large que la colonne de lecture, mais centré. */
	width: min(72rem, calc(100vw - 3rem)) !important;
	max-width: 100% !important;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 1.5rem 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	background: #fff !important;
}

/* Desktop+ : encore plus large, sans aller bord à bord */
@media (min-width: 1024px) {
	.wp-block-table.flash-pricing-table,
	table.flash-pricing-table {
		width: min(92rem, calc(100vw - 4rem)) !important;
	}
}

.wp-block-table.flash-pricing-table table {
	margin: 0 !important;
	border: none !important;
}

.wp-block-table.flash-pricing-table td,
.wp-block-table.flash-pricing-table th,
table.flash-pricing-table td,
table.flash-pricing-table th {
	border: 1px solid rgba(0, 0, 0, 0.12) !important;
	padding: 1.1rem 1.15rem !important;
	vertical-align: top !important;
	line-height: 1.5 !important;
}

/* Colonne prix à droite : plus compacte, alignée */
.wp-block-table.flash-pricing-table td:last-child,
.wp-block-table.flash-pricing-table th:last-child,
table.flash-pricing-table td:last-child,
table.flash-pricing-table th:last-child {
	width: 22%;
	text-align: right !important;
	white-space: nowrap;
	font-weight: 700 !important;
	font-size: 1.05em !important;
}

/* Colonne texte à gauche */
.wp-block-table.flash-pricing-table td:first-child,
table.flash-pricing-table td:first-child {
	width: 78%;
}

/* Style proche de ta maquette : lignes "formation" en gris clair */
.wp-block-table.flash-pricing-table tbody tr:nth-child(-n+4) td,
table.flash-pricing-table tbody tr:nth-child(-n+4) td {
	background: #efefef !important;
}

.wp-block-table.flash-pricing-table strong,
table.flash-pricing-table strong {
	font-weight: 800;
}

/* Studio : dans le tableau "tarifs", on veut la même couleur que le texte de la page */
:is(html.flash-studio, body.flash-singular-studio) :is(.wp-block-table.flash-pricing-table, table.flash-pricing-table) {
	color: #8f8f8f !important;
}

:is(html.flash-studio, body.flash-singular-studio) :is(.wp-block-table.flash-pricing-table, table.flash-pricing-table) :is(p, span, small, em, i, strong, b, a, th, td) {
	color: #8f8f8f !important;
}

/* Puces / flèches de listes : en blanc */
::is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose ul > li::marker,
::is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose ol > li::marker {
	color: #f5f5f5 !important;
}

/* Icônes (Font Awesome) utilisées comme "check" dans le texte : en blanc */
::is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose :is(.fa-check, .fa-check-circle, .fa-circle-check, .fa-check-square, .fa-square-check, .fa-list-check),
::is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose :is(.fa-check, .fa-check-circle, .fa-circle-check, .fa-check-square, .fa-square-check, .fa-list-check)::before,
::is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose .fa-li {
	color: #f5f5f5 !important;
}

/* Mobile : scroll horizontal plutôt que casser les colonnes */
@media (max-width: 640px) {
	.wp-block-table.flash-pricing-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.wp-block-table.flash-pricing-table table {
		min-width: 520px;
	}
}

/* -------------------------------------------------------------------------
 * Pages internes (Studio) : couleur de texte demandée
 * ------------------------------------------------------------------------- */

/* Corps de texte (pages internes) */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose {
	color: #8f8f8f !important;
	font-size: 1rem;
}

/* Éléments courants qui avaient une couleur forcée */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose :is(p, li, ul, ol, blockquote, cite, figcaption, pre, code) {
	color: #8f8f8f !important;
	font-size: 1rem;
}

/* Gras = blanc plein */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose :is(strong, b) {
	color: #f5f5f5 !important;
}

/* Liens de la prose (hors boutons) */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose a:not(.wp-block-button__link) {
	color: #8f8f8f !important;
}

/* Tableaux dans la prose */
:is(html.flash-studio, body.flash-singular-studio) .flash-internal-page #flash-entry-prose :is(th, td, thead th) {
	color: #8f8f8f !important;
}
