/* ==================================================================
   Blog : accueil du blog (home.html), catégories et mots-clés (archive.html),
   recherche (search.html), articles (single.html).
   Chargée après site.css sur les pages publiques (voir CHANGES-WORDPRESS.md).
   Composants : en-tête (titre, recherche, pastilles des thèmes), carte
   « À la une », grille de cartes, invitation au cours offert, article
   (sommaire à côté du texte sur grand écran, fin, commentaires repliés).
   ================================================================== */

/* ---------- Pages de liste ---------- */
.wk-blog { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--80); }
.wk-blog > * { margin-block: 0; }
.wk-blog > * + * { margin-block-start: var(--wp--preset--spacing--70); }
.wk-blog > .wk-blog-titre + * { margin-block-start: var(--wp--preset--spacing--50); }
/* Encadrés seuls (« À la une », invitation au cours offert) : resserrés et centrés ; les grilles gardent la largeur du menu (16/09/2026). */
.wk-blog > :is(.wk-blog-une, .wk-blog-appel) { width: 100%; max-width: var(--wk-largeur-encadre, 56rem); margin-inline: auto; }

/* Dossiers ([wakademy_dossiers], avec son propre titre ; bloc HTML brut dans home.html pour que WordPress
   n'ajoute pas de <p>/<br> dans ses cartes) : rien tant que le raccourci ne rend rien, ni après la page 1. */
.wk-blog-dossiers:not(:has(*)), body.paged .wk-blog-dossiers { display: none; }

/* Titre de section : un trait fin prolonge le titre. */
.wk-blog-titre {
	display: flex; align-items: center; gap: 1.25rem; margin-inline: 0; margin-block-end: 0;
	font-size: var(--wp--preset--font-size--xl); font-weight: 800; letter-spacing: -.02em;
}
.wk-blog-titre::after { content: ""; flex: 1; height: 1px; background: var(--trait); }

/* ---------- En-tête ---------- */
.wk-blog-entete {
	position: relative; isolation: isolate;
	display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 1.1rem; text-align: center;
	padding-top: var(--wp--preset--spacing--50);
}
/* Halos de lumière très diffus, comme le haut de « La méthode ». Toute la largeur de l'écran
   et fondus en haut et en bas : plus de fond « encadré » à 1 400 px (Gauthier, 16/09). */
.wk-blog-entete::before {
	content: ""; position: absolute; z-index: -1; inset: -5rem calc(50% - 50vw) -4rem; pointer-events: none;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 70%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 70%, transparent);
	background:
		radial-gradient(32% 55% at 8% 62%, rgba(232, 154, 76, .11) 0%, rgba(232, 154, 76, .03) 45%, transparent 70%),
		radial-gradient(28% 50% at 92% 24%, rgba(232, 184, 76, .10) 0%, rgba(232, 184, 76, .025) 45%, transparent 70%);
}
.wk-blog-entete > * { margin: 0; }
.wk-blog-entete__surtitre { font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wk-or-texte); }
.wk-blog .wk-blog-entete__titre { max-width: 16ch; font-size: clamp(2.25rem, 1.2rem + 4.6vw, 4.25rem); font-weight: 900; line-height: 1.02; letter-spacing: -.04em; }
.wk-blog-entete__chapeau { max-width: 36rem; font-size: var(--wp--preset--font-size--l); color: var(--wk-taupe); }
/* Catégories et mots-clés : la description est plus longue que la phrase du blog, texte courant. */
.archive .wk-blog-entete__chapeau { font-size: var(--wp--preset--font-size--m); }
.wk-blog-entete__nombre {
	padding: .35rem .9rem; border-radius: 50px;
	background: color-mix(in srgb, var(--wk-or) 14%, transparent); color: var(--wk-or-texte);
	font-size: var(--wp--preset--font-size--s); font-weight: 800;
}

/* Recherche : pilule, loupe à gauche, bouton rond doré à droite. */
.wk-blog-recherche { position: relative; width: min(100%, 34rem); margin-top: .35rem !important; }
.wk-blog-recherche input[type="search"] {
	width: 100%; min-height: 3.5rem; padding: 0 4rem 0 3.1rem; margin: 0;
	border-radius: 50px; border: 1px solid var(--trait);
	background: var(--wk-creme); color: var(--wk-ecorce); font: 500 1rem/1.2 var(--wk-police);
	box-shadow: 0 10px 26px -16px rgba(57, 41, 29, .35);
	-webkit-appearance: none; appearance: none;
}
.wk-blog-recherche input[type="search"]::placeholder { color: var(--wk-taupe); opacity: 1; }
.wk-blog-recherche input[type="search"]:focus { outline: 2px solid var(--wk-or); outline-offset: 2px; }
.wk-blog-recherche input[type="search"]::-webkit-search-cancel-button { display: none; }
.wk-blog-recherche__icone { position: absolute; left: 1.15rem; top: 50%; translate: 0 -50%; display: flex; color: var(--wk-taupe); pointer-events: none; }
.wk-blog-recherche .wk-bouton { position: absolute; top: .35rem; right: .35rem; bottom: .35rem; min-height: 0; aspect-ratio: 1; padding: 0; border-radius: 50%; }

