/*
Theme Name: L'envers de l'histoire
Theme URI: https://lenversdelhistoire.fr
Author: Aurélie
Description: Thème de blocs (FSE) sur mesure pour un blog d'histoire méconnue. Éditorial, sobre, sans dépendance externe (aucune police chargée depuis un serveur tiers).
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lenvers-de-lhistoire
Tags: blog, one-column, editorial, block-patterns, full-site-editing

Ceci est un thème de blocs. Il n'utilise pas ce fichier pour le style :
toute l'apparence est pilotée par theme.json et les gabarits HTML du
dossier /templates. Ce fichier ne sert qu'à déclarer le thème auprès
de WordPress (obligatoire) et à documenter quelques classes utilitaires
générées par les motifs.
*/

/* Marque de fabrique du thème : le "signe renversé" utilisé comme
   puce devant les catégories/citations, un clin d'œil au nom du blog. */
.envers-mark {
	display: inline-block;
	transform: scaleY(-1);
	color: var(--wp--preset--color--lie-de-vin);
	font-weight: 700;
	margin-right: 0.4em;
}

/* Étiquette catégorie/date façon fiche d'archive */
.envers-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.72rem;
	color: var(--wp--preset--color--encre-att);
}

/* Filet fin laiton, utilisé au-dessus/en dessous des eyebrows */
.envers-rule {
	border: none;
	border-top: 1px solid var(--wp--preset--color--laiton);
	opacity: 0.55;
	margin: 0.6em 0;
}

/* Carte article dans les listes (archive, accueil) */
.envers-card {
	border-top: 1px solid rgba(32, 34, 53, 0.15);
	padding-top: 1.75rem;
}

/* État focus clavier visible partout (accessibilité) */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--wp--preset--color--lie-de-vin);
	outline-offset: 3px;
}

/* Variation de style "Encoche" (core/group) — encadré éditorial pour
   les sections "Pourquoi méconnue ?" et les rappels de sources. */
.is-style-encoche {
	background-color: var(--wp--preset--color--papier-fonce);
	border-left: 3px solid var(--wp--preset--color--lie-de-vin);
	padding: var(--wp--preset--spacing--30);
}

.is-style-encoche > :first-child {
	margin-top: 0;
}

.is-style-encoche > :last-child {
	margin-bottom: 0;
}

/* Grille de cartes catégorie (habille le bloc natif "Catégories") */
.envers-categories-grid ul.wp-block-categories-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.envers-categories-grid ul.wp-block-categories-list li {
	margin: 0;
}

.envers-categories-grid ul.wp-block-categories-list a {
	display: block;
	background-color: var(--wp--preset--color--papier-fonce);
	border-left: 3px solid var(--wp--preset--color--laiton);
	padding: 1.25rem 1.5rem;
	font-family: var(--wp--preset--font-family--mono);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.85rem;
	color: var(--wp--preset--color--encre);
	text-decoration: none;
	transition: border-color 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}

.envers-categories-grid ul.wp-block-categories-list a:hover,
.envers-categories-grid ul.wp-block-categories-list a:focus-visible {
	border-left-color: var(--wp--preset--color--lie-de-vin);
	background-color: var(--wp--preset--color--papier);
	transform: translateX(3px);
}

/* Grille d'articles avec image (utilisée pour "Derniers articles") */
.envers-card-visuel {
	border-top: none !important;
	padding-top: 0 !important;
	background-color: var(--wp--preset--color--papier-fonce);
	overflow: hidden;
}

.envers-card-visuel .wp-block-post-featured-image {
	margin: 0 0 1rem 0;
	overflow: hidden;
}

.envers-card-visuel .wp-block-post-featured-image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 0.3s ease;
	display: block;
	width: 100%;
}

.envers-card-visuel:hover .wp-block-post-featured-image img {
	transform: scale(1.04);
}

.envers-card-visuel > * {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.envers-card-visuel > *:last-child {
	padding-bottom: 1.25rem;
}

.envers-card-visuel .wp-block-post-featured-image {
	padding-left: 0;
	padding-right: 0;
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		animation: none !important;
	}
}