/* Cours gratuits — archive des séries, page série (lecteur + liste jouable), page épisode. */

.single-cours_gratuit .entry-content, .single-cours_gratuit .content-container { max-width: none; padding: 0; }
.single-cours_gratuit .entry-content > * { margin-block: 0; }
.post-type-archive-cours_gratuit #primary { margin: 0; padding: 0; }
.mk-course [hidden] { display: none !important; }

/* ---------- En-tête sur champ bleu ---------- */
.mk-course__head { padding: var(--mk-space-8) var(--mk-gutter) var(--mk-space-7); }
.mk-course__head-inner { max-width: 1440px; margin-inline: auto; display: grid; gap: var(--mk-space-4); }
.mk-course .mk-course__head-inner > * { margin: 0; }
.mk-course__head .mk-lede { max-width: 38em; }
.mk-course__scholar { font-family: var(--mk-font-sans); font-size: 1rem; font-weight: 500; color: var(--mk-cream); }
.mk-course__scholar .mk-ar { margin-inline-start: var(--mk-space-2); }
.mk-course__facts { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); color: color-mix(in srgb, var(--mk-cream) 84%, var(--mk-blue)); font-variant-numeric: tabular-nums; }

.mk-course .mk-course__label { margin: 0 0 var(--mk-space-3); font-family: var(--mk-font-sans); font-size: var(--mk-size-small); font-weight: 400; letter-spacing: .01em; color: var(--mk-muted); }
.mk-course__empty { margin: 0; font-family: var(--mk-font-sans); color: var(--mk-ink-soft); }

/* ---------- Série : lecteur à gauche (collant), cours à droite ---------- */
.mk-course__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--mk-space-7); align-items: start; padding-block: var(--mk-space-7) var(--mk-section); }
.mk-course__side { display: grid; gap: var(--mk-space-5); align-self: stretch; align-content: start; }
.mk-course__player { position: sticky; top: calc(84px + var(--mk-space-4)); z-index: 1; } /* seul le lecteur reste visible pendant le défilement */
.admin-bar .mk-course__player { top: calc(84px + 32px + var(--mk-space-4)); }
.mk-course .mk-course__side > * { margin: 0; }
.mk-course__visual { margin: 0; }
.mk-course__visual img { display: block; inline-size: 100%; block-size: auto; border-radius: var(--mk-radius); }
.mk-course__side .mk-read { font-size: 1.25rem; }
.mk-course .mk-read > * { margin: 0; }
.mk-course .mk-read > * + * { margin-top: .8em; }

.mk-course .mk-episodes { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.mk-episode { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--mk-space-4); padding-block: var(--mk-space-4); border-top: var(--mk-hairline); }
.mk-episode:last-child { border-bottom: var(--mk-hairline); }
.mk-episode__num { position: relative; font-family: var(--mk-font-sans); font-size: var(--mk-size-small); color: var(--mk-muted); font-variant-numeric: tabular-nums; }
.mk-episode.is-current .mk-episode__num { color: var(--mk-blue); }
.mk-episode.is-current .mk-episode__num::before { content: ""; position: absolute; inset-inline-start: -1rem; inset-block-start: 50%; inline-size: 9px; block-size: 9px; margin-block-start: -4.5px; border-radius: 50%; background: var(--mk-saffron); border: 1.25px solid var(--mk-blue); } /* tête de lecture : le seul safran de la liste */
.mk-episode__text { display: grid; gap: var(--mk-space-1); min-width: 0; }
.mk-course .mk-episode__text > * { margin: 0; }
.mk-episode__title { font-family: var(--mk-font-serif); font-size: 1.5rem; line-height: 1.15; color: var(--mk-ink); text-decoration: none; text-wrap: balance; }
.mk-episode__title:hover, .mk-episode.is-current .mk-episode__title { color: var(--mk-blue); }
.mk-episode__title:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.mk-episode__title:focus-visible { outline: 2px solid transparent; box-shadow: var(--mk-focus); border-radius: var(--mk-radius); }
.mk-episode__excerpt { font-family: var(--mk-font-sans); font-size: .9375rem; line-height: 1.55; color: var(--mk-ink-soft); }
.mk-episode.is-done .mk-episode__state { color: var(--mk-success); }
.mk-episode__play { inline-size: var(--mk-touch); block-size: var(--mk-touch); display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--mk-line-strong); background: var(--mk-paper); color: var(--mk-blue); cursor: pointer; transition: background-color var(--mk-dur-1) var(--mk-ease), color var(--mk-dur-1) var(--mk-ease), border-color var(--mk-dur-1) var(--mk-ease); }
.mk-episode__play:hover { border-color: var(--mk-blue); background: var(--mk-blue-tint); }
.mk-episode.is-current .mk-episode__play { background: var(--mk-blue); border-color: var(--mk-blue); color: var(--mk-cream); }
.mk-episode__play:focus-visible { outline: 2px solid transparent; box-shadow: var(--mk-focus); }
.mk-episode__soon { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); color: var(--mk-muted); }

/* ---------- Épisode ---------- */
.mk-course__single { max-width: 50rem; margin-inline: auto; display: grid; gap: var(--mk-space-6); padding-block: var(--mk-space-7) var(--mk-section); }
.mk-course .mk-course__single > * { margin: 0; }
.mk-course__single .mk-lede { color: var(--mk-ink-soft); }
.mk-course__resources ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mk-space-2); font-family: var(--mk-font-sans); }
.mk-course__resources li { margin: 0; }
.mk-course__pager { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mk-space-4); padding-top: var(--mk-space-5); border-top: var(--mk-hairline); }
.mk-course__pager-link { display: grid; gap: var(--mk-space-1); text-decoration: none; color: inherit; }
.mk-course__pager-link--next { text-align: end; }
.mk-course__pager-title { font-family: var(--mk-font-serif); font-size: 1.375rem; line-height: 1.15; color: var(--mk-blue); }
.mk-course__pager-link:hover .mk-course__pager-title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.mk-course__pager-link:focus-visible { outline: 2px solid transparent; box-shadow: var(--mk-focus); border-radius: var(--mk-radius); }
.mk-course__back { font-family: var(--mk-font-sans); }

/* ---------- Archive ---------- */
.mk-course__list { padding-block: var(--mk-space-7) var(--mk-section); }
.mk-entry--series .mk-meta { font-variant-numeric: tabular-nums; }

/* ---------- Mobile ---------- */
@media (max-width: 1024px) {
	.mk-course__layout { grid-template-columns: minmax(0, 1fr); gap: var(--mk-space-6); }
	.mk-course__player { position: static; }
}
@media (max-width: 640px) {
	.mk-course__head { padding-block: var(--mk-space-6); }
	.mk-course__layout, .mk-course__single, .mk-course__list { padding-top: var(--mk-space-5); }
	.mk-episode { grid-template-columns: minmax(0, 1fr) auto; gap: var(--mk-space-3); }
	.mk-episode__num { display: none; }
	.mk-episode__title { font-size: 1.3125rem; }
	.mk-course__pager { grid-template-columns: 1fr; }
	.mk-course__pager-link--next { text-align: start; }
}
.mk-course__video { scroll-margin-top: calc(84px + var(--mk-space-4)); }
.mk-course__layout--single { grid-template-columns: minmax(0, 1fr); }
.mk-course__layout--single .mk-course__episodes { max-width: 60rem; }