/* Pastilles des thèmes : retour à la ligne sur ordinateur, défilement horizontal sur téléphone. */
.wk-blog-themes { width: 100%; min-width: 0; max-width: 100%; margin-top: .6rem !important; }
.wk-blog-themes ul { list-style: none; margin: 0; padding: .25rem 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.wk-blog-themes li { margin: 0; }
.wk-blog .wk-blog-theme, .wk-article .wk-blog-theme {
	display: inline-flex; align-items: center; gap: .45rem; min-height: 2.5rem; padding: 0 1rem;
	border-radius: 50px; border: 1.5px solid var(--trait); background: var(--carte-fond);
	color: var(--wk-ecorce); font-size: var(--wp--preset--font-size--s); font-weight: 700; text-decoration: none; white-space: nowrap;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.wk-blog .wk-blog-theme:hover { border-color: var(--wk-or); }
.wk-blog-theme__nb { font-size: .75rem; font-weight: 800; color: var(--wk-taupe); }
.wk-blog .wk-blog-theme[aria-current] { background: var(--wk-ecorce); border-color: var(--wk-ecorce); color: var(--wk-sable); }
.wk-blog-theme[aria-current] .wk-blog-theme__nb { color: inherit; opacity: .7; }
@media (max-width: 47.99rem) {
	.wk-blog-themes ul {
		flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-right: 2.5rem;
		scrollbar-width: none; overscroll-behavior-x: contain;
		-webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent);
	}
	.wk-blog-themes ul::-webkit-scrollbar { display: none; }
}

/* ---------- À la une ---------- */
.wk-blog-une {
	position: relative; display: grid; overflow: hidden;
	border-radius: var(--wk-rayon-grand); background: var(--carte-fond); border: 1px solid var(--carte-bord); box-shadow: var(--ombre-carte);
}
.wk-blog-une__image { aspect-ratio: 16 / 10; overflow: hidden; background: var(--wk-sable-fonce); }
.wk-blog-une__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: scale .6s var(--wk-ease); }
.wk-blog-une:hover .wk-blog-une__image img { scale: 1.03; }
.wk-blog-une__corps { display: grid; align-content: center; justify-items: start; gap: 1rem; padding: clamp(1.5rem, 1rem + 2.5vw, 3.25rem); }
.wk-blog-une__corps > * { margin: 0; }
.wk-blog-une__surtitre { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.wk-blog-une__badge { padding: .35rem .8rem; border-radius: 50px; background: var(--wk-or); color: var(--wk-sur-or); font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wk-blog-une .wk-blog-une__cat { position: relative; z-index: 2; font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--wk-or-texte); text-decoration: none; }
.wk-blog-une .wk-blog-une__cat:hover { text-decoration: underline; }
.wk-blog-une .wk-blog-une__titre { max-width: 22ch; font-size: clamp(1.6rem, 1.05rem + 1.9vw, 2.5rem); font-weight: 900; line-height: 1.08; letter-spacing: -.03em; }
.wk-blog-une__titre a { color: inherit; text-decoration: none; }
.wk-blog-une__titre a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.wk-blog-une__extrait { max-width: 40ch; color: var(--wk-taupe); }
.wk-blog-une__pied { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: .5rem !important; }
.wk-blog-une:hover .wk-blog-une__bouton { background: var(--wk-or-survol); }
.wk-blog-une__titre a:focus-visible { outline: none; }
.wk-blog-une:has(.wk-blog-une__titre a:focus-visible) { outline: 3px solid var(--wk-or); outline-offset: 3px; }
@media (min-width: 56rem) {
	.wk-blog-une { grid-template-columns: 1.2fr 1fr; }
	.wk-blog-une__image { aspect-ratio: auto; min-height: 24rem; }
	.wk-blog-une--sans-image { grid-template-columns: 1fr; }
}

/* ---------- Cartes ---------- */
.wk-blog-grille .wp-block-post-template { gap: var(--wp--preset--spacing--50); margin: 0; padding: 0; list-style: none; }
/* Trois colonnes au plus (la formule de WordPress ne tient pas compte de l'écart élargi ci-dessus). */
.wk-blog-grille .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, max(18rem, calc((100% - 2 * var(--wp--preset--spacing--50)) / 3))), 1fr)); }
.wk-blog-grille .wp-block-post-template > li, .wk-articles-lies__grille > li { display: flex; margin: 0; }
.wk-blog-carte {
	position: relative; display: flex; flex-direction: column; width: 100%; overflow: hidden;
	border-radius: var(--wk-rayon-grand); background: var(--carte-fond); border: 1px solid var(--carte-bord); box-shadow: var(--ombre-carte);
	transition: transform .3s var(--wk-ease), box-shadow .3s ease;
}
.wk-blog-carte:hover { transform: translateY(-4px); box-shadow: var(--wk-ombre); }
.wk-blog-carte:has(.wk-blog-carte__titre a:focus-visible) { outline: 3px solid var(--wk-or); outline-offset: 3px; }
.wk-blog-carte__image { aspect-ratio: 16 / 10; overflow: hidden; background: var(--wk-sable-fonce); }
.wk-blog-carte__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: scale .6s var(--wk-ease); }
.wk-blog-carte:hover .wk-blog-carte__image img { scale: 1.05; }
/* Sans image : trois cartes Wakatoo au trait doré. */
.wk-blog-carte__image--vide {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 40' fill='none' stroke='%23B8792F' stroke-width='2.5' stroke-opacity='.6'%3E%3Crect x='4' y='4' width='32' height='32' rx='6'/%3E%3Crect x='46' y='4' width='32' height='32' rx='6'/%3E%3Crect x='88' y='4' width='32' height='32' rx='6'/%3E%3C/svg%3E") center / 38% auto no-repeat, var(--wk-sable-fonce);
}
.wk-blog-carte .wk-blog-carte__titre {
	margin: 0; padding: 1.15rem 1.35rem .6rem;
	font-size: var(--wp--preset--font-size--l); font-weight: 800; line-height: 1.25; letter-spacing: -.015em;
}
.wk-blog-carte .wk-blog-carte__titre:last-child { padding-bottom: 1.35rem; } /* pages (recherche) : pas de ligne d'infos */
.wk-blog-carte__titre a { color: inherit; text-decoration: none; transition: color .15s ease; }
.wk-blog-carte__titre a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.wk-blog-carte__titre a:focus-visible { outline: none; }
.wk-blog-carte:hover .wk-blog-carte__titre a { color: var(--wk-or-texte); }
.wk-blog-carte__infos { display: flex; align-items: center; margin: auto 0 0; padding: .2rem 1.35rem 1.25rem; }
.wk-blog-carte__temps { display: inline-flex; align-items: center; gap: .35rem; font-size: var(--wp--preset--font-size--xs); font-weight: 700; color: var(--wk-taupe); }
.wk-blog-carte__temps .wk-icone { width: 15px; height: 15px; }
/* Catégorie : pastille posée sur l'image. */
.wk-blog-carte .wk-blog-carte__cat {
	position: absolute; z-index: 2; top: .85rem; left: .85rem; max-width: calc(100% - 1.7rem);
	padding: .35rem .8rem; border-radius: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	background: color-mix(in srgb, var(--wk-creme) 90%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	color: var(--wk-ecorce); font-size: var(--wp--preset--font-size--xs); font-weight: 800; text-decoration: none;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .14); transition: background-color .15s ease, color .15s ease;
}
.wk-blog-carte .wk-blog-carte__cat:hover { background: var(--wk-or); color: var(--wk-sur-or); }

