/* ==========================================================================
   book-redesign.css — Book-page redesign (Julia + You Are AI's Best Friend)
   Loaded ONLY on redesigned book pages, AFTER main-v3.css, every rule scoped
   under body.book-v2 so no other page is affected. Numbers match Ameba's docs.
   ========================================================================== */

/* --- Fix #1 — Menu: black, coral hover, active "Books" item coral ---------- */
body.book-v2 header nav a {
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 700;
	border-left-color: #1A1A1A;
}
body.book-v2 header nav a:first-child { border-left: none; }
body.book-v2 header nav a:hover,
body.book-v2 header nav a:focus { color: #FC5D59; }
body.book-v2 header nav a[href="/books.html"] { color: #FC5D59; }

/* --- Fix #3 — Book title (H1): near-black, 30px/700, black divider -------- */
body.book-v2 main.mp-content #book-summary-content h1 {
	color: #1A1A1A;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid #1A1A1A;
	padding-bottom: 12px;
	margin-bottom: 16px;
}

/* --- Fix #4 — Author name (top): coral, bold, 18px ------------------------ */
body.book-v2 main.mp-content #book-author,
body.book-v2 main.mp-content #book-author a {
	color: #FC5D59;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.5px;
	text-transform: none;
}

/* --- Fix #5 — Intro paragraph (Big Body): 18px near-black ----------------- */
body.book-v2 #book-info #book-summary-content p {
	color: #1A1A1A;
	font-size: 18px;
	letter-spacing: 0.5px;
}

/* --- Fix #7 — Accordion section headings: strip the teal bar, dark-teal
   text + teal underline, and a ⊕/⊖ icon that reflects open/closed state.
   (The collapse behavior itself is the site's existing accordion JS.) -------- */
body.book-v2 #book-info section h2 {
	background: none;
	border: none;
	border-bottom: 1px solid #076E5A;
}
body.book-v2 #book-info section h2 a {
	color: #076E5A;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 16px 4px;
}
body.book-v2 #book-info section h2 a::before {
	content: "\2295";   /* ⊕ plus = collapsed */
	margin-right: 10px;
	font-weight: 400;
}
body.book-v2 #book-info section.open h2 a::before {
	content: "\2296";   /* ⊖ minus = expanded */
}
@media (max-width: 659px) {
	body.book-v2 #book-info section h2 a { font-size: 22px; }
}

/* --- Fix #8 — Details labels: near-black semibold 14px -------------------- */
body.book-v2 .book-details .label {
	color: #1A1A1A;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* --- Fix #9 — All body paragraphs: 16px, tighter spacing ----------------- */
body.book-v2 #book-info p {
	font-size: 16px;
	letter-spacing: 0.5px;
}

/* --- Fix #10 — All H3 subheadings: 24px/600, no uppercase (keep colors) --- */
body.book-v2 #book-info section article h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: none;
}
/* --- Fix #12 — Video & Audio subheading → near-black -------------------- */
body.book-v2 #book-info #book-video article h3 { color: #1A1A1A; }

/* --- Fix #14 — "The Author" name: dark teal ------------------------------ */
body.book-v2 #book-the-author article > h3:first-of-type { color: #076E5A; }

/* --- Fix #16 — All links coral (but NOT the buttons) --------------------- */
body.book-v2 main.mp-content a:not(.read-more-btn):not(.read-more) { color: #FC5D59; }

/* --- Fix #17 — Author Q&A questions: smaller (H4 style, 20px) ------------- */
body.book-v2 #book-info #book-author-qa article h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1A1A1A;
	text-transform: uppercase;
}

/* --- Fix #2 — Full-width teal-gray band behind the book-summary header ----
   Full-bleed background via ::before so the content stays in its column. */
body.book-v2 #book-info #book-summary {
	position: relative;
	padding: 40px 0 30px;
}
body.book-v2 #book-info #book-summary::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background: #E8EFEE;
	z-index: -1;
}

/* --- Fix #11 — Video & Audio: 2-column grid ------------------------------ */
body.book-v2 #book-info #book-video .video-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 30px;
	margin-top: 15px;
}
body.book-v2 #book-info #book-video .video-grid iframe {
	width: 100%;
	height: 257px;
	margin: 0;
}
@media (max-width: 659px) {
	body.book-v2 #book-info #book-video .video-grid { grid-template-columns: 1fr; }
}

/* --- Fix #13 — Meet the Characters: role line → subtitle ------------------ */
body.book-v2 #book-info #book-characters article h3:has(em) {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-top: 0;
}
body.book-v2 #book-info #book-characters article h3:has(em) em { font-style: normal; }

/* --- Fix #15 — Author photo → wide banner (override base 161px pins) ------ */
body.book-v2 #book-the-author article .caption {
	width: auto;
	max-width: 920px;
	padding: 0;
	margin: 0 0 12px;
}
body.book-v2 #book-the-author article .caption img.author-banner {
	width: 100%;
	max-width: 920px;
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

/* --- Fix #18 — Related Titles: paragraph + book card grid ---------------- */
body.book-v2 #book-info #book-related-titles article { border-bottom: none; }
body.book-v2 #book-info #book-related-titles .related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	list-style: none;
	margin: 25px 0 0;
	padding: 0;
}
body.book-v2 #book-info #book-related-titles .related-grid li { text-align: center; }
body.book-v2 #book-info #book-related-titles .related-grid img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	margin-bottom: 12px;
}
body.book-v2 #book-info #book-related-titles .rt-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #1A1A1A;
	letter-spacing: 0.5px;
	margin-bottom: 8px;
	line-height: 1.3;
}
@media (max-width: 659px) {
	body.book-v2 #book-info #book-related-titles .related-grid { grid-template-columns: repeat(2, 1fr); }
}

/* --- Footer — "Stay Connected" teal band + email form (same as Home) ----- */
body.book-v2 { overflow-x: hidden; }
body.book-v2 #wrapper { padding-bottom: 0; }
body.book-v2 .social {
	background: #E8EFEE;
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	min-height: 292px;
	padding: 40px 20px;
	margin: 0;
	border-top: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 22px;
	text-align: center;
	overflow: hidden;
}
body.book-v2 .social h3 { font-size: 24px; font-weight: 600; color: #1A1A1A; margin: 0; }
body.book-v2 .mailing-list-form { display: flex; width: 100%; max-width: 520px; }
body.book-v2 .mailing-list-form input[type="email"] {
	flex: 1 1 auto; min-width: 0; box-sizing: border-box; height: 48px;
	background: #fff; border: 1px solid #cfd6d5; border-right: none;
	padding: 0 14px; font-size: 16px; color: #1A1A1A; font-family: inherit;
}
body.book-v2 .mailing-list-form input[type="email"]::placeholder { color: #939393; }
body.book-v2 .mailing-list-form button {
	flex: 0 0 auto; box-sizing: border-box; height: 48px;
	display: inline-flex; align-items: center; justify-content: center;
	background: #FC5D59; color: #fff; border: none; padding: 0 22px;
	font-size: 14px; font-weight: 700; line-height: 1; text-transform: uppercase;
	letter-spacing: 1px; cursor: pointer; font-family: inherit;
}
body.book-v2 .mailing-list-form button:hover,
body.book-v2 .mailing-list-form button:focus { background: #EB534F; }
body.book-v2 .social-icons { display: flex; justify-content: center; gap: 16px; }
body.book-v2 .social-icons a img { width: 26px; height: 26px; display: block; }
body.book-v2 .visually-hidden {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}