/*
Theme Name: Au monde du bonsaï
Description: Thème enfant GeneratePress de aumondedubonsai.fr. Maquette 1b « Les saisons, vert doux et terre » : le site suit le mois en cours (heure de Paris) et le visiteur peut en choisir un autre. Mode sombre qui suit le système, logo de nuit. Motifs en blocs natifs (accueil des saisons, fiche espèce avec jauges et rempotage, mois par mois), Bricolage Grotesque et Instrument Sans hébergées. Socle Fox embarqué (fox-socle/). Présentation seulement.
Author: Fox
Template: generatepress
Version: 1.2.0
Fox Socle: 1.3.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aumondedubonsai-theme
*/

/*
 * Colours: the GeneratePress palette of inc/site.php, through its variables
 * (--contrast ink, --contrast-2 moss grey, --contrast-3 sage line, --base
 * sunken, --base-2 page, --base-3 white, --accent earth, --accent-text earth
 * as text, --foret, --mousse, --sauge, --feuille, --argile, --ocre).
 * Fonts: Instrument Sans (text), Bricolage Grotesque (titles), hosted.
 *
 * The month: body.aumb-mois-N (PHP, Paris time; the month script keeps it in
 * step with data-mois on <html> and with the visitor's choice). A block with
 * .aumb-mensuel shows in its own month only (.aumb-m1 to .aumb-m12).
 * Gauges: .aumb-jauge-1 to -5. Repotting: .aumb-r1 to .aumb-r12 light the
 * cells, the month shown is earth. No text is ever written by this file.
 */

:root {
	--aumb-title: "Bricolage Grotesque", system-ui, sans-serif;
	--aumb-text: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--aumb-line: #dce3d5;
	--aumb-line-2: #e3e8de;
	--aumb-humeur: #c8d4c2;
	--aumb-geste-texte: #d6dfd1;
	--aumb-cadre-2: #f1e3d6;
	--aumb-rail-ocre: #f1e6dc;
	--aumb-hiver: #d3dccd;
	--aumb-printemps: #b9d0a8;
	--aumb-ete: #94b486;
	--aumb-automne: #e2c3a6;
	--aumb-btn: var(--foret);
	--aumb-btn-ink: var(--sur-foret);
	--aumb-btn-hover: var(--mousse);
	--aumb-r: 28px;
}

body {
	--fxb-radius: 18px;
	--fxb-radius-lg: 24px;
	background: var(--base-2);
	color: var(--contrast);
	font-family: var(--aumb-text);
	font-size: 17px;
	line-height: 1.6;
}

h1, h2, h3, h4, .main-title {
	font-family: var(--aumb-title);
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.12;
}

h1 { font-size: clamp(2.1rem, 5vw, 3.3rem); }
h2 { font-size: clamp(1.6rem, 3.4vw, 2.2rem); }
h3 { font-size: 1.35rem; }

a { text-underline-offset: 3px; }

:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

/* Night: the system's dark mode (prefers-color-scheme), no switch. Same
   slugs, night values; the earth is lighter so that it reads as text and
   under dark text. Contrasts AA: see .foxrepo-tests/test-palette-fonts.php. */
@media (prefers-color-scheme: dark) {
	html:root {
		--contrast: #e6ece2;
		--contrast-2: #b3bfaf;
		--contrast-3: #4d5e4e;
		--base: #2b362c;
		--base-2: #121813;
		--base-3: #1c241d;
		--accent: #d98a5f;
		--on-accent: #121813;
		--accent-text: #eba27c;
		--foret: #22352a;
		--mousse: #2e4636;
		--sauge: #7fa07a;
		--feuille: #24372a;
		--argile: #3b2b21;
		--ocre: #d08a5e;
		--lien: #a8cb9e;
		--sur-foret: #eef2ea;
		--aumb-line: #2e3a2f;
		--aumb-line-2: #2e3a2f;
		--aumb-humeur: #b9c8b3;
		--aumb-geste-texte: #cdd8c8;
		--aumb-cadre-2: #2e2a22;
		--aumb-rail-ocre: #3a3029;
		--aumb-hiver: #3b463c;
		--aumb-printemps: #3f5a3a;
		--aumb-ete: #4f7048;
		--aumb-automne: #6a4c38;
		--aumb-btn: #a8cb9e;
		--aumb-btn-ink: #121813;
		--aumb-btn-hover: #bfd9b6;
		color-scheme: dark;
	}
	html .aumb-day { display: none; }
	html .aumb-night { display: block; }
	.wp-block-image img, .featured-image img { filter: brightness(0.92); }
}