/* Pagination : pastilles rondes, flèches sans texte. */
.wk-blog-grille .wp-block-query-pagination { margin-top: var(--wp--preset--spacing--70); gap: .4rem; flex-wrap: wrap; }
.wk-blog-grille .wp-block-query-pagination > * { margin: 0; }
.wk-blog-grille .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: .4rem; }
.wk-blog-grille .wp-block-query-pagination .page-numbers,
.wk-blog-grille .wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) {
	display: inline-grid; place-items: center; min-width: 2.75rem; height: 2.75rem; padding: 0 .8rem;
	border-radius: 50px; color: var(--wk-ecorce); font-weight: 700; text-decoration: none;
}
.wk-blog-grille .wp-block-query-pagination a.page-numbers:hover { background: var(--wk-sable-fonce); }
.wk-blog-grille .wp-block-query-pagination .page-numbers.current { background: var(--wk-or); color: var(--wk-sur-or); }
.wk-blog-grille .wp-block-query-pagination .page-numbers.dots { min-width: 1.5rem; padding: 0; }
.wk-blog-grille .wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) { border: 1.5px solid var(--trait); font-size: 1.1rem; }
.wk-blog-grille .wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover { border-color: var(--wk-or); }
.wk-blog-grille :is(.wp-block-query-pagination-previous-arrow, .wp-block-query-pagination-next-arrow) { margin: 0; }
.wk-blog-grille .wk-texte-theme { margin: 0; padding: var(--wp--preset--spacing--60) 0; text-align: center; font-size: var(--wp--preset--font-size--l); }

/* ---------- Invitation au cours offert ---------- */
.wk-blog-appel { container-type: inline-size; }
.wk-blog-appel__carte {
	position: relative; isolation: isolate; overflow: hidden;
	display: grid; justify-items: center; gap: 1.5rem; text-align: center;
	padding: clamp(2rem, 1.3rem + 3vw, 3.5rem);
	border-radius: var(--wk-rayon-grand); background: var(--bande-fond); color: var(--bande-texte);
}
.wk-blog-appel__carte::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background:
		radial-gradient(45% 70% at 8% 20%, rgba(216, 111, 74, .16) 0%, rgba(216, 111, 74, .05) 45%, transparent 72%),
		radial-gradient(40% 80% at 95% 90%, rgba(232, 184, 76, .14) 0%, rgba(232, 184, 76, .04) 45%, transparent 72%);
}
.wk-blog-appel__carte :is(h2, p) { margin: 0; color: inherit; }
.wk-blog-appel__texte { display: grid; gap: .5rem; }
.wk-blog-appel h2 { max-width: 20ch; font-size: var(--wp--preset--font-size--xl); font-weight: 900; letter-spacing: -.03em; }
.wk-blog-appel__texte p { font-size: var(--wp--preset--font-size--l); opacity: .85; }
.wk-blog-appel p.wk-blog-appel__badge { padding: .3rem .9rem; border-radius: 999px; background: var(--bande-accent); color: var(--wk-sur-or); font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: 1; }
.wk-blog-appel__action { display: grid; justify-items: center; gap: .8rem; }
.wk-blog-appel .wk-bouton { min-height: 3.5rem; padding-inline: 2rem; font-size: var(--wp--preset--font-size--m); }
.wk-blog-appel__etoiles { color: var(--bande-accent); letter-spacing: .1em; }
.wk-blog-appel__photo { width: 5.5rem; height: 5.5rem; border-radius: 50%; object-fit: cover; border: 3px solid var(--bande-accent); }
.wk-blog-appel__texte, .wk-blog-appel__action { justify-items: center; }
.wk-blog-appel__texte h2 { margin-inline: auto; }
@container (min-width: 50rem) {
	.wk-blog-appel__carte { grid-template-columns: 1fr auto; align-items: center; justify-items: start; text-align: left; column-gap: 3rem; }
	.wk-blog-appel__carte--photo { grid-template-columns: auto 1fr auto; }
	.wk-blog-appel__texte { justify-items: start; }
	.wk-blog-appel__texte h2 { margin-inline: 0; }
	.wk-blog-appel__action { justify-items: end; max-width: 21rem; } /* la ligne d'avis passe à la ligne plutôt que d'écraser le titre */
	.wk-blog-appel .wk-confiance { justify-content: flex-end; }
}

