/* G2 Theme — Article (single.php). En-tête + hero + prose + CTA sombre + liés. */

/* ---------- Logo + en-tête ---------- */
.g2-article__logo-top { display: flex; justify-content: center; padding: 30px 28px 4px; }
.g2-article__logo-top img { width: 92px; height: auto; }

.g2-article__head { max-width: 760px; padding-top: 48px; padding-bottom: 28px; text-align: center; }
.g2-article__back {
	display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .06em;
	text-transform: uppercase; color: var(--g2-accent); text-decoration: none; margin-bottom: 18px;
}
.g2-article__title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700; font-size: 46px; line-height: 1.08; letter-spacing: -.025em;
	color: var(--g2-ink); margin: 0 0 20px;
}
.g2-article__meta {
	display: flex; align-items: center; justify-content: center; gap: 14px;
	font-size: 14px; color: var(--g2-muted); flex-wrap: wrap;
}
.g2-article__byline { display: inline-flex; align-items: center; gap: 8px; }
.g2-article__avatar {
	width: 26px; height: 26px; border-radius: 50%; background: var(--g2-grad); color: #fff;
	display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;
}
.g2-article__dot { opacity: .5; }

/* ---------- Image hero ---------- */
.g2-article__hero { max-width: 1000px; padding-bottom: 8px; }
.g2-article__hero-img {
	aspect-ratio: 16/9; border-radius: var(--g2-radius-image);
	background-size: cover; background-position: center; background-repeat: no-repeat;
	box-shadow: var(--g2-shadow-image);
}

/* .g2-prose : déplacé dans main.css (partagé article + pages). */

/* ---------- CTA sombre ---------- */
.g2-article__cta {
	max-width: 760px; margin: 34px auto;
	background: var(--g2-dark); border-radius: 22px; padding: 34px 36px;
	display: flex; align-items: center; gap: 26px; flex-wrap: wrap;
}
.g2-article__cta-media {
	width: 104px; height: 140px; border-radius: 16px; flex: none;
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.g2-article__cta-text { flex: 1; min-width: 220px; }
.g2-article__cta-eyebrow {
	font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
	color: var(--g2-pink); margin-bottom: 8px;
}
.g2-article__cta-title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 500; font-size: 25px; line-height: 1.25; color: #fff; margin: 0 0 6px;
}
.g2-article__cta-blurb { font-size: 15px; line-height: 1.6; color: #e7c9bd; margin: 0; }
.g2-article__cta-btn {
	flex: none; font-size: 15px; font-weight: 700; color: var(--g2-ink); background: #fff;
	padding: 14px 26px; border-radius: var(--g2-radius-pill); text-decoration: none; white-space: nowrap;
	transition: background .15s ease;
}
.g2-article__cta-btn:hover { background: var(--g2-pink-soft); }

/* ---------- Articles liés ---------- */
.g2-related { background: var(--g2-cream); }
.g2-related .g2-section { padding-top: 54px; padding-bottom: 54px; }
.g2-related__title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700; font-size: 34px; letter-spacing: -.03em; color: var(--g2-ink);
	margin: 0 0 28px; text-align: center;
}

/* ---------- Responsive ---------- */
@media (max-width: 760px) {
	.g2-article__title { font-size: 34px; }
	.g2-article__cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
	.g2-article__title { font-size: 28px; }
}