/* Trouver mon parcours — orientation et demande d'inscription. Chargée uniquement sur cette page. */

.page-trouver-mon-parcours .entry-content, .page-trouver-mon-parcours .content-container { max-width: none; padding: 0; }
.page-trouver-mon-parcours .entry-content > * { margin-block: 0; }
.mk-wizard[hidden], .mk-wizard [hidden] { display: none !important; } /* le bloc de remerciement est lui-même un .mk-wizard */

/* ---------- Deux champs : le formulaire sur crème, le parcours sur bleu ---------- */
.mk-wizard { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); min-height: calc(100svh - 84px); scroll-margin-top: 84px; }
.mk-wizard:not(.is-enhanced) { grid-template-columns: minmax(0, 1fr); }
.mk-wizard:not(.is-enhanced) .mk-wizard__aside { display: none; }
.mk-wizard__main { width: 100%; max-width: 46rem; justify-self: end; padding: var(--mk-space-7) var(--mk-space-8) var(--mk-space-8) var(--mk-gutter); display: flex; flex-direction: column; gap: var(--mk-space-5); }
.mk-wizard:not(.is-enhanced) .mk-wizard__main { justify-self: center; max-width: 52rem; }
.mk-wizard__aside { position: sticky; top: 84px; align-self: start; min-height: calc(100svh - 84px); display: grid; align-content: center; justify-items: center; gap: var(--mk-space-6); padding: var(--mk-space-7) var(--mk-gutter); }
.mk-wizard__summary { inline-size: min(100%, 24rem); }

.mk-wizard__progress { font-variant-numeric: tabular-nums; }
.mk-wizard__progress > span:first-child { flex: none; }

/* ---------- Étapes ---------- */
.mk-wizard .mk-step { display: grid; gap: var(--mk-space-5); }
.mk-wizard:not(.is-enhanced) .mk-step + .mk-step { padding-top: var(--mk-space-7); border-top: var(--mk-hairline); }
.mk-wizard .mk-step > *, .mk-wizard .mk-step p, .mk-wizard fieldset, .mk-wizard .mk-wizard__title { margin: 0; }
.mk-wizard .mk-step[data-step="orientation"] > .mk-step__title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mk-wizard .mk-step__title:focus, .mk-wizard legend:focus { outline: none; }
.mk-wizard .mk-step__title:focus-visible, .mk-wizard legend:focus-visible { outline: 2px solid transparent; box-shadow: var(--mk-focus); }

.mk-questions { display: grid; gap: var(--mk-space-7); }
.mk-q { border: 0; padding: 0; min-width: 0; display: grid; gap: var(--mk-space-5); }
.mk-q__legend { padding: 0; margin-bottom: var(--mk-space-5); font-family: var(--mk-font-serif); font-weight: 500; font-size: var(--mk-size-h3); line-height: 1.15; color: var(--mk-heading); text-wrap: balance; }
.mk-wizard.is-enhanced .mk-q__legend { font-size: var(--mk-size-h2); letter-spacing: var(--mk-track-display); }
.mk-q__options { grid-template-columns: 1fr; max-width: 30rem; }

.mk-field-group { border: 0; padding: 0; min-width: 0; display: grid; gap: var(--mk-space-3); }
.mk-field-group > legend { padding: 0; margin-bottom: var(--mk-space-3); }
.mk-fields-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mk-space-4); }

/* Résultat de l'orientation */
.mk-result { display: grid; gap: var(--mk-space-2); padding-top: var(--mk-space-4); border-top: 2px solid var(--mk-blue); }
.mk-result__label { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); color: var(--mk-muted); }
.mk-result__name { font-family: var(--mk-font-serif); font-size: var(--mk-size-h2); line-height: 1.1; color: var(--mk-blue); text-wrap: balance; }
.mk-result__note { font-family: var(--mk-font-sans); font-size: 1rem; line-height: 1.55; color: var(--mk-ink-soft); }
.mk-result__links { display: flex; flex-wrap: wrap; gap: var(--mk-space-2) var(--mk-space-5); font-family: var(--mk-font-sans); }