/* ---------- Article ---------- */
/* Corps : sommaire puis texte ; sur grand écran, sommaire collé à gauche du texte. */
.wk-article > .wk-article__corps { margin-block-start: 0; }
.wk-article__corps > * { margin-block: 0; }
.wk-article__corps > .wk-sommaire { max-width: var(--wp--style--global--content-size, 44rem); margin: 0 auto var(--wp--preset--spacing--60); }
.wk-article__texte > * + * { margin-block-start: var(--wp--preset--spacing--70); }
@media (min-width: 80rem) {
	.wk-article__corps {
		display: grid; align-items: start; column-gap: var(--wp--preset--spacing--60);
		grid-template-columns: minmax(0, 1fr) minmax(0, var(--wp--style--global--content-size, 44rem)) minmax(0, 1fr);
	}
	.wk-article__corps > .wk-sommaire {
		grid-column: 1; grid-row: 1; justify-self: end; width: 100%; max-width: 17rem; margin: 0;
		position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--waka-banner-height, 0px) + 6.5rem);
		max-height: calc(100vh - 8.5rem); overflow-y: auto; scrollbar-width: thin;
	}
	.wk-article__corps > .wk-article__texte { grid-column: 2; grid-row: 1; }
}

/* Sommaire : pastilles numérotées, intertitre en cours en doré. */
.wk-article .wk-sommaire details { padding: 0; border-radius: var(--wk-rayon); background: var(--carte-fond); border: 1px solid var(--carte-bord); }
.wk-article .wk-sommaire summary {
	display: flex; align-items: center; gap: .6rem; padding: 1rem 1.2rem; list-style: none; cursor: pointer;
	font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wk-taupe);
}
.wk-article .wk-sommaire summary::-webkit-details-marker { display: none; }
.wk-article .wk-sommaire summary::after {
	content: ""; width: .5rem; height: .5rem; margin-left: auto; margin-top: -.25rem;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .3s var(--wk-ease), margin .3s var(--wk-ease);
}
.wk-article .wk-sommaire details[open] > summary::after { transform: rotate(-135deg); margin-top: .25rem; }
.wk-sommaire__nb { display: inline-grid; place-items: center; min-width: 1.5rem; height: 1.5rem; padding: 0 .35rem; border-radius: 50px; background: color-mix(in srgb, var(--wk-or) 16%, transparent); color: var(--wk-or-texte); font-size: .75rem; letter-spacing: 0; }
.wk-article .wk-sommaire ol { counter-reset: wk-sommaire; list-style: none; display: grid; gap: .1rem; margin: 0; padding: 0 .6rem .8rem; }
.wk-article .wk-sommaire li { counter-increment: wk-sommaire; margin: 0; }
.wk-article .wk-sommaire a {
	display: grid; grid-template-columns: 1.55rem 1fr; gap: .6rem; align-items: start; padding: .45rem .6rem;
	border-radius: 10px; color: var(--wk-ecorce); font-size: var(--wp--preset--font-size--s); font-weight: 600; line-height: 1.35; text-decoration: none;
	transition: background-color .15s ease, color .15s ease;
}
.wk-article .wk-sommaire a::before {
	content: counter(wk-sommaire); display: grid; place-items: center; width: 1.55rem; height: 1.55rem; border-radius: 50%;
	background: var(--wk-sable-fonce); color: var(--wk-or-texte); font-size: .75rem; font-weight: 800;
}
.wk-article .wk-sommaire a:hover { background: var(--wk-sable); }
.wk-article .wk-sommaire a.est-actif { color: var(--wk-or-texte); }
.wk-article .wk-sommaire a.est-actif::before { background: var(--wk-or); color: var(--wk-sur-or); }

/* Fin d'article : qui écrit (sobre, l'invitation suit). */
.wk-article .wk-article-fin { margin-top: var(--wp--preset--spacing--70); }
.wk-article .wk-article-fin__auteur { grid-template-columns: 4rem 1fr; gap: 1.1rem; padding: 1.5rem 0 0; background: none; border: 0; border-top: 1px solid var(--trait); border-radius: 0; }
.wk-article .wk-article-fin__auteur img { width: 4rem; height: 4rem; }

