/* ===== RESPONSIVE MOBILE ===== */
@media (max-width: 600px) {
	/* Navigation episodes - conteneur scrollable */
	.entry-content [style*="background: #ffffff"][style*="border: 1px solid #d0d7de"],
									  .entry-content [style*="background:#ffffff"][style*="border:1px solid #d0d7de"] {
		overflow-x: auto !important;
	}
	
	/* Table episodes */
	.entry-content table {
		min-width: 360px !important;
	}
	
	/* Blocs de code - scrollable */
	.entry-content pre {
		overflow-x: auto !important;
		max-width: 100% !important;
		white-space: pre !important;
		font-size: .72em !important;
	}
	
	/* Cartes stats Accueil - 2 par ligne */
	.entry-content [style*="flex: 1 1 calc(50% - 8px)"] {
		max-width: calc(50% - 6px) !important;
		box-sizing: border-box !important;
	}
	
	/* Outils page accueil - 1 par ligne */
	.entry-content [style*="flex: 1 1 260px"] {
		flex: 1 1 100% !important;
		min-width: unset !important;
		max-width: 100% !important;
	}
	
	/* Images et medias responsive */
	.entry-content img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	/* Eviter overflow global du contenu article */
	.site-content,
									  article.hentry {
		overflow-x: hidden !important;
	}
	
	/* Permettre scroll sur les enfants directs du contenu */
	.entry-content {
		overflow-x: visible !important;
	}
	
	/* Fix texte qui deborde */
	.entry-content p,
									  .entry-content h1,
									  .entry-content h2,
									  .entry-content h3 {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
}

/* === RESPONSIVE FIX v6 (final) === */
/* Fond sombre pour tous les conteneurs */
html, body,
.wp-site-blocks, .is-root-container,
main, article, .wp-block-post-content,
header, footer, .wp-block-template-part {
	background-color: #1e2327 !important;
}

/* Images responsives */
img, figure, iframe, video, embed,
.wp-block-image, .wp-block-image img,
.wp-block-cover, .wp-block-gallery,
.wp-block-media-text, .wp-block-embed {
	max-width: 100% !important;
	height: auto !important;
	box-sizing: border-box;
}

figure, .wp-block-image {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* BLOCS DE CODE : forcer background shorthand pour ecraser le gradient clair */
pre, .wp-block-code, .wp-block-preformatted,
pre.wp-block-code, .wp-block-code pre,
.entry-content pre, .entry-content .wp-block-code, .entry-content .wp-block-preformatted,
.wp-block-post-content pre, .wp-block-post-content .wp-block-code,
article pre, article .wp-block-code, article .wp-block-preformatted,
main pre, main .wp-block-code, main .wp-block-preformatted,
body pre, body .wp-block-code, body .wp-block-preformatted,
html body pre, html body .wp-block-code {
	background: #2a2f34 !important;
	background-image: none !important;
	background-color: #2a2f34 !important;
	color: #fcfcfc !important;
	white-space: pre-wrap !important;
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 14px 16px !important;
	border-radius: 6px !important;
	font-family: "JetBrains Mono", Menlo, Consolas, monospace !important;
	border: 1px solid #3a3f44 !important;
}

/* Descendants du pre/code : texte blanc et fond transparent */
pre *, .wp-block-code *, .wp-block-preformatted *,
.entry-content pre *, .entry-content .wp-block-code *,
.wp-block-post-content pre *, .wp-block-post-content .wp-block-code * {
	color: #fcfcfc !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

/* Code inline (dans un paragraphe) */
.entry-content p code,
.entry-content li code,
.wp-block-post-content p code,
.wp-block-post-content li code {
	background: rgba(0,0,0,0.08) !important;
	background-image: none !important;
	color: #1a1a1f !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
	font-family: "JetBrains Mono", Menlo, Consolas, monospace !important;
}

/* Tables responsives */
.wp-block-table, table {
	max-width: 100% !important;
	word-break: break-word;
}

/* Mots trop longs */
p, h1, h2, h3, h4, h5, h6, li, a {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ========== MOBILE (<=781px) ========== */
@media (max-width: 781px) {
	html, body,
			  .wp-site-blocks, .is-root-container,
			  main, article, .wp-block-post-content,
			  header, footer, .site-header, .site-footer,
			  .wp-block-template-part {
		background-color: #1e2327 !important;
	}
	
	/* HAUT : site title, menu, date, auteur, etc. tout en blanc */
	header, header *, .site-header, .site-header *,
			  .wp-block-template-part[data-slug="header"],
			  .wp-block-template-part[data-slug="header"] *,
			  .wp-block-site-title, .wp-block-site-title *, .wp-block-site-title a,
			  .wp-block-site-tagline, .wp-block-site-tagline *,
			  .wp-block-navigation, .wp-block-navigation *,
			  .wp-block-navigation a, .wp-block-navigation__content a,
			  .wp-block-post-date, .wp-block-post-date *,
			  .wp-block-post-author, .wp-block-post-author *,
			  .wp-block-post-terms, .wp-block-post-terms *,
			  .wp-block-post-title, .wp-block-post-title * {
		color: #fcfcfc !important;
	}
	
	/* BAS : footer tout en blanc */
	footer, footer *, .site-footer, .site-footer *,
			  .wp-block-template-part[data-slug="footer"],
			  .wp-block-template-part[data-slug="footer"] * {
		color: #fcfcfc !important;
	}
	
	.entry-content, main, article {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	
	img, .wp-block-image, .wp-block-image img, figure {
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.entry-content table,
			  .wp-block-post-content table {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed !important;
	}
	
	.entry-content table td,
			  .wp-block-post-content table td {
		padding: 4px 2px !important;
		font-size: 12px !important;
		word-break: break-word !important;
		vertical-align: top !important;
	}
	
	.entry-content div[style*="background"],
			  .wp-block-post-content div[style*="background"] {
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	/* Code : rester dark en mobile aussi */
	body pre, body .wp-block-code, body .wp-block-preformatted {
		background: #2a2f34 !important;
		background-image: none !important;
		color: #fcfcfc !important;
		font-size: 13px !important;
		padding: 10px 12px !important;
	}
}

@media (max-width: 480px) {
	.entry-content, main, article {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	
	.entry-content table td,
			  .wp-block-post-content table td {
		padding: 2px 1px !important;
		font-size: 11px !important;
	}
	
	body pre, body .wp-block-code {
		font-size: 12px !important;
	}
}

@media (prefers-color-scheme: light) {
	html, body,
			  .wp-site-blocks, .is-root-container,
			  main, article, .wp-block-post-content,
			  header, footer {
		background-color: #1e2327 !important;
	}
	
	body pre, body .wp-block-code {
		background: #2a2f34 !important;
		background-image: none !important;
		color: #fcfcfc !important;
	}
}

/* === PROGRESSION CARD MOBILE FIX v2 === */
/* Carte episodes : forcer les labels sur UNE ligne sur mobile */
@media (max-width: 600px) {
	/* Container card : desactiver le scroll horizontal */
	.entry-content div[style*="overflow-x"],
	  .wp-block-post-content div[style*="overflow-x"] {
		overflow-x: hidden !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	
	/* Table : annuler min-width inline, forcer largeur */
	.entry-content table,
	  .wp-block-post-content table {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed !important;
		border-spacing: 0 !important;
	}
	
	/* Cellules : 1/6 de largeur */
	.entry-content table td,
	  .wp-block-post-content table td {
		padding: 2px 0 !important;
		width: 16.66% !important;
		vertical-align: top !important;
		text-align: center !important;
	}
	
	/* Cercles plus petits */
	.entry-content table td > div[style*="border-radius:50%"],
	  .wp-block-post-content table td > div[style*="border-radius:50%"] {
		width: 30px !important;
		height: 30px !important;
		line-height: 26px !important;
		font-size: 10px !important;
	}
	
	/* LABELS SOUS CERCLES : 1 ligne, pas de wrap, font plus petit */
	.entry-content table td p,
	  .wp-block-post-content table td p {
		font-size: 9px !important;
		line-height: 1.2 !important;
		margin: 4px 0 0 !important;
		white-space: nowrap !important;
		overflow: visible !important;
		letter-spacing: -.2px !important;
	}
}

/* Tres petits ecrans <=380px */
@media (max-width: 380px) {
	.entry-content table td > div[style*="border-radius:50%"],
	  .wp-block-post-content table td > div[style*="border-radius:50%"] {
		width: 26px !important;
		height: 26px !important;
		line-height: 22px !important;
		font-size: 9px !important;
	}
	
	.entry-content table td p,
	  .wp-block-post-content table td p {
		font-size: 8px !important;
		letter-spacing: -.3px !important;
	}
}

/* Tres tres petits <=340px (vieux telephones) */
@media (max-width: 340px) {
	.entry-content table td p,
	  .wp-block-post-content table td p {
		font-size: 7.5px !important;
	}
}

/* Masquer le titre "Accueil" sur la page d'accueil */
body.home .entry-title, body.home .wp-block-post-title { display:none; }