/* Classic themes (GeneratePress) get an inner container in every group:
   it steps aside, so the theme's grids and flex boxes see the blocks. */
.wp-block-group[class*="aumb-"] > .wp-block-group__inner-container { display: contents; }

/* Header ------------------------------------------------------------------ */

.site-header { border-bottom: 1px solid var(--aumb-line); }
.inside-header { padding-top: 22px; padding-bottom: 22px; }
.main-title { font-size: 20px; font-weight: 700; }
.main-title a { display: inline-flex; align-items: center; text-decoration: none; }
.aumb-logo { display: block; width: auto; height: 44px; }
.aumb-night { display: none; }
.main-navigation .main-nav ul li a { font-size: 15px; font-weight: 500; }
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: var(--accent-text); }

/* Shared pieces ------------------------------------------------------------- */

.aumb-kicker {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.aumb-tag {
	display: inline-block;
	margin: 0;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--feuille);
	color: var(--lien);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}
.aumb-tag--interieur { background: var(--argile); color: var(--accent-text); }

.aumb-cadre {
	position: relative;
	overflow: hidden;
	margin: 0;
	border-radius: 16px;
	background: var(--feuille);
}
.aumb-cadre figure { height: 100%; margin: 0; }
.aumb-cadre img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Hero ---------------------------------------------------------------------- */

.aumb-home .entry-content > * { margin-top: 0; margin-bottom: 0; }
.aumb-home .inside-article { padding-top: 0; }

.aumb-hero {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	gap: 56px;
	align-items: center;
	padding: 64px 0 48px;
}
.aumb-hero__texte { display: flex; flex-direction: column; gap: 24px; }
.aumb-hero__texte > *, .aumb-hero__texte > .wp-block-group__inner-container > * { margin: 0; }
.aumb-saison {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--argile);
	color: var(--accent-text);
}
.aumb-saison::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--accent);
}
.aumb-hero__titre {
	font-size: clamp(2.4rem, 6vw, 4rem);
	line-height: 1.02;
	letter-spacing: -0.035em;
}
.aumb-hero__accroche { max-width: 480px; color: var(--contrast-2); font-size: 18px; }

.wp-block-buttons { gap: 12px; }
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 24px;
	border-radius: 999px;
	background: var(--aumb-btn);
	color: var(--aumb-btn-ink);
	font-weight: 600;
	text-decoration: none;
}
.wp-block-button__link:hover, .wp-block-button__link:focus { background: var(--aumb-btn-hover); color: var(--aumb-btn-ink); }
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid var(--contrast-3);
	background: transparent;
	color: var(--contrast);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--lien); background: var(--base-3); }

.aumb-hero__photo { height: 440px; border-radius: var(--aumb-r); }
.aumb-cadre__legende {
	position: absolute;
	left: 20px;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-width: 260px;
	margin: 0;
	padding: 14px 18px;
	border-radius: 16px;
	background: var(--base-3);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}
