/* ==========================================================================
   PW Previews - Custom Listings Styles
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Category Intro Header
   -------------------------------------------------------------------------- */
.pwp-listings-intro-section {
	width: 100%;
	background-color: #f8f8f8;
	padding: 45px 20px 40px 20px;
	text-align: center;
}

.pwp-listings-intro-container {
	max-width: 900px;
	margin: 0 auto;
}

/* Hub Title Heading */
.pwp-listings-subhead {
	display: block;
	font-family: "Minion Pro", "MinionPro-BoldCn", Georgia, serif;
	font-size: 36px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 15px;
	letter-spacing: 0.5px;
}

/* Category Heading */
.pwp-listings-title {
	font-family: "Restart Ginger", "RestartGinger-ExtraLight", Arial, sans-serif;
	font-size: 58px;
	font-weight: 200; /* ExtraLight weight */
	color: #e53935;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.1;
	letter-spacing: 1px;
}

/* Introduction Text */
.pwp-listings-description {
	font-size: 20px;
	line-height: 1.45;
	color: #222222;
	margin: 0 auto;
	max-width: 820px;
}

/* Read the Full Issue Link */
/* .pwp-read-issue {
	margin-top: 20px;
}
.pwp-read-issue a {
	font-size: 22px;
	color: #c62828;
	font-weight: 600;
	text-decoration: underline;
}
.pwp-read-issue a:hover {
	color: #000;
} */


/* --------------------------------------------------------------------------
   2. Full-Bleed Black "Jump to Listings" Bar
   -------------------------------------------------------------------------- */
.pwp-jump-bar {
	width: 100% !important;
	background-color: #333333;
	text-align: center;
}

.pwp-jump-link {
	display: block;
	padding: 12px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	text-decoration: underline;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.pwp-jump-link:hover {
	color: #ff9999;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   3. Editors' Picks Section (#fdf0f2 Background)
   -------------------------------------------------------------------------- */
.pwp-editors-picks-section {
	width: 100%;
	background-color: #f8f8f8;
	padding: 60px 20px 80px 20px;
}

.pwp-editors-picks-container {
	max-width: 1200px;
	margin: 0 auto;
}

/* "EDITORS' PICKS" Header */
.pwp-editors-picks-title {
	text-align: center;
	font-family: 'Smoosh 2', 'Smoosh', sans-serif;
	font-size: 250px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #000000;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	line-height: 1;
	transform: none;
}

/* --------------------------------------------------------------------------
   4. Partner Picks Section (#fff Background)
   -------------------------------------------------------------------------- */
.pwp-partner-picks-section {
	width: 100%;
	background-color: #f8f8f8;
	padding: 60px 20px 80px 20px;
}

.pwp-partner-picks-container {
	max-width: 1200px;
	margin: 0 auto;
}

.pwp-partner-picks-header {
	text-align: center;
	margin-bottom: 50px;
}

.pwp-partner-picks-main-title {
	font-family: "Minion Pro", "MinionPro-BoldCn", Georgia, serif;
	font-size: 52px;
	font-weight: 400;
	color: #000;
	margin: 0 0 16px 0;
	line-height: 1;
}

.pwp-partner-picks-subnav {
	font-family: "Neue Haas Grotesk Disp Pro", "NHaasGroteskDSPro-65Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #e53935;
	line-height: 1.6;
	text-transform: uppercase;
}

.pwp-partner-picks-subnav a {
	font-family: inherit;
	color: #e53935;
	text-decoration: none;
	transition: color 0.2s ease;font-family: inherit;
	color: #e53935;
	text-decoration: none;
	transition: color 0.2s ease;
}

.pwp-partner-picks-subnav a:hover {
	color: #000000;
	text-decoration: underline;
}

.pwp-partner-picks-subnav .pwp-sep {
	color: #888888;
	margin: 0 8px;
	font-weight: 400;
}

/* Category Subsection Header */
.pwp-category-block {
	margin-bottom: 60px;
}

.pwp-category-title {
	text-align: center;
	font-family: "Restart Ginger", "RestartGinger-Regular", Arial, sans-serif;
	font-size: 38px;
	font-weight: 400; /* Regular weight */
	color: #000000;
	margin: 0 0 40px 0;
	line-height: 1.2;
}

/* --------------------------------------------------------------------------
   5. Shared Book Cards Grid (CSS Grid Enforces Columns)
   -------------------------------------------------------------------------- */
.pwp-books-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 300px));
	justify-content: center;
	gap: 70px 40px; /* 70px vertical row gap, 40px horizontal column gap */
}

