/**
 * Book Landing Page Styles
 *
 * Section layout and typography for the /books/ landing page.
 * Follows the consulting-grade visual bar.
 *
 * @package add
 */

/* ── Hero ─────────────────────────────────────────────────── */

.add-book-hero {
	position: relative;
	overflow: hidden;
}

.add-book-hero-inner {
	position: relative;
	z-index: 1;
}

.add-book-kicker {
	margin-bottom: 1rem;
}

.add-book-hero-title {
	margin-bottom: 1.25rem;
}

.add-book-hero-sub {
	max-width: 44rem;
}

/* ── Content Sections ─────────────────────────────────────── */

.add-book-section .wp-block-columns {
	align-items: flex-start;
}

.add-book-section-heading {
	position: sticky;
	top: 6rem;
}

/* ── CTA Section ──────────────────────────────────────────── */

.add-book-cta-section {
	position: relative;
	text-align: center;
}

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

[data-theme="dark"] .add-book-hero-sub {
	color: #cccccc !important;
}

[data-theme="dark"] .add-book-cta-section p {
	color: #cccccc !important;
}

[data-theme="dark"] .add-book-cta-section .wp-block-button__link {
	background-color: #ffffff !important;
	color: #000000 !important;
}

[data-theme="dark"] .add-book-section-heading {
	color: #ffffff !important;
}

[data-theme="dark"] .add-book-section p {
	color: #cccccc !important;
}

[data-theme="dark"] .add-book-section p em {
	color: #aaaaaa !important;
}

[data-theme="dark"] .add-books-main .wp-block-separator.is-style-wide {
	background-color: var(--wp--preset--color--subtle, #333333) !important;
}

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

@media (max-width: 782px) {
	.add-book-section .wp-block-columns {
		flex-direction: column;
		gap: 0.5rem !important;
	}

	.add-book-section .wp-block-column {
		flex-basis: 100% !important;
	}

	.add-book-section-heading {
		position: static;
	}

	.add-book-hero-inner {
		padding-top: 5rem !important;
		padding-bottom: 3rem !important;
	}
}

/* ── Book read links ── */
.add-book-read-link {
	display: inline-block;
	margin-top: 1.5rem;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #000;
	padding-bottom: 0.15rem;
	transition: color 150ms ease, border-color 150ms ease;
}

.add-book-read-link:hover {
	color: #444;
	border-color: #444;
}

[data-theme="dark"] .add-book-read-link {
	color: #fff;
	border-bottom-color: #fff;
}

[data-theme="dark"] .add-book-read-link:hover {
	color: #ccc;
	border-color: #ccc;
}