/* ==========================================================================
   home.css — Home-page-only redesign (Ameba, 2026)
   Loaded ONLY from index.html, AFTER main-v3.css, and every rule is scoped
   under body.home-v2 so nothing here can affect any other page.
   Fixes are numbered to match Ameba's Home handoff document.
   ========================================================================== */

/* --- Fix #1 — Main menu ---------------------------------------------------
   16px, black #1A1A1A, Bold 700, coral #FC5D59 on hover, black divider lines */
body.home-v2 header nav a {
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 700;
	border-left-color: #1A1A1A;
}
body.home-v2 header nav a:first-child {
	border-left: none;
}
body.home-v2 header nav a:hover,
body.home-v2 header nav a:focus {
	color: #FC5D59;
}

/* --- Fix #6 — Section headings ("OUR BOOKS" / "FEATURED NEWS") -------------
   Remove teal button background, dark-teal text, 26px/700, letter-spacing 2px */
body.home-v2 a.mp-button {
	background-color: transparent;
	color: #076E5A;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 0 0 8px 0;
}
body.home-v2 a.mp-button:hover,
body.home-v2 a.mp-button:focus {
	background-color: transparent;
	color: #054D40;
}
@media (max-width: 659px) {
	body.home-v2 a.mp-button { font-size: 22px; }
}

/* --- Fix #7 — Book cards ---------------------------------------------------
   Add book title (20px/600 uppercase), shrink tagline to 16px, coral Read More */
body.home-v2 #great-reads .bc-title {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #1A1A1A;
	line-height: 1.2;
	margin: 0 0 4px 0;
}
body.home-v2 main#home section#great-reads ul li h3 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: #1A1A1A;
	margin-bottom: 8px;
}
body.home-v2 #great-reads .read-more {
	color: #FC5D59;
}
body.home-v2 #great-reads .read-more:hover,
body.home-v2 #great-reads .read-more:focus {
	color: #EB534F;
}

/* --- Fix #8 — Featured News title -----------------------------------------
   Bigger/stronger, no uppercase: SemiBold 600, 24px, line-height 130% */
body.home-v2 #latestNews article h3.book-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: none;
}

/* --- Fix #9 — Featured News paragraph --------------------------------------
   Reduce to 16px, letter-spacing 0.5px */
body.home-v2 #latestNews .book-desc p {
	font-size: 16px;
	letter-spacing: 0.5px;
}

/* --- Fix #10 — Featured News image: square thumbnail (was circular) -------- */
body.home-v2 #latestNews article.news-detail img.spotlight {
	border-radius: 0 !important;
}

/* --- Fix #2 — Full-width teal-gray band behind the slider (per Ameba) ------ */
body.home-v2 .hero-band {
	background: #E8EFEE;
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 40px 0 25px 0;
	overflow: hidden;
}
/* the slider is hidden below 1020px, so hide the band too (no empty strip) */
@media (max-width: 1019px) {
	body.home-v2 .hero-band { display: none; }
}
/* center the 961px slider within the full-width band (fixes the earlier lopsided look) */
body.home-v2 .hero-band #carousel {
	max-width: 961px;
	margin: 0 auto;
}

/* --- Fix #3 — Slide content box: teal-gray, more padding (per Ameba) ------- */
body.home-v2 #carousel .item .slide-content {
	background-color: #E8EFEE;
	padding: 30px 20px;
}

/* --- Fix #4 — Slide title: dark teal, bolder, no shadow ------------------- */
body.home-v2 #carousel .item .slide-content h2 {
	color: #076E5A;
	font-weight: 700;
	letter-spacing: 1px;
	text-shadow: none;
	border-bottom-color: #076E5A;
}

/* --- Fix #5 — Slide body text: near-black, tighter spacing ---------------- */
body.home-v2 #carousel .item .slide-content p {
	color: #1A1A1A;
	letter-spacing: 0.5px;
	text-shadow: none;
}

/* --- Fix #11 — "Stay Connected" footer: teal band + email form ------------ */
/* guard against the full-width breakout ever causing a horizontal scroll/shift */
body.home-v2 { overflow-x: hidden; }
/* no green divider line at the top of the footer band (per PDF) */
body.home-v2 main#home section#latestNews { border-bottom: none; }
/* teal band sits flush against the dark-green footer (kill wrapper's 30px bottom padding) */
body.home-v2 #wrapper { padding-bottom: 0; }
body.home-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.home-v2 .social h3 {
	font-size: 24px;
	font-weight: 600;
	color: #1A1A1A;
	margin: 0;
}
body.home-v2 .mailing-list-form {
	display: flex;
	width: 100%;
	max-width: 520px;
}
body.home-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.home-v2 .mailing-list-form input[type="email"]::placeholder {
	color: #939393;
}
body.home-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.home-v2 .mailing-list-form button:hover,
body.home-v2 .mailing-list-form button:focus {
	background: #EB534F;
}
body.home-v2 .social-icons {
	display: flex;
	justify-content: center;
	gap: 16px;
}
body.home-v2 .social-icons a img {
	width: 26px;
	height: 26px;
	display: block;
}
body.home-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;
}