/* ==========================================================================
   Book Template — book-template.css
   Clone of the live /book/ page: cover photo + intro copy + signature,
   scroll-reveal animated (fade-up / slide-in-right, matching the original
   WPBakery wpb_fadeInUp / wpb_slideInRight scroll animations), followed by
   the Stormpilot book product embed.
   Scoped to body.page-template-book-template so it doesn't leak elsewhere.
   ========================================================================== */

body.page-template-book-template .book-hero * {
	box-sizing: border-box;
}

/* ---------- Hero row: cover image + copy ---------- */

body.page-template-book-template .book-hero__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-image: url('https://rockythemes.com/creativo-life/wp-content/uploads/2017/06/bg-portrai-fin.jpg?id=36');
	background-position: 0 0;
	background-repeat: no-repeat;
}

body.page-template-book-template .book-hero__media,
body.page-template-book-template .book-hero__content {
	flex: 0 0 50%;
	max-width: 50%;
}

body.page-template-book-template .book-hero__media {
	padding: 100px 15px;
	text-align: center;
}

body.page-template-book-template .book-hero__content {
	background-color: #ffffff;
	padding: 60px 5% 60px 15%;
}

/* ---------- Cover image, matte grey frame ---------- */

body.page-template-book-template .book-hero__figure {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	max-width: 100%;
}

body.page-template-book-template .book-hero__frame {
	display: inline-block;
	max-width: 100%;
	padding: 6px;
	background-color: #ebebeb;
}

body.page-template-book-template .book-hero__frame img {
	display: block;
	width: 100%;
	max-width: 843px;
	height: auto;
}

/* ---------- Copy ---------- */

body.page-template-book-template .book-hero__eyebrow {
	margin: 0 0 0.625rem;
}

body.page-template-book-template .book-hero__content p {
	color: #a3a1a8;
}

/* ---------- Reviewer endorsement ---------- */

body.page-template-book-template .book-hero__endorsement {
	margin: 1.75rem 0 2rem;
	padding: 1.25rem 0 1.25rem 1.25rem;
	border-left: 3px solid #f8ac9a;
}

body.page-template-book-template .book-hero__endorsement-quote {
	font-style: italic;
	font-size: 1.15rem;
	line-height: 1.5;
	color: #3f3b51 !important;
	margin: 0 0 0.75rem;
}

body.page-template-book-template .book-hero__endorsement-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.4rem 0.75rem;
}

body.page-template-book-template .book-hero__endorsement-author {
	font-size: 0.8rem;
	letter-spacing: 0.02em;
	color: #a3a1a8;
}

body.page-template-book-template .book-hero__endorsement-link {
	font-size: 0.8rem;
	font-weight: 600;
	color: #f8ac9a;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.25s ease, border-color 0.25s ease;
}

body.page-template-book-template .book-hero__endorsement-link .arrow {
	display: inline-block;
	transition: transform 0.25s ease;
}

body.page-template-book-template .book-hero__endorsement-link:hover {
	color: #3f3b51;
	border-color: currentColor;
}

body.page-template-book-template .book-hero__endorsement-link:hover .arrow {
	transform: translateX(2px);
}

body.page-template-book-template .book-hero__signature {
	font-family: 'Yellowtail', cursive;
	font-size: 54px;
	line-height: 1;
	color: #f8ac9a;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	margin: 0.625rem 0 0;
}

body.page-template-book-template .book-hero__subsignature {
	font-size: 14px;
	color: #3f3b51;
	text-align: left;
	margin: 0;
}

/* ---------- Product embed ---------- */

body.page-template-book-template .book-product {
	margin-top: 32px;
}

/* ---------- Scroll reveal ----------
   Mirrors the original page's WPBakery wpb_fadeInUp (cover image) /
   wpb_slideInRight (copy) scroll animations, minus the WPBakery/Waypoints
   dependency — same pattern as the .reveal / .is-visible convention used
   in homepage-template.css and about-template.css. */

body.page-template-book-template .reveal {
	opacity: 0;
	transition: opacity 0.8s ease, transform 0.8s ease;
}

body.page-template-book-template .reveal--fade-up {
	transform: translateY(40px);
}

body.page-template-book-template .reveal--slide-right {
	transform: translateX(60px);
}

body.page-template-book-template .reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* ---------- Responsive ---------- */

@media (max-width: 768px) {
	body.page-template-book-template .book-hero__media,
	body.page-template-book-template .book-hero__content {
		flex: 0 0 100%;
		max-width: 100%;
	}

	body.page-template-book-template .book-hero__media {
		padding: 50px 20px 30px;
	}

	body.page-template-book-template .book-hero__content {
		padding: 30px 20px 50px;
	}

	body.page-template-book-template .book-hero__signature {
		font-size: 40px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-template-book-template .reveal {
		transition: none;
		opacity: 1;
		transform: none;
	}
}