/* À lire aussi. */
.wk-article .wk-articles-lies h2.wk-blog-titre { margin-bottom: var(--wp--preset--spacing--50); }
.wk-articles-lies__grille { grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
@media (min-width: 56rem) { .wk-articles-lies__grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Commentaires : titre plus présent, liens « Répondre » discrets, liste repliée au-delà de quatre. */
.wk-commentaires .wp-block-comments-title { font-size: var(--wp--preset--font-size--xl); }
.wk-commentaires .wp-block-comment-reply-link a { font-size: var(--wp--preset--font-size--xs); font-weight: 700; color: var(--wk-or-texte); text-decoration: none; }
.wk-commentaires .wp-block-comment-reply-link a:hover { text-decoration: underline; }
.wk-commentaires.est-replie .wp-block-comment-template > li:nth-child(n + 5) { display: none; }
.wk-commentaires.est-replie .wp-block-comment-template > li:nth-child(4) {
	max-height: 9rem; overflow: hidden;
	-webkit-mask-image: linear-gradient(#000 20%, transparent); mask-image: linear-gradient(#000 20%, transparent);
}
.wk-commentaires .wk-commentaires__tout { display: flex; margin: 1rem auto var(--wp--preset--spacing--60); }

/* Leçon liée : au milieu de l'article, la leçon du cycle préparatoire sur le même sujet. */
.wk-article .wk-lecon-liee {
	display: grid; grid-template-columns: minmax(0, 16rem) minmax(0, 1fr); gap: 1.1rem 1.5rem; align-items: center;
	margin: var(--wp--preset--spacing--60) 0; padding: 1rem 1.25rem 1rem 1rem;
	background: var(--wk-carte); border: 1px solid var(--wk-trait); border-radius: var(--wk-rayon-grand);
}
.wk-article .wk-lecon-liee--sans-image { grid-template-columns: minmax(0, 1fr); padding: 1.25rem 1.5rem; }
.wk-article .wk-lecon-liee__vignette {
	position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden;
	border-radius: var(--wk-rayon); background: var(--wk-sable-fonce); box-shadow: 0 8px 22px rgba(57, 41, 29, .16);
}
.wk-article .wk-lecon-liee__vignette img { display: block; width: 100%; height: 100%; margin: 0; border-radius: 0; object-fit: cover; transition: transform .5s var(--wk-ease); }
.wk-article .wk-lecon-liee__vignette:hover img { transform: scale(1.04); }
.wk-article .wk-lecon-liee__lecture {
	position: absolute; right: .6rem; bottom: .6rem; width: 2.6rem; height: 2.6rem; border-radius: 50%;
	background: var(--wk-or) no-repeat 55% 50% / .95rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 4.5v15l12-7.5z'/%3E%3C/svg%3E");
	box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
}
.wk-article .wk-lecon-liee p { margin: 0; }
.wk-article .wk-lecon-liee__pack { font-size: var(--wp--preset--font-size--xs); color: var(--wk-taupe); }
.wk-article .wk-lecon-liee__pack strong { color: var(--wk-or-texte); font-weight: 800; }
.wk-article .wk-lecon-liee p.wk-lecon-liee__titre { margin: .3rem 0 .9rem; font-size: var(--wp--preset--font-size--l); font-weight: 800; line-height: 1.25; text-wrap: balance; }
.wk-article .wk-lecon-liee__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.wk-article .wk-lecon-liee__actions .wk-bouton { text-decoration: none; }
.wk-article .wk-lecon-liee__note { font-size: var(--wp--preset--font-size--xs); color: var(--wk-taupe); }
@media (max-width: 40rem) {
	.wk-article .wk-lecon-liee { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
}

/* Commentaires : petit avatar devant le nom, comme dans les leçons (avatar choisi par le membre, via waka-avatar). */
.wk-commentaire .wp-block-avatar { flex: none; margin: 0; line-height: 0; }
.wk-commentaire .wp-block-avatar img { width: 28px; height: 28px; margin: 0; border-radius: 50%; object-fit: cover; }
.wk-commentaire .wp-block-group:has(> .wp-block-avatar) { column-gap: .6rem; }

/* ---------- Page Podcasts (outils/pages/podcasts-fr.html) ----------
   Une page courte : où écouter, puis la liste des épisodes avec un lecteur sur chaque ligne
   (inc/rendu/blog-podcasts.php, assets/js/podcasts.js) et l'invitation au cours offert. */
.wk-podcasts-hero { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--50); text-align: center; }
.wk-podcasts-hero > * + * { margin-block-start: 1rem; }
.wk-podcasts-hero h1.wp-block-heading { margin-block-start: .5rem; font-size: clamp(2.5rem, 1.6rem + 3.2vw, 4.25rem); font-weight: 900; line-height: 1.02; letter-spacing: -.04em; }
.wk-podcasts-hero .wk-chapeau { max-width: 30rem; margin-inline: auto; }

/* Plateformes : deux pilules avec le logo de chacune. */
.wk-podcasts-ecoute { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin: 1.75rem auto 0 !important; padding: 0; }
.wk-podcasts-ecoute li { margin: 0; }
.wk-podcasts-ecoute__lien {
	display: inline-flex; align-items: center; gap: .75rem; min-height: 3.75rem; padding: .5rem 1.6rem .5rem .6rem;
	border-radius: var(--wk-rayon-bouton); border: 1.5px solid var(--trait); background: var(--carte-fond);
	color: var(--wk-ecorce); text-align: left; text-decoration: none;
	transition: border-color .15s ease, transform .2s var(--wk-ease);
}
.wk-podcasts-ecoute__lien:hover { border-color: var(--wk-or); transform: translateY(-2px); }
.wk-podcasts-ecoute__lien:focus-visible { outline: 3px solid var(--wk-or); outline-offset: 3px; }
.wk-podcasts-ecoute__logo { flex: none; width: 2.6rem; height: 2.6rem; }
.wk-podcasts-ecoute__logo--apple rect { fill: #9B3FD6; }
.wk-podcasts-ecoute__logo--spotify circle { fill: #1DB954; }
.wk-podcasts-ecoute__lien span { display: grid; font-size: var(--wp--preset--font-size--m); font-weight: 800; line-height: 1.15; }
.wk-podcasts-ecoute__lien small { font-size: var(--wp--preset--font-size--xs); font-weight: 600; color: var(--wk-taupe); }

.wk-podcasts-hero p.wk-podcasts-note { margin-block-start: 1.5rem; font-size: var(--wp--preset--font-size--s); color: var(--wk-taupe); }
.wk-podcasts-note__etoiles { margin-inline-end: .3rem; color: var(--wk-or); letter-spacing: .08em; }
.wk-podcasts-note a { color: var(--wk-or-texte); font-weight: 700; white-space: nowrap; }

.wk-podcasts-episodes { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--80); }
.wk-podcasts-episodes > * + * { margin-block-start: var(--wp--preset--spacing--50); }
.wk-podcasts-episodes > .wk-blog-appel { margin-block-start: var(--wp--preset--spacing--80); }
/* Largeur de lecture, centrée (Gauthier, 16/09 : les grands encarts sur toute la largeur « ne sont pas très heureux ») :
   titre, liste et invitation sur la même colonne de 56 rem. */
.wk-section.wk-podcasts-episodes > :is(h2.wk-blog-titre, .wk-podcasts, .wk-blog-appel) { width: 100%; max-width: var(--wk-largeur-encadre, 56rem); margin-inline: auto; }
.wk-podcasts-episodes h2.wk-blog-titre { margin-block-start: 0; }
/* Les pages en blocs soulignent les liens des sections (site.css) : pas les pilules ni la liste. */
.wk-section.wk-podcasts-hero a.wk-podcasts-ecoute__lien,
.wk-section.wk-podcasts-episodes a:not(.wp-block-button__link) { text-decoration-line: none; }
@media (max-width: 30rem) {
	.wk-podcasts-ecoute { flex-direction: column; align-items: stretch; width: min(100%, 17rem); }
	.wk-podcasts-ecoute__lien { width: 100%; }
}

/* Liste des épisodes : photo, titre sur une ligne, lecteur dessous, liens à droite. */
.wk-podcasts__liste { list-style: none; display: grid; gap: .6rem; margin: 0; padding: 0; }
.wk-podcast {
	display: grid; grid-template-columns: 4.75rem minmax(0, 1fr) auto; align-items: center; gap: 1.1rem;
	margin: 0; padding: .6rem 1rem .6rem .6rem;
	border-radius: var(--wk-rayon-grand); background: var(--carte-fond); border: 1px solid var(--carte-bord);
	transition: border-color .2s ease, box-shadow .2s ease;
}
.wk-podcast:hover { border-color: color-mix(in srgb, var(--wk-or) 45%, transparent); }
.wk-podcast.est-courante { border-color: var(--wk-or); box-shadow: var(--ombre-carte); }
.wk-podcast.est-en-plus { display: none; }
.wk-podcast__image { display: block; aspect-ratio: 1; overflow: hidden; border-radius: var(--wk-rayon); background: var(--wk-sable-fonce); }
.wk-podcast__image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; }
.wk-podcast__corps { display: grid; gap: .35rem; min-width: 0; }
.wk-section .wk-podcast h3.wk-podcast__titre {
	margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	font-size: var(--wp--preset--font-size--m); font-weight: 800; line-height: 1.3; letter-spacing: -.01em;
}
.wk-podcast__titre a { color: inherit; }
.wk-podcast__titre a:hover, .wk-podcast.est-courante .wk-podcast__titre a { color: var(--wk-or-texte); }

.wk-podcast__lecteur { display: flex; align-items: center; gap: .8rem; }
.wk-podcast__lecture {
	flex: none; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: 0; margin: 0;
	border: 0; border-radius: 50%; background: var(--wk-or); color: var(--wk-sur-or); cursor: pointer;
	transition: background-color .15s ease, scale .2s var(--wk-ease);
}
.wk-podcast__lecture:hover { background: var(--wk-or-survol); scale: 1.06; }
.wk-podcast__lecture:focus-visible, .wk-podcasts__mini-suivant:focus-visible { outline: 3px solid var(--wk-or); outline-offset: 2px; }
.wk-podcast__lecture svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }
.wk-podcast__ico-lecture { translate: 1px 0; }
.wk-podcast__ico-pause, .est-en-lecture .wk-podcast__ico-lecture { display: none; }
.est-en-lecture .wk-podcast__ico-pause { display: block; }

/* Barre de position : piste fine, partie écoutée en doré. */
.wk-podcast__position {
	flex: 1; min-width: 0; height: 1.25rem; margin: 0; background: transparent; cursor: pointer;
	-webkit-appearance: none; appearance: none;
}
.wk-podcast__position::-webkit-slider-runnable-track { height: 5px; border-radius: 5px; background: linear-gradient(90deg, var(--wk-or) var(--avance, 0%), var(--trait) var(--avance, 0%)); }
.wk-podcast__position::-moz-range-track { height: 5px; border-radius: 5px; background: linear-gradient(90deg, var(--wk-or) var(--avance, 0%), var(--trait) var(--avance, 0%)); }
.wk-podcast__position::-webkit-slider-thumb { -webkit-appearance: none; width: 13px; height: 13px; margin-top: -4px; border: 0; border-radius: 50%; background: var(--wk-or); opacity: 0; transition: opacity .15s ease; }
.wk-podcast__position::-moz-range-thumb { width: 13px; height: 13px; border: 0; border-radius: 50%; background: var(--wk-or); opacity: 0; }
.wk-podcast.est-courante .wk-podcast__position::-webkit-slider-thumb, .wk-podcast__position:hover::-webkit-slider-thumb { opacity: 1; }
.wk-podcast.est-courante .wk-podcast__position::-moz-range-thumb, .wk-podcast__position:hover::-moz-range-thumb { opacity: 1; }
.wk-podcast__position:focus-visible { outline: 2px solid var(--wk-or); outline-offset: 2px; border-radius: 4px; }
.wk-podcast__temps { flex: none; min-width: 4.2rem; text-align: right; font-size: var(--wp--preset--font-size--xs); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--wk-taupe); }

.wk-podcast__liens { display: flex; gap: .35rem; }
.wk-podcast__lien {
	display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%;
	border: 1.5px solid var(--trait); color: var(--wk-ecorce); transition: border-color .15s ease;
}
.wk-podcast__lien:hover { border-color: var(--wk-or); }
.wk-podcast__lien:focus-visible { outline: 3px solid var(--wk-or); outline-offset: 2px; }

.wk-podcasts__plus-zone { margin: 1.5rem 0 0; text-align: center; }

/* Barre flottante : l'épisode en cours, quand sa ligne n'est plus à l'écran. */
.wk-podcasts__mini:not([hidden]) {
	position: fixed; z-index: 90; left: 50%; bottom: max(1rem, env(safe-area-inset-bottom)); translate: -50% 0;
	display: flex; align-items: center; gap: .8rem; width: min(100% - 2 * var(--wk-marge), 30rem); padding: .45rem .6rem .45rem .45rem;
	border-radius: var(--wk-rayon-bouton); background: var(--bande-fond); color: var(--bande-texte);
	box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .45);
}
.wk-podcasts__mini-titre { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--wp--preset--font-size--s); font-weight: 700; }
.wk-podcasts__mini-suivant { flex: none; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.wk-podcasts__mini-suivant:hover { background: rgba(255, 255, 255, .1); }
.wk-podcasts__mini-suivant svg { width: 1.1rem; height: 1.1rem; fill: currentColor; }

/* Téléphone : photo à gauche, titre sur deux lignes au plus, lecteur et Spotify dessous (le titre mène à l'article). */
@media (max-width: 40rem) {
	.wk-podcast { grid-template-columns: 4.25rem minmax(0, 1fr) auto; grid-template-areas: "image titre titre" "image lecteur liens"; gap: .3rem .75rem; padding: .5rem .6rem .5rem .5rem; border-radius: var(--wk-rayon); }
	.wk-podcast__image { grid-area: image; align-self: center; border-radius: 12px; }
	.wk-podcast__corps { display: contents; }
	.wk-section .wk-podcast h3.wk-podcast__titre {
		grid-area: titre; white-space: normal; font-size: var(--wp--preset--font-size--s); line-height: 1.25;
		display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	}
	.wk-podcast__lecteur { grid-area: lecteur; gap: .5rem; }
	.wk-podcast__lecture { width: 2.25rem; height: 2.25rem; }
	.wk-podcast__temps { min-width: 0; }
	.wk-podcast__liens { grid-area: liens; }
	.wk-podcast__lien { width: 2.25rem; height: 2.25rem; }
	.wk-podcast__lien:first-child { display: none; }
}

/* Lecteur en haut d'un article d'épisode : une seule ligne, sans photo, dans la colonne de lecture. */
.wk-podcasts--article { margin-block: 0 var(--wp--preset--spacing--60); }
.wk-podcasts--article .wk-podcast { grid-template-columns: minmax(0, 1fr) auto; padding: .9rem 1rem .9rem 1.25rem; border-color: color-mix(in srgb, var(--wk-or) 40%, transparent); }
.wk-podcasts--article p.wk-podcast__titre { margin: 0; font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wk-or-texte); }
.wk-podcasts--article .wk-podcast__lecture { width: 2.75rem; height: 2.75rem; }
.wk-podcasts--article .wk-podcast__lien { text-decoration: none; }
.wk-podcasts--article .wk-podcasts__mini-suivant { display: none; }
@media (max-width: 40rem) {
	.wk-podcasts--article .wk-podcast { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "titre liens" "lecteur lecteur"; padding: .75rem .85rem; }
	.wk-podcasts--article p.wk-podcast__titre { grid-area: titre; align-self: center; }
	.wk-podcasts--article .wk-podcast__lien:first-child { display: grid; }
}

