/* ==========================================================================
   La Parenthèse — compléments au theme.json
   Les couleurs, polices et réglages vivent dans theme.json ; ici, seulement
   ce que theme.json ne sait pas exprimer.
   ========================================================================== */

/* --- Liens : soulignement corail, signature des parenthèses du logo ------ */
:where(.wp-site-blocks) a:where(:not(.wp-element-button)) {
	text-decoration-color: var(--wp--preset--color--accent);
	text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
	transition: color var(--wp--custom--transition--slow),
		text-decoration-color var(--wp--custom--transition--slow);
}

:where(.wp-site-blocks) a:where(:not(.wp-element-button)):hover {
	text-decoration-color: transparent;
}

/* --- Focus clavier bien visible (accessibilité) -------------------------- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--danger);
	outline-offset: 2px;
}

::selection {
	background: var(--wp--preset--color--alt-line);
	color: var(--wp--preset--color--ink);
}

/* --- Style de bloc « Manuscrit » (Playwrite FR Trad) --------------------- */
.is-style-manuscrit {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.6; /* police cursive : hampes hautes, il faut de l'air */
}

/* ==========================================================================
   Bloc Book'n Roll « Coups de cœur » (bnr/coups-de-coeur)
   Seul bloc livré SANS CSS par l'extension (doc §9.3) : classes bnr-books,
   bnr-book, bnr-book__cover + classes WooCommerce standard.
   Base de départ — à affiner une fois le bloc posé avec de vraies données.
   ========================================================================== */
.bnr-books {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
	gap: var(--wp--custom--gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bnr-book {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1rem;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line-soft);
	border-radius: var(--wp--custom--radius--md);
	box-shadow: var(--wp--custom--shadow--card);
	transition: box-shadow var(--wp--custom--transition--slow),
		transform var(--wp--custom--transition--slow);
}

.bnr-book:hover {
	box-shadow: var(--wp--custom--shadow--hover);
	transform: translateY(-2px);
}

.bnr-book__cover img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--sm);
	box-shadow: var(--wp--custom--shadow--cover);
}

@media (prefers-reduced-motion: reduce) {
	.bnr-book,
	.bnr-book:hover {
		transition: none;
		transform: none;
	}
}

/* --- Blocs « pleine largeur » dans le contenu de page -------------------
   Repris du CSS personnalisé de Styles (Twenty Twenty-Five).               */
.wp-block-post-content .alignfull {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}