/* =========================================================================
   Page Ateliers pratiques : widgets wt-workshops et wt-next-steps.
   Source : Ateliers pratiques.dc.html
   ========================================================================= */

/* ---------- Bascule Individuel / Entreprise : seul le contenu du mode courant est affiché ---------- */
.wt-wk[data-mode="individuel"] [data-only="entreprise"],
.wt-wk[data-mode="entreprise"] [data-only="individuel"]{display:none!important}

.wt-wk__h2{font-size:clamp(26px,2.8vw,40px);margin-bottom:32px}
.wt-wk__h2--flush{margin-bottom:0}

/* ---------- Deux façons de participer ---------- */
.wt-section.wt-wk-formules{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
body.wt-site .wt-wk-mode{font-family:var(--wt-font-text);text-align:left;background:#fff;border:1px solid var(--wt-line);border-radius:var(--wt-radius-m);padding:28px;display:flex;flex-direction:column;gap:14px;cursor:pointer;color:var(--wt-ink);min-width:0;transition:border-color var(--wt-transition)}
body.wt-site .wt-wk-mode:hover{border-color:var(--wt-blue)}
body.wt-site .wt-wk-mode[aria-pressed="true"]{border:2px solid var(--wt-blue);padding:27px}
body.wt-site .wt-wk-mode:focus-visible{box-shadow:0 0 0 2px var(--wt-mist),0 0 0 4px var(--wt-blue);border-radius:var(--wt-radius-m)}
.wt-wk-mode__top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}
.wt-wk-mode__id{display:flex;gap:12px;align-items:center}
.wt-wk-mode__title{font-family:var(--wt-font-title);font-weight:600;font-size:21px;line-height:1.2}
.wt-wk-mode__dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--wt-line-field);flex:none;background:#fff}
.wt-wk-mode[aria-pressed="true"] .wt-wk-mode__dot{border:6px solid var(--wt-blue)}
.wt-wk-mode__text{font-size:15px;line-height:1.55;color:var(--wt-text-2)}
.wt-wk-mode__points{display:grid;gap:8px;width:100%;border-top:1px solid var(--wt-line);padding-top:14px}
.wt-wk-mode__point{display:flex;gap:10px;font-size:14px;line-height:1.45}
.wt-wk-mode__point .wt-icon{color:var(--wt-blue);margin-top:2px}

/* ---------- Liste ---------- */
.wt-section.wt-wk-list{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.wt-wk-list__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap;margin-bottom:28px}
.wt-wk-list__overline{margin-bottom:12px}
.wt-wk-tabs{display:flex;border:1px solid var(--wt-line-field);border-radius:var(--wt-radius-s);overflow:hidden}
body.wt-site .wt-wk-tab{font-size:14px;font-weight:600;height:44px;padding:0 16px;border:0;border-left:1px solid var(--wt-line-field);cursor:pointer;background:#fff;color:var(--wt-ink)}
body.wt-site .wt-wk-tab:first-child{border-left:0}
body.wt-site .wt-wk-tab[aria-selected="true"]{background:var(--wt-ink);color:#fff}
body.wt-site .wt-wk-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--wt-blue);border-radius:0}
.wt-wk-fams{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
body.wt-site .wt-wk-fam{font-size:14px;font-weight:500;min-height:44px;padding:0 14px;border-radius:var(--wt-radius-s);border:1px solid var(--wt-line);background:#fff;color:var(--wt-ink);cursor:pointer}
body.wt-site .wt-wk-fam:hover{border-color:var(--wt-ink)}
body.wt-site .wt-wk-fam[aria-pressed="true"]{border:1.5px solid var(--wt-ink);background:var(--wt-ink);color:#fff;padding:0 13.5px}

/* ---------- Carte d'atelier ---------- */
.wt-wk-card{display:flex;flex-direction:column;border:1px solid var(--wt-line);border-radius:var(--wt-radius-m);overflow:hidden;background:#fff;min-width:0;transition:border-color var(--wt-transition),box-shadow var(--wt-transition);scroll-margin-top:calc(var(--wt-header-h-compact) + 16px)}
.wt-wk-card:hover,.wt-wk-card:target{border-color:var(--wt-blue);box-shadow:var(--wt-shadow-card)}
.wt-wk-card__media{position:relative}
.wt-wk-card__media .wt-media{border-radius:0}
.wt-wk-card__dur{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.4;padding:4px 9px;border-radius:var(--wt-radius-s);background:#fff;color:var(--wt-ink);pointer-events:none}
.wt-wk-card__body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.wt-wk-card__fam{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--wt-blue)}
.wt-wk-card__title{font-size:21px;line-height:1.2}
.wt-wk-card__meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;font-size:14px;line-height:1.4;margin:0}
.wt-wk-card__meta dt{color:var(--wt-text-3)}
.wt-wk-card__meta dd{margin:0}
.wt-wk-card__foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--wt-line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wt-wk-card__price-label{font-size:12px;color:var(--wt-text-3);line-height:1.4}
.wt-wk-card__price{font-family:var(--wt-font-title);font-weight:600;font-size:19px;font-variant-numeric:tabular-nums;line-height:1.3}
body.wt-site .wt-wk-card__btn{height:44px;padding:0 18px;font-size:15px}
.wt-wk-note{font-size:13px;line-height:1.5;color:var(--wt-text-3);margin:20px 0 0}

/* ---------- Modale de réservation ---------- */
.wt-wk-modal{background:rgba(13,27,42,.64)}
.wt-wk-modal .wt-modal__box{padding:clamp(24px,3.4vw,36px)}
.wt-wk-modal .wtc-form{padding:0;background:transparent;border:0}
@media (max-width:639px){.wt-wk-modal .wt-modal__box{padding:28px 20px 24px}}

/* ---------- « Et après l'atelier ? » ---------- */
.wt-section.wt-next-steps{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.wt-next-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:40px clamp(48px,6vw,96px);align-items:center}
.wt-next-steps__intro .wt-overline{margin-bottom:16px}
body.wt-site .wt-next-steps__title{font-size:clamp(26px,2.8vw,40px);margin-bottom:16px}
.wt-next-steps__text{max-width:480px}
.wt-next-steps__list{display:grid;gap:12px;list-style:none}
body.wt-site a.wt-next-steps__row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;min-height:44px;border:1px solid rgba(255,255,255,.16);border-radius:var(--wt-radius-m);color:#fff;text-decoration:none}
body.wt-site a.wt-next-steps__row:hover{border-color:var(--wt-blue-light);color:#fff;text-decoration:none}
body.wt-site a.wt-next-steps__row:focus-visible{box-shadow:0 0 0 2px var(--wt-ink),0 0 0 4px var(--wt-blue-light)}
.wt-next-steps__n{font-size:13px;color:var(--wt-blue-light)}
.wt-next-steps__name{display:block;font-weight:600;font-size:16px;line-height:1.4}
.wt-next-steps__desc{display:block;font-size:14px;line-height:1.5;color:var(--wt-on-dark-2);margin-top:2px}
.wt-next-steps__arrow{color:var(--wt-blue-light)}

/* ---------- Hero des ateliers : fil d'Ariane et marges de la maquette ---------- */
.wt-a2-hero-link .wt-hero__crumb{margin-bottom:clamp(28px,3.4vw,48px)}
.wt-a2-hero-link .wt-hero--crumb{padding-bottom:clamp(56px,7vw,104px)}