/* Choix de programme : touches larges avec promesse */
.mk-choices { display: grid; gap: var(--mk-space-2); }
.mk-choice { position: relative; display: flex; }
.mk-choice input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.mk-choice__body { flex: 1; display: grid; gap: 2px; padding: .85rem 1rem .85rem 2.25rem; background: var(--mk-paper); border: 1px solid var(--mk-line-strong); border-radius: var(--mk-radius); transition: background-color var(--mk-dur-1) var(--mk-ease), border-color var(--mk-dur-1) var(--mk-ease), color var(--mk-dur-1) var(--mk-ease); }
.mk-choice__body::before { content: ""; position: absolute; inset-inline-start: 1rem; top: 1.2rem; inline-size: .625rem; block-size: .625rem; border-radius: 50%; border: 1.5px solid var(--mk-line-strong); }
.mk-choice__name { font-family: var(--mk-font-serif); font-size: 1.375rem; line-height: 1.15; color: var(--mk-blue); }
.mk-choice__text { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); line-height: 1.45; color: var(--mk-ink-soft); }
.mk-choice:hover .mk-choice__body { border-color: var(--mk-blue); }
.mk-choice input:checked + .mk-choice__body { background: var(--mk-blue); border-color: var(--mk-blue); }
.mk-choice input:checked + .mk-choice__body::before { background: var(--mk-saffron); border-color: var(--mk-saffron); }
.mk-choice input:checked + .mk-choice__body :is(.mk-choice__name, .mk-choice__text) { color: var(--mk-cream); }
.mk-choice input:focus-visible + .mk-choice__body { box-shadow: var(--mk-focus); }

/* Programme aux inscriptions fermées (dashboard) */
.mk-choice.is-closed input { cursor: not-allowed; }
.mk-choice.is-closed .mk-choice__body { background: transparent; border-style: dashed; }
.mk-choice.is-closed:hover .mk-choice__body { border-color: var(--mk-line-strong); }
.mk-choice.is-closed :is(.mk-choice__name, .mk-choice__text) { color: var(--mk-ink-soft); }
.mk-choice__closed { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); font-weight: 500; color: var(--mk-ink); }

/* Session intensive demandée */
.mk-session-pick { display: grid; gap: var(--mk-space-2); margin-bottom: var(--mk-space-6); padding: var(--mk-space-4) var(--mk-space-5); border: 1px solid var(--mk-blue); border-radius: var(--mk-radius); background: var(--mk-paper); }
.mk-session-pick[hidden] { display: none; }
.mk-session-pick > * { margin: 0; }
.mk-session-pick__name { font-family: var(--mk-font-serif); font-size: 1.375rem; line-height: 1.2; color: var(--mk-blue); }
.mk-session-pick__price { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); line-height: 1.45; color: var(--mk-ink-soft); }

/* Personnes */
.mk-people { display: grid; gap: var(--mk-space-5); }
.mk-person { border: 0; padding: var(--mk-space-4) 0 0; margin: 0; min-width: 0; border-top: var(--mk-hairline); display: grid; gap: var(--mk-space-4); }
.mk-person__legend { padding: 0; font-family: var(--mk-font-serif); font-size: 1.375rem; color: var(--mk-ink); }
.mk-person__genre .mk-keys { max-width: 18rem; }

.mk-note { padding-inline-start: var(--mk-space-4); border-inline-start: 1px solid var(--mk-blue); font-family: var(--mk-font-sans); font-size: 1rem; line-height: 1.55; color: var(--mk-ink-soft); }
.mk-price-live { min-height: 1.5em; font-family: var(--mk-font-serif); font-size: 1.375rem; line-height: 1.3; color: var(--mk-blue); font-variant-numeric: tabular-nums; }