.aumb-cadre__legende strong {
	color: var(--accent-text);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* The year: twelve months, the one shown in earth ------------------------- */

.aumb-annee { padding-top: 8px; scroll-margin-top: 24px; }
.aumb-frise {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 4px;
	align-items: end;
	margin: 0;
	padding: 0;
}
.aumb-frise p {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--contrast-2);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
}
.aumb-frise p::before {
	content: "";
	width: 100%;
	height: var(--h, 44px);
	border-radius: 6px;
	background: var(--t, var(--aumb-automne));
}
.aumb-frise p:nth-child(-n+2), .aumb-frise p:nth-child(12) { --t: var(--aumb-hiver); }
.aumb-frise p:nth-child(n+3):nth-child(-n+5) { --t: var(--aumb-printemps); }
.aumb-frise p:nth-child(n+6):nth-child(-n+8) { --t: var(--aumb-ete); }
.aumb-frise button {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	cursor: pointer;
}
.aumb-frise button::after { content: ""; position: absolute; inset: 0; border-radius: 6px; }
.aumb-frise button:focus-visible { outline: 0; }
.aumb-frise button:focus-visible::after { outline: 3px solid var(--accent); outline-offset: 2px; }
.aumb-frise p:hover::before { filter: brightness(0.94); }
.aumb-mois-1 .aumb-frise p:nth-child(1),
.aumb-mois-2 .aumb-frise p:nth-child(2),
.aumb-mois-3 .aumb-frise p:nth-child(3),
.aumb-mois-4 .aumb-frise p:nth-child(4),
.aumb-mois-5 .aumb-frise p:nth-child(5),
.aumb-mois-6 .aumb-frise p:nth-child(6),
.aumb-mois-7 .aumb-frise p:nth-child(7),
.aumb-mois-8 .aumb-frise p:nth-child(8),
.aumb-mois-9 .aumb-frise p:nth-child(9),
.aumb-mois-10 .aumb-frise p:nth-child(10),
.aumb-mois-11 .aumb-frise p:nth-child(11),
.aumb-mois-12 .aumb-frise p:nth-child(12) {
	--t: var(--accent);
	color: var(--contrast);
	font-weight: 700;
}
/* Height = workload of the month, set in the content (aumb-charge-1 to -5). */
.aumb-charge-1 { --h: 20px; }
.aumb-charge-2 { --h: 31px; }
.aumb-charge-3 { --h: 42px; }
.aumb-charge-4 { --h: 53px; }
.aumb-charge-5 { --h: 64px; }
.aumb-frise__legende { margin: 6px 0 0; color: var(--contrast-2); font-size: 13px; }

/* Month shown, the other eleven hidden ------------------------------------ */

.aumb-mois-1 .aumb-mensuel:not(.aumb-m1),
.aumb-mois-2 .aumb-mensuel:not(.aumb-m2),
.aumb-mois-3 .aumb-mensuel:not(.aumb-m3),
.aumb-mois-4 .aumb-mensuel:not(.aumb-m4),
.aumb-mois-5 .aumb-mensuel:not(.aumb-m5),
.aumb-mois-6 .aumb-mensuel:not(.aumb-m6),
.aumb-mois-7 .aumb-mensuel:not(.aumb-m7),
.aumb-mois-8 .aumb-mensuel:not(.aumb-m8),
.aumb-mois-9 .aumb-mensuel:not(.aumb-m9),
.aumb-mois-10 .aumb-mensuel:not(.aumb-m10),
.aumb-mois-11 .aumb-mensuel:not(.aumb-m11),
.aumb-mois-12 .aumb-mensuel:not(.aumb-m12) {
	display: none;
}

/* The month panel ------------------------------------------------------------ */

.aumb-panneau {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin-top: 40px;
	padding: clamp(22px, 4vw, 44px);
	border-radius: var(--aumb-r);
	background: var(--foret);
	color: var(--sur-foret);
}
.aumb-panneau p { margin: 0; }
.aumb-panneau__tete {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 16px;
}
.aumb-panneau__mois { margin: 0; color: inherit; font-size: clamp(2.2rem, 5vw, 2.9rem); font-weight: 700; }
.aumb-panneau__humeur { color: var(--aumb-humeur); font-size: 15px; }
.aumb-panneau__lire { flex-basis: 100%; font-size: 15px; }
.entry-content .aumb-panneau .aumb-panneau__lire a { color: var(--sur-foret); font-weight: 600; text-decoration-thickness: 1px; }
.aumb-panneau__lire a::after { content: " →"; }

