/*
Theme Name: Luce (hady)
Description: Fork of Luce by Automattic (https://wordpress.com/themes/luce/), a simple resume and blog theme with bright personality. Adds a Writings archive grouped by date.
Version: 1.1.0
Author: Hady, based on Luce by Automattic
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luce
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}
/*
 * Series covers as small books: 2:3, a spine shadow on the left edge and two
 * page edges peeking out behind. Used by the Series Shelf, Series Cover and
 * Series Parts blocks.
 */
.luce-book {
	position: relative;
	display: block;
	aspect-ratio: 2 / 3;
	border-radius: 2px 4px 4px 2px;
	box-shadow:
		3px 3px 0 -1px var(--wp--preset--color--base),
		3px 3px 0 0 var(--wp--preset--color--secondary),
		6px 6px 0 -1px var(--wp--preset--color--base),
		6px 6px 0 0 var(--wp--preset--color--secondary);
}

.luce-book::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.22) 0, rgba(255, 255, 255, 0.18) 3px, rgba(0, 0, 0, 0.06) 7px, transparent 12px);
	pointer-events: none;
}

.luce-book__image,
.luce-book__blank {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.luce-book__image {
	object-fit: cover;
}

.luce-book__blank {
	box-sizing: border-box;
	padding: 18% 14% 14% 18%;
	overflow: hidden;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--piazzolla);
	font-weight: 600;
	font-size: 1.05rem;
	line-height: 1.2;
}

.wp-block-luce-series-parts__cover .luce-book__blank {
	padding: 0;
	font-size: 0;
}

/* Keep the cover book-sized when the series page columns stack on mobile. */
.wp-block-luce-series-cover {
	max-width: 160px;
}