.pwp-book-card {
	width: 100%;
	max-width: 300px;
	display: flex;
	flex-direction: column;
	margin: 0;
}

/* Book Cover Image Container */
.pwp-book-cover-wrap {
	width: 100%;
	margin-bottom: 20px;
}

.pwp-book-cover-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Typography & Content Block */
.pwp-book-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.pwp-top10-title {
	font-family: "Minion Pro", "MinionPro-BoldCn", Georgia, serif;
	font-size: 24px;
	font-weight: 700; /* bold weight */
	color: #000000;
	margin: 0 0 0 0;
	line-height: 1.2;
}

.pwp-book-title {
	font-family: "EB Garamond", Georgia, "Times New Roman", serif;
	font-size: 24px;
	font-weight: 700; /* bold weight */
	color: #000000;
	margin: 0 0 0 0;
	line-height: 1.2;
}

.pwp-top10-meta {
	font-family: "Trade Gothic Next LT Pro", "TradeGothicNextLTPro-Cn", "Trade Gothic", "Arial Narrow", sans-serif;
	font-size: 18px;
	font-weight: 400; /* regular weight */
	color: #111111;
	margin: 0 0 14px 0;
	line-height: 1.35;
	letter-spacing: 0.3px;
}

.pwp-book-meta {
	font-family: "Arial Narrow", sans-serif;
	font-size: 18px;
	font-weight: 400; /* regular weight */
	color: #111111;
	margin: 0 0 14px 0;
	line-height: 1.35;
	letter-spacing: 0.3px;
}

.pwp-top10-excerpt {
	font-family: "Minion Pro Normal", "MinionPro-Regular", Georgia, serif;
	font-size: 18px;
	font-weight: 400; /* regular weight */
	line-height: 1.45;
	color: #222222;
	margin: 0 0 16px 0;
}

.pwp-book-excerpt {
	font-family: "EB Garamond", Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: 400; /* regular weight */
	line-height: 1.45;
	color: #222222;
	margin: 0 0 16px 0;
}

/* .pwp-book-categories {
	font-size: 16px;
	font-weight: 700;
	color: #c62828;
	margin: 0 0 20px 0;
	line-height: 1.3;
	margin-top: auto;
} */

/* Button Call-To-Actions & Buy Popover */
.pwp-book-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pwp-btn {
	display: block;
	width: 100%;
	padding: 12px 16px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	border-radius: 6px;
	transition: background-color 0.2s ease, transform 0.1s ease;
	border: none;
	cursor: pointer;
}

.pwp-btn-primary,
.pwp-btn-secondary {
	background-color: #c62828;
	color: #fff;
}

.pwp-btn-primary:hover,
.pwp-btn-secondary:hover {
	background-color: #000;
	color: #fff;
}

/* Green CTA Buttons for Full Listings */
.pwp-btn-green {
	background-color: #2e6b38;
	color: #fff;
}

.pwp-btn-green:hover {
	background-color: #000;
	color: #fff;
}

.pwp-btn:hover {
	opacity: 0.95;
}

/* Buy Dropdown & Popover Wrapper */
.pwp-buy-dropdown-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.pwp-buy-popover {
	display: none;
	position: absolute;
	bottom: 110%; /* Displays popover card directly above the trigger button */
	left: 0;
	width: 170px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	padding: 6px 0;
	z-index: 100;
}

.pwp-buy-dropdown-wrap.is-open .pwp-buy-popover {
	display: block;
}

.pwp-buy-popover a {
	display: block;
	padding: 10px 16px;
	color: #777777;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.pwp-buy-popover a:hover {
	background-color: #f5f5f5;
	color: #c62828; /* Highlights link in primary red on hover */
}

/* --------------------------------------------------------------------------
   6. Main Content Area Placeholder
   -------------------------------------------------------------------------- */
.pwp-main-content-section {
	width: 100%;
	padding: 50px 20px;
	background-color: #f8f8f8;
}

.pwp-main-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 60px;
	align-items: flex-start;
}

/* --------------------------------------------------------------------------
   7. Responsive Degradation (Tablet & Mobile)
   -------------------------------------------------------------------------- */

