/* =========================================================
   Texture · Article (lot 1)
   Typographie éditoriale, haut d'article, bouton Google.
   Titres en Open Sans comme sur la home ; Cormorant réservé
   aux touches décoratives (lettrine, citations, bandeau Google).
   Chargé uniquement sur les articles (is_singular('post')).
   Cormorant Garamond est importé par texture-une.css.
   ========================================================= */

:root{
	--tx-serif-display:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--tx-serif-text:'Source Serif 4', Georgia, 'Times New Roman', serif;
	--tx-sans:'Open Sans', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--tx-ink:#151515;
	--tx-ink-body:#222;
	--tx-ink-soft:#5b5b5b;
	--tx-ivory:#f7f4ee;
	--tx-line:#e4ded3;
}

/* ---- Haut d'article : byline, titre, légende ---- */
body.single-post .hero-meta .byline{
	font-family:var(--tx-sans);
	font-size:11.5px; font-weight:600;
	letter-spacing:.12em; text-transform:uppercase;
	color:#888;
}
body.single-post .hero-meta .byline a{ color:var(--tx-ink); text-decoration:none; }
body.single-post .hero-meta .byline .separator{ margin:0 .5em; }

/* Même rendu que le titre de la Une sur la home (Open Sans 600, 40px) */
body.single-post .hero-meta .entry-title{
	font-family:var(--tx-sans);
	font-weight:600; line-height:1.125; letter-spacing:0;
	font-size:clamp(28px, 3vw, 40px);
	color:var(--tx-ink);
	margin-top:14px;
}

body.single-post .hero-meta .subtitle{
	font-family:var(--tx-serif-display);
	font-style:italic; font-weight:400;
	font-size:clamp(20px, 2vw, 24px); line-height:1.4;
	color:var(--tx-ink-soft);
}

body.single-post .hero-wrap .caption{
	font-family:var(--tx-sans);
	font-size:12px; line-height:1.5;
	color:#888; margin-top:8px;
	overflow-wrap:anywhere; /* URLs de crédit longues */
}

/* ---- Corps de texte ---- */
body.single-post .entry-content{
	font-family:var(--tx-serif-text);
	font-size:19px; line-height:1.7;
	color:var(--tx-ink-body);
	font-optical-sizing:auto;
}
body.single-post .entry-content p{ margin:0 0 1.35em; }

body.single-post .entry-content p a{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
	text-decoration-color:rgba(0,0,0,.35);
	transition:text-decoration-color .2s ease;
}
body.single-post .entry-content p a:hover{ text-decoration-color:currentColor; }

body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4{
	font-family:var(--tx-sans);
	font-weight:600; line-height:1.25; letter-spacing:0;
	color:var(--tx-ink);
	margin:1.8em 0 .6em;
}
body.single-post .entry-content h2{ font-size:clamp(22px, 2.2vw, 28px); }
body.single-post .entry-content h3{ font-size:clamp(19px, 1.7vw, 22px); }
body.single-post .entry-content h4{ font-size:18px; }

/* Lettrine (déjà activée par Zeen via .dropcap--on) */
body.single-post.dropcap--on .entry-content > p:first-of-type:first-letter{
	font-family:var(--tx-serif-display);
	font-weight:500;
	font-size:4.6em; line-height:.82;
	margin:6px 12px 0 0;
	color:var(--tx-ink);
}

body.single-post .entry-content blockquote{
	font-family:var(--tx-serif-display);
	font-style:italic; font-weight:400;
	font-size:clamp(24px, 2.4vw, 30px); line-height:1.35;
	color:var(--tx-ink);
	border-left:1px solid var(--tx-ink);
	padding:0 0 0 1.2em; margin:2em 0;
}

/* ---- Bouton "Ajoutez Texture à Google" : bandeau renforcé ---- */
body.single-post .entry-content .texture-google-source{
	display:flex; align-items:center; justify-content:space-between;
	flex-wrap:wrap; gap:14px 24px;
	margin:0 0 2.4rem; padding:18px 22px;
	background:var(--tx-ivory);
	border:1px solid var(--tx-line);
	border-left:3px solid var(--tx-ink);
}
body.single-post .entry-content .tgs-pitch{
	flex:1 1 260px; margin:0;
	font-family:var(--tx-serif-display);
	font-size:21px; font-weight:500; line-height:1.25;
	color:var(--tx-ink);
}
body.single-post .entry-content .tgs-pitch small{
	display:block; margin-top:4px;
	font-family:var(--tx-sans);
	font-size:13px; font-weight:400; line-height:1.45;
	color:var(--tx-ink-soft);
}
body.single-post .entry-content .texture-google-source a{
	display:inline-flex; align-items:center; gap:.65rem;
	flex:0 0 auto;
	padding:.8rem 1.4rem;
	border-radius:999px;
	background:var(--tx-ink); color:#fff;
	font-family:var(--tx-sans);
	font-size:14px; font-weight:600; line-height:1;
	text-decoration:none; white-space:nowrap;
	transition:background .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.single-post .entry-content .texture-google-source a:hover,
body.single-post .entry-content .texture-google-source a:focus-visible{
	background:#000; color:#fff;
	box-shadow:0 4px 14px rgba(0,0,0,.18);
	transform:translateY(-1px);
}
body.single-post .entry-content .texture-google-source .tgs-g{
	flex:0 0 auto;
	box-sizing:content-box; padding:3px;
	background:#fff; border-radius:50%;
}

/* ---- Mobile (breakpoint unique du thème) ---- */
@media (max-width:900px){
	body.single-post .entry-content{ font-size:17.5px; line-height:1.68; }
	body.single-post .entry-content .texture-google-source{
		flex-direction:column; align-items:stretch; text-align:center;
		padding:18px 16px;
	}
	body.single-post .entry-content .tgs-pitch{ flex-basis:auto; font-size:20px; }
	body.single-post .entry-content .texture-google-source a{
		justify-content:center; padding:.95rem 1.2rem; font-size:15px;
	}
}