/**
 * Book Chapter Styles
 *
 * Typography and formatting optimised for long-form fiction reading.
 *
 * @package add
 */

/* ── Reading Typography ───────────────────────────────────── */

.add-book-chapter-content p {
	font-size: 1.125rem;
	line-height: 1.8;
}

.add-book-chapter-content > .wp-block-post-content > p:first-of-type {
	margin-top: 0;
}

/* ── Scene Breaks ─────────────────────────────────────────── */

.add-book-chapter-content hr {
	border: none;
	text-align: center;
	margin: 2.5rem auto;
	max-width: 6rem;
}

.add-book-chapter-content hr::after {
	content: "\2731\00a0\00a0\2731\00a0\00a0\2731";
	font-size: 0.85rem;
	letter-spacing: 0.3em;
	color: var(--wp--preset--color--border, #cccccc);
}

/* ── POV Headers (## ROBERT, ## MARCUS, etc.) ─────────────── */

.add-book-chapter-content h2 {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent, #000000);
	margin-top: 3rem;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--wp--preset--color--border, #cccccc);
}

/* ── Date / Location Headers ──────────────────────────────── */

.add-book-chapter-content strong {
	color: var(--wp--preset--color--contrast, #ffffff);
}

/* ── Italic Subtitle (date lines like *March 2025*) ──────── */

.add-book-chapter-content > .wp-block-post-content > p:first-of-type em,
.add-book-chapter-content p > em:only-child {
	display: block;
	font-size: 0.9rem;
	color: var(--wp--preset--color--muted, #666666);
	margin-bottom: 1.5rem;
}

/* ── Dark Mode Overrides ──────────────────────────────────── */

[data-theme="dark"] .add-book-chapter-content p {
	color: #cccccc;
}

[data-theme="dark"] .add-book-chapter-content h2 {
	border-bottom-color: var(--wp--preset--color--subtle, #333333);
}

[data-theme="dark"] .add-book-chapter-content hr::after {
	color: var(--wp--preset--color--subtle, #333333);
}

/* ── Mobile ───────────────────────────────────────────────── */

@media (max-width: 600px) {
	.add-book-chapter-content p {
		font-size: 1.05rem;
		line-height: 1.75;
	}
}