/* ============================================================
 * VideoIA — Overrides single article (single-post body class)
 * Aligne typo + palette sur la charte v2.0 sans toucher aux templates.
 * ============================================================ */

/* === Titre d'article : Instrument Serif italique sur l'accent === */
body.single-post .entry-title,
body.single-post h1.entry-title,
body.single-post .single-post-title {
	font-family: var(--vi-serif) !important;
	font-weight: 400 !important;
	font-size: clamp(36px, 5vw, 64px) !important;
	line-height: 1.05 !important;
	letter-spacing: -0.015em !important;
	color: var(--vi-ink) !important;
	text-wrap: balance;
	margin-bottom: 18px !important;
}
body.single-post .entry-title em,
body.single-post .entry-title i {
	font-style: italic;
	color: var(--vi-mute) !important;
}

/* === Content typography : H2/H3/H4 en Instrument Serif === */
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
	font-family: var(--vi-serif) !important;
	font-weight: 400 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.15 !important;
	color: var(--vi-ink) !important;
}
body.single-post .entry-content h2 {
	font-size: clamp(28px, 3vw, 38px) !important;
	margin-top: 1.6em !important;
	margin-bottom: 0.5em !important;
}
body.single-post .entry-content h3 {
	font-size: clamp(22px, 2.4vw, 28px) !important;
	margin-top: 1.4em !important;
	margin-bottom: 0.4em !important;
}
body.single-post .entry-content h4 {
	font-size: clamp(18px, 1.8vw, 22px) !important;
}

/* Italiques inline → couleur muted (cohérence palette) */
body.single-post .entry-content em,
body.single-post .entry-content i {
	color: var(--vi-mute);
	font-style: italic;
}

/* Body text : ramper la couleur sur les tokens VI */
body.single-post .entry-content,
body.single-post .entry-content p {
	color: var(--vi-ink-2);
}
body.single-post .entry-content strong,
body.single-post .entry-content b {
	color: var(--vi-ink);
}

/* === Meta header (catégorie · date · temps lecture) === */
body.single-post .ocean-single-post-header,
body.single-post .entry-meta,
body.single-post .ocean-single-post-header ul.meta-item {
	font-family: var(--vi-mono) !important;
	font-size: 11.5px !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--vi-mute) !important;
}
body.single-post .ocean-single-post-header ul.meta-item li,
body.single-post .ocean-single-post-header ul.meta-item li a,
body.single-post .entry-meta a,
body.single-post .entry-meta span {
	color: var(--vi-mute) !important;
	font-size: 11.5px !important;
}
body.single-post .ocean-single-post-header ul.meta-item li a:hover,
body.single-post .entry-meta a:hover {
	color: var(--vi-ink) !important;
}

/* Auteur, date — séparateurs dot · */
body.single-post .ocean-single-post-header .post-author-name,
body.single-post .ocean-single-post-header .post-author-name a {
	color: var(--vi-ink) !important;
	font-weight: 500 !important;
}

/* === Featured image : coins arrondis subtils + ombre douce === */
body.single-post .post-thumbnail img,
body.single-post .single-post .entry-thumbnail img {
	border-radius: 14px !important;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08) !important;
}

/* === Citations : style éditorial === */
body.single-post .entry-content blockquote {
	font-family: var(--vi-serif) !important;
	font-style: italic !important;
	font-size: clamp(20px, 2.4vw, 28px) !important;
	line-height: 1.35 !important;
	color: var(--vi-ink) !important;
	border-left: 4px solid var(--vi-ink) !important;
	padding: 8px 28px !important;
	margin: 32px 0 !important;
	background: transparent !important;
}
body.single-post .entry-content blockquote p {
	color: var(--vi-ink) !important;
}

/* === Footer auteur (#author-bio) === */
body.single-post #author-bio {
	background: var(--vi-paper-2) !important;
	border: 1px solid var(--vi-line) !important;
	border-radius: 14px !important;
	padding: 24px 28px !important;
	margin-top: 56px !important;
}
body.single-post #author-bio .author-bio-name,
body.single-post #author-bio h4 {
	font-family: var(--vi-serif) !important;
	font-weight: 400 !important;
	color: var(--vi-ink) !important;
}
body.single-post #author-bio p {
	color: var(--vi-ink-2) !important;
}

/* === Related posts / nav post === */
body.single-post #related-posts h3,
body.single-post .related-post-title,
body.single-post .related-post-title a {
	font-family: var(--vi-serif) !important;
	font-weight: 400 !important;
	color: var(--vi-ink) !important;
}
body.single-post .related-post-title a:hover {
	color: var(--vi-mute) !important;
}

body.single-post .single nav.post-navigation .nav-links .title {
	font-family: var(--vi-mono) !important;
	font-size: 11px !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--vi-mute) !important;
}
body.single-post .single nav.post-navigation .nav-links a {
	font-family: var(--vi-serif) !important;
	color: var(--vi-ink) !important;
}

/* === Comments (formulaire) === */
body.single-post #comments .comments-title,
body.single-post #respond .comment-reply-title {
	font-family: var(--vi-serif) !important;
	font-weight: 400 !important;
	color: var(--vi-ink) !important;
}

/* === Page-header / Hero d'article (si OceanWP affiche un header de page) === */
body.single-post .single-page-header,
body.single-post .page-header.singular-default {
	background: linear-gradient(180deg, var(--vi-paper) 0%, var(--vi-paper-2) 100%) !important;
	padding: 48px 0 36px !important;
}