/* === Jungle Kush — Page Auteur === */

:root {
	--jk-peach: #F9C8A7;
	--jk-peach-soft: rgba(249, 200, 167, 0.15);
	--jk-night-bg: #022231;
	--jk-night-surface: rgba(255, 255, 255, 0.04);
	--jk-night-border: rgba(255, 255, 255, 0.08);
	--jk-text-primary: #ffffff;
	--jk-text-secondary: rgba(255, 255, 255, 0.7);
	--jk-text-muted: rgba(255, 255, 255, 0.5);
}

.jk-heading {
	font-family: 'Fraunces', Georgia, serif;
	font-variation-settings: "opsz" 144;
	font-weight: 500;
}
.jk-accent { color: var(--jk-peach); font-style: italic; }

.jk-starfield {
	background-color: var(--jk-night-bg);
	background-image: linear-gradient(rgba(2,34,49,0.55), rgba(2,34,49,0.85)), url('/wp-content/uploads/2026/04/jungle-kush-fond.jpg');
	background-size: cover;
	background-position: center;
}

.jk-author-page { color: var(--jk-text-primary); background: var(--jk-night-bg); }

/* HERO */
.jk-author-hero {
	padding: 5rem 1.5rem 4rem;
	text-align: center;
	position: relative;
}
.jk-author-hero__inner { max-width: 720px; margin: 0 auto; }
.jk-author-hero__avatar {
	width: 140px; height: 140px;
	border-radius: 50%;
	border: 2px solid var(--jk-peach);
	object-fit: cover;
	margin-bottom: 1.5rem;
}
.jk-author-hero__name { font-size: clamp(2.5rem, 5vw, 4rem); margin: 0 0 0.5rem; line-height: 1.1; }
.jk-author-hero__role { font-size: 16px; margin: 0 0 1rem; }
.jk-author-hero__bio { font-size: 16px; line-height: 1.7; color: var(--jk-text-secondary); margin: 0 0 2rem; }
.jk-author-hero__cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.jk-btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.2s ease;
}
.jk-btn--peach { background: var(--jk-peach); color: #022231; }
.jk-btn--peach:hover { background: #fbd9be; }
.jk-btn--ghost { border: 1px solid rgba(255,255,255,0.25); color: var(--jk-text-primary); }
.jk-btn--ghost:hover { background: rgba(255,255,255,0.08); border-color: var(--jk-peach); }

/* EXPERTISE */
.jk-author-expertise { padding: 3rem 1.5rem; max-width: 1100px; margin: 0 auto; }
.jk-author-expertise h2 { font-size: 24px; margin: 0 0 1.5rem; }
.jk-expertise-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
}
.jk-expertise-card {
	background: var(--jk-night-surface);
	border: 1px solid var(--jk-night-border);
	border-radius: 8px;
	padding: 1.25rem;
	display: flex;
	align-items: center;
	gap: 10px;
	backdrop-filter: blur(8px);
}
.jk-expertise-card__icon { color: var(--jk-peach); font-size: 18px; }
.jk-expertise-card__label { font-size: 14px; font-weight: 500; }

/* BIO */
.jk-author-bio { padding: 2rem 1.5rem; max-width: 720px; margin: 0 auto; }
.jk-author-bio h2 { font-size: 24px; margin: 0 0 1rem; }
.jk-author-bio p { font-size: 16px; line-height: 1.8; color: var(--jk-text-secondary); }

/* TIMELINE (Noon only) */
.jk-author-timeline { padding: 3rem 1.5rem; max-width: 1100px; margin: 0 auto; }
.jk-author-timeline h2 { font-size: 24px; margin: 0 0 1.5rem; }
.jk-timeline-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
}
.jk-timeline-step {
	background: var(--jk-night-surface);
	border: 1px solid var(--jk-night-border);
	border-top: 2px solid var(--jk-peach);
	border-radius: 8px;
	padding: 1.25rem;
	backdrop-filter: blur(8px);
}
.jk-timeline-step__date {
	display: block;
	font-size: 11px;
	color: var(--jk-peach);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 6px;
}
.jk-timeline-step strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--jk-text-primary); }
.jk-timeline-step p { font-size: 13px; color: var(--jk-text-secondary); margin: 0; line-height: 1.6; }

/* ARTICLES */
.jk-author-articles { padding: 3rem 1.5rem; max-width: 1200px; margin: 0 auto; }
.jk-author-articles h2 { font-size: 24px; margin: 0 0 1.5rem; }
.jk-author-articles__empty { color: var(--jk-text-muted); font-style: italic; }
.jk-articles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}
.jk-article-card {
	background: var(--jk-night-surface);
	border: 1px solid var(--jk-night-border);
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.2s ease, border-color 0.2s ease;
	backdrop-filter: blur(6px);
}
.jk-article-card:hover { transform: translateY(-2px); border-color: var(--jk-peach); }
.jk-article-card__link { display: block; color: inherit; text-decoration: none; }
.jk-article-card__thumb img { width: 100%; height: 180px; object-fit: cover; display: block; }
.jk-article-card__title { font-size: 16px; font-weight: 500; padding: 14px 16px 4px; margin: 0; color: var(--jk-text-primary); }
.jk-article-card__date { font-size: 12px; color: var(--jk-text-muted); padding: 0 16px 16px; margin: 0; }

.jk-author-pagination { margin-top: 2rem; text-align: center; }
.jk-author-pagination .nav-links a, .jk-author-pagination .nav-links span {
	color: var(--jk-text-secondary);
	padding: 6px 12px;
	margin: 0 4px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 14px;
}
.jk-author-pagination .nav-links a:hover { background: var(--jk-peach-soft); color: var(--jk-peach); }
.jk-author-pagination .nav-links .current { background: var(--jk-peach); color: #022231; }

/* CTA HEAT */
.jk-cta-heat { padding: 4rem 1.5rem; text-align: center; margin-top: 3rem; }
.jk-cta-heat h2 { font-size: clamp(28px, 4vw, 40px); margin: 0 0 0.75rem; line-height: 1.1; }
.jk-cta-heat p { font-size: 16px; color: var(--jk-text-secondary); margin: 0 0 2rem; }
.jk-cta-heat__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
	max-width: 1000px;
	margin: 0 auto;
}
.jk-cta-card {
	display: block;
	padding: 1.5rem 1rem;
	background: var(--jk-night-surface);
	border: 1px solid var(--jk-night-border);
	border-radius: 12px;
	color: var(--jk-text-primary);
	text-decoration: none;
	font-weight: 500;
	transition: all 0.2s ease;
	backdrop-filter: blur(6px);
}
.jk-cta-card:hover { border-color: var(--jk-peach); color: var(--jk-peach); transform: translateY(-2px); }

@media (max-width: 600px) {
	.jk-author-hero { padding: 3rem 1rem 2rem; }
	.jk-author-hero__avatar { width: 100px; height: 100px; }
}