/* « Lire, écouter, explorer » : reprise de l'ancienne page « Tout sur le didgeridoo » (fusionnée avec le blog, 16/09/2026). Bande arrondie, comme l'appel qui suit. */
.wk-blog .wk-blog-themes { border-radius: var(--wk-rayon-grand); }

/* Encart « À propos de l'auteur » (.auteur, collé dans le contenu des anciens articles) : l'ancien CSS additionnel
   lui impose un fond #fafafa et une barre orange, blanc en mode sombre. On le passe sur les couleurs du thème. */
.wk-article .auteur {
	display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 1.25rem; margin: var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--50);
	padding: 1.5rem; border: 1px solid var(--carte-bord); border-radius: var(--wk-rayon-grand); background: var(--carte-fond); color: var(--wk-ecorce);
}
.wk-article .auteur > div:first-child { flex: none; }
.wk-article .auteur img { width: 4.5rem; max-width: none; height: 4.5rem; margin: 0; border-radius: 50%; object-fit: cover; }
.wk-article .auteur h5 { margin: 0 0 .5rem; font-size: 1.1rem; font-weight: 800; line-height: 1.3; color: var(--wk-ecorce); }
.wk-article .auteur p { margin: 0; font-size: var(--wp--preset--font-size--s); line-height: 1.6; color: var(--wk-taupe); }
.wk-article .auteur a { color: var(--wk-or-texte); }
@media (max-width: 600px) { .wk-article .auteur { flex-direction: column; } }