/* Tablet State: Enforces Exactly 2 Columns (< 1000px) */
@media screen and (max-width: 1000px) {
	.pwp-books-grid {
		grid-template-columns: repeat(2, minmax(0, 300px));
		gap: 40px 30px;
	}

	.pwp-editors-picks-title {
		font-size: 200px;
		margin-bottom: 40px;
	}

	.pwp-partner-picks-main-title {
		font-size: 42px;
	}
}

/* Intermediate Screen Adjustment (< 768px) */
@media screen and (max-width: 768px) {
	.pwp-listings-intro-section {
		padding: 35px 20px 30px 20px;
	}

	.pwp-listings-subhead {
		font-size: 33px;
		margin-bottom: 10px;
	}

	.pwp-listings-title {
		font-size: 44px;
		margin-bottom: 20px;
	}

	.pwp-listings-description {
		font-size: 18px;
		line-height: 1.4;
	}
}

/* Mobile iPhone State: Enforces 1 Column (< 680px) */
@media screen and (max-width: 680px) {
	.pwp-editors-picks-section,
	.pwp-partner-picks-section {
		padding: 40px 20px 60px 20px;
	}

	.pwp-books-grid {
		grid-template-columns: repeat(1, minmax(0, 300px));
		gap: 60px;
	}

	.pwp-book-card {
		margin: 0 auto;
	}

	.pwp-editors-picks-title {
		font-size: 100px;
		margin-bottom: 30px;
	}

	.pwp-partner-picks-main-title {
		font-size: 36px;
	}

	.pwp-partner-picks-subnav {
		font-size: 14px;
	}

	.pwp-category-title {
		font-size: 30px;
		margin-bottom: 25px;
	}

	.pwp-listings-intro-section {
		padding: 25px 15px 25px 15px;
	}

	.pwp-listings-subhead {
		font-size: 30px;
		margin-bottom: 8px;
	}

	.pwp-listings-title {
		font-size: 34px;
		margin-bottom: 18px;
		letter-spacing: 0.5px;
	}

	.pwp-listings-description {
		font-size: 16px;
		line-height: 1.4;
	}

	.pwp-jump-link {
		font-size: 14px;
		padding: 10px 15px;
	}
}

/* --------------------------------------------------------------------------
   8. Full-Bleed Layout Overrides for Genesis (Listings Template)
   -------------------------------------------------------------------------- */
.page-template-listings .site-inner,
.page-template-listings .content-sidebar-wrap,
.page-template-listings main.content,
.page-template-listings .custom-homepage-wrapper,
.page-template-listings .pwp-listings-wrapper {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.page-template-listings .site-inner,
.page-template-listings .content-sidebar-wrap,
.page-template-listings main.content,
.page-template-archive-books-category .site-inner,
.page-template-archive-books-category .content-sidebar-wrap,
.page-template-archive-books-category main.content,
.pwp-listings-wrapper {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* --------------------------------------------------------------------------
   Children's Subcategory Section Headings
   -------------------------------------------------------------------------- */
.pwp-subcat-section {
	margin-top: 40px;
	margin-bottom: 50px;
}

.pwp-subcat-heading {
	text-align: center;
	font-family: "Neue Haas Grotesk Display Pro", Arial, sans-serif;
	font-size: 32px;
	font-weight: 500;
	color: #111111;
	line-height: 1.2;
	margin: 0 auto 35px auto;
	letter-spacing: -0.2px;
}

@media screen and (max-width: 768px) {
	.pwp-subcat-heading {
		font-size: 26px;
		margin-bottom: 25px;
	}
}

/* --------------------------------------------------------------------------
   Children's Subcategory Nav Row
   -------------------------------------------------------------------------- */
.pwp-subcat-nav-row {
	text-align: center;
	margin: 12px 0 30px 0;
	font-family: "Neue Haas Grotesk Display Pro", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.3px;
}

.pwp-subcat-nav-link {
	color: #c62828;
	text-decoration: underline;
	transition: color 0.2s ease, text-decoration 0.2s ease;
}

.pwp-subcat-nav-link:hover,
.pwp-subcat-nav-link:focus {
	color: #000;
	text-decoration: underline;
}

.pwp-subcat-nav-divider {
	color: #999999;
	margin: 0 10px;
	user-select: none;
}

/* Offset anchor scrolling so sticky nav does not obscure the heading */
.pwp-subcat-section {
	scroll-margin-top: 80px;
}