.aumb-gestes, .aumb-liens, .aumb-cartes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
	gap: 16px;
}
.aumb-liens { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.aumb-geste {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	border-radius: 18px;
	background: var(--mousse);
	color: var(--aumb-geste-texte);
	font-size: 15px;
	line-height: 1.5;
}
.aumb-geste .aumb-kicker { color: var(--aumb-humeur); }
.aumb-geste__titre { color: var(--sur-foret); font-size: 20px; font-weight: 600; line-height: 1.25; }
.aumb-geste--eviter { background: var(--accent); }
.aumb-geste--eviter, .aumb-geste--eviter .aumb-kicker, .aumb-geste--eviter .aumb-geste__titre { color: var(--on-accent); }
.aumb-geste__liste { margin: 0; padding: 0; list-style: none; }
.aumb-geste__liste li + li { margin-top: 6px; }
.aumb-geste strong { color: var(--sur-foret); }
.aumb-geste--eviter strong { color: inherit; }

.aumb-lien {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 20px 56px 20px 24px;
	border-radius: 18px;
	background: var(--feuille);
	color: var(--contrast);
}
.aumb-lien .aumb-kicker { color: var(--lien); font-size: 12px; }
.aumb-lien--materiel { background: var(--argile); }
.aumb-lien--materiel .aumb-kicker { color: var(--accent-text); }
.aumb-lien__titre { font-family: var(--aumb-title); font-size: 20px; font-weight: 600; line-height: 1.25; }
.entry-content .aumb-lien .aumb-lien__titre a { color: inherit; text-decoration: none; }
.aumb-lien__titre a::after {
	content: "→";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 24px;
	border-radius: 18px;
	font-size: 22px;
}
.aumb-lien:hover { box-shadow: inset 0 0 0 2px var(--lien); }

/* Your trees ----------------------------------------------------------------- */

.entry-content .aumb-arbres { display: flex; flex-direction: column; gap: 24px; margin-top: 88px; scroll-margin-top: 24px; }
.aumb-arbres h2, .aumb-arbres p { margin: 0; }
.aumb-arbres__tete { display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.aumb-arbres__tete p { color: var(--contrast-2); font-size: 16px; line-height: 1.5; }
.aumb-cartes { grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 20px; }

.aumb-carte {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px 12px 18px;
	border-radius: 24px;
	background: var(--base-3);
	color: var(--contrast-2);
	font-size: 15px;
	line-height: 1.45;
}
.aumb-carte p, .aumb-carte h3 { margin: 0; }
.aumb-carte__tete, .aumb-carte .aumb-ce-mois, .aumb-carte .aumb-jauges { margin-inline: 6px; }
.aumb-carte .aumb-cadre { height: 190px; margin-bottom: 4px; }
.aumb-carte:nth-child(even) .aumb-cadre { background: var(--aumb-cadre-2); }
.aumb-carte__tete { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.aumb-carte__nom { margin: 0; font-size: 22px; }
.entry-content .aumb-carte .aumb-carte__nom a { color: var(--contrast); text-decoration: none; }
.aumb-carte__nom a::after { content: ""; position: absolute; inset: 0; border-radius: 24px; }
.aumb-carte:hover { box-shadow: 0 0 0 2px var(--contrast-3); }
.aumb-carte:focus-within { box-shadow: 0 0 0 3px var(--accent); }
.aumb-carte__nom a:focus-visible { outline: 0; }

.aumb-ce-mois strong { color: var(--accent-text); font-weight: 600; }

/* Gauges and repotting cells ----------------------------------------------- */

.aumb-jauges {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-top: 12px;
	border-top: 1px solid var(--aumb-line-2);
}
.aumb-jauges p { margin: 0; }
.aumb-jauge {
	--g: var(--lien);
	--w: 0%;
	display: grid;
	grid-template-columns: 5.6em minmax(0, 1fr) 2.2em;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--contrast-2);
	font-size: 12px;
	line-height: 1.3;
}
.aumb-jauge::after {
	content: "";
	grid-row: 1;
	grid-column: 2;
	height: 6px;
	border-radius: 3px;
	background: linear-gradient(var(--g), var(--g)) 0 0 / var(--w) 100% no-repeat, var(--base);
}
.aumb-jauge strong { grid-column: 3; color: var(--contrast); font-weight: 600; text-align: right; }
.aumb-jauge--arrosage { --g: var(--sauge); }
.aumb-jauge--exigence { --g: var(--ocre); }
.aumb-jauge--exigence::after { background-color: var(--aumb-rail-ocre); }
.aumb-jauge-1 { --w: 20%; }
.aumb-jauge-2 { --w: 40%; }
.aumb-jauge-3 { --w: 60%; }
.aumb-jauge-4 { --w: 80%; }
.aumb-jauge-5 { --w: 100%; }

.aumb-rempot {
	--c1: var(--base); --c2: var(--base); --c3: var(--base); --c4: var(--base);
	--c5: var(--base); --c6: var(--base); --c7: var(--base); --c8: var(--base);
	--c9: var(--base); --c10: var(--base); --c11: var(--base); --c12: var(--base);
	color: var(--contrast-2);
	font-size: 12px;
	line-height: 1.3;
}
.aumb-rempot p { margin: 0 0 6px; }
.aumb-rempot::after {
	content: "";
	display: block;
	height: 8px;
	background-image:
		linear-gradient(var(--c1), var(--c1)), linear-gradient(var(--c2), var(--c2)),
		linear-gradient(var(--c3), var(--c3)), linear-gradient(var(--c4), var(--c4)),
		linear-gradient(var(--c5), var(--c5)), linear-gradient(var(--c6), var(--c6)),
		linear-gradient(var(--c7), var(--c7)), linear-gradient(var(--c8), var(--c8)),
		linear-gradient(var(--c9), var(--c9)), linear-gradient(var(--c10), var(--c10)),
		linear-gradient(var(--c11), var(--c11)), linear-gradient(var(--c12), var(--c12));
	background-position: 0 0, 9.0909% 0, 18.1818% 0, 27.2727% 0, 36.3636% 0, 45.4545% 0,
		54.5454% 0, 63.6363% 0, 72.7272% 0, 81.8181% 0, 90.909% 0, 100% 0;
	background-repeat: no-repeat;
	background-size: calc(100% / 12 - 2px) 100%;
}
.aumb-r1 { --c1: var(--sauge); }
.aumb-r2 { --c2: var(--sauge); }
.aumb-r3 { --c3: var(--sauge); }
.aumb-r4 { --c4: var(--sauge); }
.aumb-r5 { --c5: var(--sauge); }
.aumb-r6 { --c6: var(--sauge); }
.aumb-r7 { --c7: var(--sauge); }
.aumb-r8 { --c8: var(--sauge); }
.aumb-r9 { --c9: var(--sauge); }
.aumb-r10 { --c10: var(--sauge); }
.aumb-r11 { --c11: var(--sauge); }
.aumb-r12 { --c12: var(--sauge); }
.aumb-mois-1 .aumb-rempot { --c1: var(--accent); }
.aumb-mois-2 .aumb-rempot { --c2: var(--accent); }
.aumb-mois-3 .aumb-rempot { --c3: var(--accent); }
.aumb-mois-4 .aumb-rempot { --c4: var(--accent); }
.aumb-mois-5 .aumb-rempot { --c5: var(--accent); }
.aumb-mois-6 .aumb-rempot { --c6: var(--accent); }
.aumb-mois-7 .aumb-rempot { --c7: var(--accent); }
.aumb-mois-8 .aumb-rempot { --c8: var(--accent); }
.aumb-mois-9 .aumb-rempot { --c9: var(--accent); }
.aumb-mois-10 .aumb-rempot { --c10: var(--accent); }
.aumb-mois-11 .aumb-rempot { --c11: var(--accent); }
.aumb-mois-12 .aumb-rempot { --c12: var(--accent); }

/* Species sheet: « jauges et année » at the top of a sheet ------------------- */

.aumb-fiche {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 20px 32px;
	margin: 0 0 2em;
	padding: 24px;
	border-radius: 24px;
	background: var(--base-3);
}
.aumb-fiche p { margin: 0; }
.aumb-fiche__mois { display: flex; flex-direction: column; gap: 10px; }
.aumb-fiche__mois .aumb-kicker { color: var(--accent-text); }
.aumb-fiche__mois .aumb-ce-mois { font-family: var(--aumb-title); font-size: 21px; font-weight: 500; line-height: 1.35; }
.aumb-fiche__mois .aumb-ce-mois strong { display: block; margin-bottom: 2px; font-family: var(--aumb-text); font-size: 15px; }
.aumb-fiche__jauges { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.aumb-fiche__jauges .aumb-jauges { align-self: stretch; }
.aumb-fiche .aumb-jauge { font-size: 13px; }

/* Month by month table ------------------------------------------------------- */

.aumb-annee-table table { border: 0; border-collapse: collapse; font-size: 16px; }
.aumb-annee-table th, .aumb-annee-table td { padding: 10px 14px; border: 0; border-bottom: 1px solid var(--aumb-line); text-align: left; }
.aumb-annee-table th { color: var(--contrast-2); font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; }
.aumb-annee-table td:first-child { width: 8.5em; font-weight: 600; }
.aumb-mois-1 .aumb-annee-table tbody tr:nth-child(1),
.aumb-mois-2 .aumb-annee-table tbody tr:nth-child(2),
.aumb-mois-3 .aumb-annee-table tbody tr:nth-child(3),
.aumb-mois-4 .aumb-annee-table tbody tr:nth-child(4),
.aumb-mois-5 .aumb-annee-table tbody tr:nth-child(5),
.aumb-mois-6 .aumb-annee-table tbody tr:nth-child(6),
.aumb-mois-7 .aumb-annee-table tbody tr:nth-child(7),
.aumb-mois-8 .aumb-annee-table tbody tr:nth-child(8),
.aumb-mois-9 .aumb-annee-table tbody tr:nth-child(9),
.aumb-mois-10 .aumb-annee-table tbody tr:nth-child(10),
.aumb-mois-11 .aumb-annee-table tbody tr:nth-child(11),
.aumb-mois-12 .aumb-annee-table tbody tr:nth-child(12) {
	background: var(--argile);
	box-shadow: inset 4px 0 var(--accent);
}

/* Articles ------------------------------------------------------------------- */

.entry-content > h2 { margin-top: 1.8em; }
.entry-content > h3 { margin-top: 1.4em; }
.entry-content a:not(.wp-block-button__link) { color: var(--lien); text-decoration-thickness: 1px; }
.entry-content a:not(.wp-block-button__link):hover { color: var(--accent-text); }
.wp-block-table table { border-collapse: collapse; font-size: 16px; }
.wp-block-table th, .wp-block-table td { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--aumb-line); text-align: left; vertical-align: top; }
.wp-block-table thead { border: 0; }
.wp-block-table th { background: var(--feuille); }
.wp-block-quote.aumb-conseil {
	margin: 1.6em 0;
	padding: 20px 24px;
	border: 0;
	border-radius: 18px;
	background: var(--feuille);
}
.wp-block-quote.aumb-conseil p { margin: 0; font-style: normal; }
.entry-content > .wp-block-image { margin: 1.4em 0 1.8em; }
.entry-content > .wp-block-image img { width: auto; max-height: 480px; }
.wp-block-image figcaption { color: var(--contrast-2); font-size: 14px; text-align: left; }
.featured-image img, .wp-block-image img { border-radius: 18px; }
.aumb-sources { margin-top: 3em; padding-top: 1.2em; border-top: 1px solid var(--aumb-line); color: var(--contrast-2); font-size: 14px; }
.aumb-sources h2 { font-size: 1.2rem; }
.aumb-sources ul { margin-left: 1.2em; }
.aumb-sources li { padding: 4px 0; line-height: 1.4; }

/* Archives: a short image, so that two posts show on one screen. */
.archive .post-image, .blog .post-image, .search .post-image { margin-top: 0.8em; margin-bottom: 1em; }
.archive .post-image img, .blog .post-image img, .search .post-image img {
	width: 100%;
	height: 200px;
	border-radius: 18px;
	object-fit: cover;
}
.archive .entry-summary p, .blog .entry-summary p { margin-bottom: 0.6em; }

/* Footer --------------------------------------------------------------------- */

.site-info { border-top: 1px solid var(--aumb-line); font-size: 14px; }
.inside-site-info { padding-top: 32px; padding-bottom: 40px; }
.site-info .copyright-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 24px;
	width: 100%;
	text-align: left;
}
.aumb-foot-name { color: var(--contrast); font-family: var(--aumb-title); font-weight: 700; }
.aumb-foot-end { flex-basis: 100%; }

/* Narrow screens -------------------------------------------------------------- */

@media (max-width: 768px) {
	.aumb-hero { gap: 32px; padding: 32px 0 32px; }
	.aumb-hero__photo { height: 300px; }
	.aumb-frise p { font-size: 11px; gap: 6px; }
	.aumb-frise p::before { height: calc(var(--h, 44px) * 0.72); }
	.entry-content .aumb-arbres { margin-top: 64px; }
	.aumb-lien { padding-right: 48px; }
	.aumb-annee-table th, .aumb-annee-table td { padding: 8px 10px; }
	.archive .post-image img, .blog .post-image img, .search .post-image img { height: 140px; }
}