/* Encarts par sujet (18/09/2026, inc/articles-lecons.php) : carte du milieu d'article et bandeau de fin.
   Carte d'un cours offert ou d'un dossier : toute la carte est cliquable (le bouton s'étend dessus). */
.wk-article .wk-encart { position: relative; transition: border-color .2s; }
.wk-article .wk-encart:not(.wk-encart--general):hover { border-color: var(--wk-or); }
.wk-article .wk-encart__image { box-shadow: none; }
.wk-article .wk-encart:not(.wk-encart--general):hover .wk-encart__image img { transform: scale(1.04); }
.wk-article .wk-lecon-liee p.wk-encart__texte { margin: -.5rem 0 1rem; color: var(--wk-taupe); line-height: 1.5; }
.wk-article .wk-encart .simple-lms-popup-container { margin: 0; }
.wk-article .wk-encart:not(.wk-encart--general) :is(.simple-lms-popup-container, .simple-lms-popup-trigger, .wk-encart__lien) { position: static; }
.wk-article .wk-encart:not(.wk-encart--general) :is(.simple-lms-popup-trigger, .wk-encart__lien)::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.wk-article .wk-encart:not(.wk-encart--general):hover :is(.simple-lms-popup-trigger, .wk-encart__lien) { background: var(--wk-or-survol, var(--wk-ambre)); }
.wk-article .wk-encart:has(:is(.simple-lms-popup-trigger, .wk-encart__lien):focus-visible) { outline: 3px solid var(--wk-or); outline-offset: 3px; }
.wk-article .wk-encart .simple-lms-popup-trigger { min-height: 2.9rem; font-size: var(--wp--preset--font-size--s); }
.wk-article .wk-encart--general { text-align: center; padding: 1.5rem; }
.wk-article .wk-encart--general .wk-lecon-liee__actions { justify-content: center; }
.wk-article .wk-encart--general .wk-bouton--contour { min-height: 2.9rem; text-decoration: none; }
.wk-blog-appel__faits { display: flex; flex-wrap: wrap; gap: .4rem .5rem; margin: .4rem 0 0; padding: 0; list-style: none; }
.wk-blog-appel__faits li { margin: 0; padding: .3rem .8rem; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: 999px; font-size: var(--wp--preset--font-size--xs); font-weight: 700; }
.wk-blog-appel .simple-lms-popup-container { margin: 0; }
.wk-blog-appel .simple-lms-popup-trigger { min-height: 3.5rem; padding-inline: 2rem; }
@container (max-width: 49.99rem) { .wk-blog-appel__faits { justify-content: center; } }
/* « Oui, je veux progresser » : ouvre sur place les deux cours joueurs (rythme, wobbles) à la place des deux réponses. */
.wk-article .wk-encart__oui > summary { list-style: none; cursor: pointer; }
.wk-article .wk-encart__oui > summary::-webkit-details-marker { display: none; }
.wk-article .wk-encart--general .wk-lecon-liee__actions:has(.wk-encart__oui[open]) > :not(.wk-encart__oui), .wk-article .wk-encart__oui[open] > summary { display: none; }
.wk-article .wk-encart__choix { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1rem; }
/* « Yes » anglais = fenêtre des wobbles directement : même contour que « Oui ». */
body .wk-article .wk-encart__contour .simple-lms-popup-trigger { background: transparent; color: var(--wk-texte); box-shadow: inset 0 0 0 2px var(--wk-or); }
body .wk-article .wk-encart__contour .simple-lms-popup-trigger:hover { background: var(--wk-or); color: var(--wk-sur-or); }