/* [tlig_book_cards] — book cover, title and download button, side by side.
   Enqueued by mu-plugins/tlig-book-cards.php. Left-aligned on the page
   background like the podcast page's other sections; headings keep the page's
   own font and colour. */

.tlig-book-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 2rem 2.5rem;
	text-align: left;
}

.tlig-book-card {
	display: flex;
	flex: 1 1 18rem;
	max-width: 26rem;
	gap: 1.25rem;
	align-items: center;
}

.tlig-book-cover {
	flex: 0 0 8.5rem;
	line-height: 0;
}

.tlig-book-cover img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 2px 8px rgba(45, 14, 15, 0.35);
}

.tlig-book-body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	min-width: 0;
}

.tlig-book-cards h3.tlig-book-title {
	margin: 0;
	/* The section heading's face and colour; balance keeps "(1986-2003)" whole. */
	color: #8b3801;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: left;
	text-wrap: balance;
}

/* a.class beats Avada's link colours, which also apply on hover. */
.tlig-book-cards a.tlig-book-button,
.tlig-book-cards a.tlig-book-button:hover {
	display: inline-block;
	padding: 0.6rem 1.5rem;
	background: #e30b0b;
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.3;
	text-decoration: none;
}

.tlig-book-cards a.tlig-book-button:hover {
	background: #b70808;
}

@media (max-width: 480px) {
	.tlig-book-cover {
		flex-basis: 6.5rem;
	}
	.tlig-book-cards h3.tlig-book-title {
		font-size: 1.15rem;
	}
}