/* Disponibilités : 7 jours × 3 moments, cases de 44 px */
.mk-slots-wrap { overflow-x: auto; }
.mk-wizard .mk-slots { border-collapse: collapse; margin: 0; font-family: var(--mk-font-sans); font-size: var(--mk-size-small); }
.mk-slots th, .mk-slots td { padding: 0; border: 0; text-align: center; }
.mk-slots thead th { padding-bottom: var(--mk-space-2); font-weight: 400; color: var(--mk-muted); min-width: 5.5rem; }
.mk-slots tbody th { padding-inline-end: var(--mk-space-4); text-align: start; font-weight: 400; color: var(--mk-ink); }
.mk-slots tbody tr + tr :is(th, td) { border-top: var(--mk-hairline); }
.mk-slot { display: grid; place-items: center; min-height: var(--mk-touch); cursor: pointer; }
.mk-slot input { appearance: none; margin: 0; inline-size: 1.5rem; block-size: 1.5rem; background: var(--mk-paper); border: 1px solid var(--mk-line-strong); border-radius: var(--mk-radius); cursor: pointer; transition: background-color var(--mk-dur-1) var(--mk-ease), border-color var(--mk-dur-1) var(--mk-ease); }
.mk-slot input:hover { border-color: var(--mk-blue); }
.mk-slot input:checked { background: var(--mk-blue); border-color: var(--mk-blue); box-shadow: inset 0 0 0 4px var(--mk-blue), inset 0 0 0 9px var(--mk-saffron); }
.mk-slot input:focus-visible { outline: 2px solid transparent; box-shadow: var(--mk-focus); }
.mk-check { display: flex; gap: var(--mk-space-3); align-items: flex-start; font-family: var(--mk-font-sans); font-size: 1rem; line-height: 1.5; color: var(--mk-ink); cursor: pointer; }
.mk-check input { flex: none; margin-top: .2em; inline-size: 1.1rem; block-size: 1.1rem; }

/* Récapitulatif */
.mk-recap__list { margin: 0; border-bottom: var(--mk-hairline); }
.mk-recap__list > div { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: var(--mk-space-4); padding-block: var(--mk-space-3); border-top: var(--mk-hairline); }
.mk-recap__list dt { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); color: var(--mk-muted); }
.mk-recap__list dd { margin: 0; font-family: var(--mk-font-serif); font-size: 1.25rem; line-height: 1.35; color: var(--mk-ink); overflow-wrap: anywhere; }

/* Navigation */
.mk-wizard__nav { display: flex; flex-wrap: wrap; gap: var(--mk-space-3); padding-top: var(--mk-space-5); border-top: var(--mk-hairline); }
.mk-wizard__nav [data-next], .mk-wizard__nav [data-submit] { margin-inline-start: auto; }
.mk-wizard__msg { min-height: 1.5em; font-family: var(--mk-font-sans); font-size: 1rem; color: var(--mk-error); }
.mk-alert { padding: var(--mk-space-4) var(--mk-space-5); border: 1px solid var(--mk-error); border-radius: var(--mk-radius); font-family: var(--mk-font-sans); color: var(--mk-error); }
.mk-alert ul { margin: var(--mk-space-2) 0 0; padding-inline-start: 1.2rem; }

/* Confirmation */
.mk-wizard--done { display: grid; gap: var(--mk-space-5); max-width: 44rem; margin-inline: auto; padding: var(--mk-section) var(--mk-gutter); min-height: 0; }
.mk-wizard--done > * { margin: 0; }
.mk-thanks__steps { margin: 0; padding: 0; list-style: none; counter-reset: mk-step; border-top: 1px solid var(--mk-blue); }
.mk-thanks__steps li { counter-increment: mk-step; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--mk-space-3); padding-block: var(--mk-space-4); border-bottom: var(--mk-hairline); font-family: var(--mk-font-serif); font-size: var(--mk-size-read); line-height: var(--mk-lh-read); color: var(--mk-ink); }
.mk-thanks__steps li::before { content: counter(mk-step); font-family: var(--mk-font-sans); font-size: var(--mk-size-small); line-height: 2.4; color: var(--mk-blue); font-variant-numeric: tabular-nums; }

/* ---------- Tablette ---------- */
@media (max-width: 1024px) {
	.mk-wizard { grid-template-columns: 1fr; min-height: 0; }
	.mk-wizard__main { justify-self: center; padding: var(--mk-space-6) var(--mk-gutter) var(--mk-space-7); }
	.mk-wizard__aside { position: static; min-height: 0; grid-template-columns: minmax(0, 24rem); justify-content: center; align-items: center; padding: var(--mk-space-6) var(--mk-gutter); }
}

/* ---------- Mobile ---------- */
@media (max-width: 640px) {
	.mk-fields-2 { grid-template-columns: 1fr; }
	.mk-wizard__aside { grid-template-columns: 1fr; padding-block: var(--mk-space-5); }
	.mk-wizard__aside:has(.mk-wizard__summary:empty) { display: none; } /* rien à résumer avant le choix du programme */
	.mk-wizard__nav .mk-btn { flex: 1 1 auto; }
	.mk-slots thead th { min-width: 4.5rem; }
	.mk-recap__list > div { grid-template-columns: 1fr; gap: var(--mk-space-1); }
}