/*
Theme Name: J. M. Conran
Description: Author site for J. M. Conran and The Lost Testaments. Wine and gold, after the book covers.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: jmconran
*/

/* ---- Page frame ---- */
.wp-site-blocks > * { margin-block: 0; }
.site-main > * { margin-block-start: 0; }

.band { padding: 96px 24px; }
.band--light {
	background: var(--wp--preset--color--wine-light);
	border-top: 1px solid var(--wp--preset--color--rule);
	border-bottom: 1px solid var(--wp--preset--color--rule);
}

/* ---- Small caps labels ---- */
.eyebrow {
	font-family: var(--wp--preset--font-family--cinzel);
	font-size: 14px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold);
	margin-bottom: 0;
}
.eyebrow + * { margin-top: 10px !important; }

/* ---- Header and footer ---- */
.site-header, .site-footer {
	background: var(--wp--preset--color--wine-deep);
	padding: 22px 24px;
}
.site-header { border-bottom: 1px solid var(--wp--preset--color--rule); }
.site-footer { border-top: 1px solid var(--wp--preset--color--rule); padding-block: 40px; font-size: 15px; color: #c9b69c; }
.site-mark { margin: 0; }
.site-mark a {
	font-family: var(--wp--preset--font-family--cinzel);
	font-size: 22px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-light);
	text-decoration: none;
}
.site-footer .site-mark a { font-size: 16px; }
.site-nav { font-family: var(--wp--preset--font-family--cinzel); font-size: 14px; letter-spacing: 0.16em; text-transform: uppercase; gap: 28px; }
.site-nav a { color: var(--wp--preset--color--cream); text-decoration: none; }
.site-nav a:hover { color: var(--wp--preset--color--gold-light); }
.site-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--wine-deep); }

/* ---- Hero ---- */
.hero { padding-top: 96px; padding-bottom: 104px; }
.hero__cols { gap: 64px; }
.hero__title { font-style: italic; font-size: clamp(60px, 7.5vw, 100px) !important; line-height: 0.95; }
.gold-rule {
	width: 220px !important;
	max-width: 220px !important;
	margin-left: 0 !important;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--gold) !important;
	opacity: 1;
}
.lead {
	font-family: var(--wp--preset--font-family--cormorant);
	font-style: italic;
	font-size: 32px;
	line-height: 1.3;
}
.muted { color: var(--wp--preset--color--muted); }
.hero__covers { gap: 24px; }
.hero__covers .wp-block-image { margin: 0; flex: 0 1 250px; }
.hero__covers .wp-block-image:first-child { transform: translateY(-24px); }
.book-cover img, .hero__covers img {
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.55);
}

/* ---- Books ---- */
.books-intro { margin-bottom: 64px !important; }
.book { padding-block: 72px; border-bottom: 1px solid var(--wp--preset--color--rule); }
.book:last-child { border-bottom: 0; padding-bottom: 0; }
.book__cols { gap: 56px; }
.book__cols > .book__cover { flex: 0 0 280px !important; }
.book__cover .wp-block-image { margin: 0; max-width: 280px; }
.book__title { font-style: italic; margin-top: 6px !important; }
.book__note { font-size: 16px; color: var(--wp--preset--color--muted); }

/* Outline buttons */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--wp--preset--color--gold);
	color: var(--wp--preset--color--gold-light);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--wine);
}

/* ---- Audio ---- */
.audio__icon { flex: 0 0 72px; line-height: 0; }
.audio__text { flex: 999 1 420px; min-width: 0; }
.audio__text h2 { font-size: 44px; }

/* ---- About ---- */
.about__cols { gap: 64px; }
.about__cols > .about__photo { flex: 0 1 380px !important; }
.about__photo .wp-block-image { margin: 0; }
.about__photo img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center 30%;
	border: 1px solid var(--wp--preset--color--gold);
	padding: 6px;
	background: var(--wp--preset--color--wine-deep);
}

/* ---- Ordinary pages (Contact, Notify, Privacy) ---- */
.page-body { padding: 80px 24px 96px; }
.page-body .wp-block-post-title { margin-bottom: 32px; }
.page-body input[type="text"], .page-body input[type="email"], .page-body textarea {
	width: 100%;
	max-width: 520px;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid var(--wp--preset--color--gold);
	background: var(--wp--preset--color--wine-deep);
	color: var(--wp--preset--color--cream);
	font: inherit;
	box-sizing: border-box;
}
.page-body input[type="submit"] {
	min-height: 48px;
	padding: 0 28px;
	border: 0;
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--wine);
	font-family: var(--wp--preset--font-family--cinzel);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
}

/* ---- Phones ---- */
@media (max-width: 781px) {
	.band { padding-block: 64px; }
	.hero__covers .wp-block-image:first-child { transform: none; }
	.book__cols > .book__cover, .about__cols > .about__photo { flex-basis: 100% !important; }
	.lead { font-size: 26px; }
}