/* Défi 1 million (web/src/pages/defi.rs) : compte à rebours géant du pied de page (façon mot-symbole, coupé par le bas)
   + page /defi-1-million. Couleurs de la marque (orange → dégradé chaud), typo Space Grotesk déjà chargée. */

/* ---------- pied de page : chiffres géants ---------- */
.mk-footer.mk-footer .mk-defi{display:block;position:relative;width:min(1280px,calc(100% - 48px));margin:8px auto 0;padding-top:28px;color:var(--vt-or2,#b5400a);text-decoration:none;overflow:hidden;
  --defi-size:min(calc((100vw - 48px) / 6.4),208px)}
.mk-footer.mk-footer .mk-defi-label{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.3 Inter,system-ui,sans-serif;color:var(--vt-or2,#b5400a)}
.mk-footer.mk-footer .mk-defi-label .ic{width:14px;height:14px;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.mk-footer.mk-footer .mk-defi-num{display:flex;justify-content:space-between;align-items:flex-start;margin-top:calc(var(--defi-size) * .16 + 12px);
  height:calc(var(--defi-size) * .8);font:700 var(--defi-size)/1 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;
  background:linear-gradient(180deg,#ff6014 0%,#ff8a4c 50%,#ff8a4c40 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:100% 100%}
.mk-footer.mk-footer .mk-defi-num>span{position:relative}
.mk-footer.mk-footer .mk-defi-num>span::before{content:attr(data-u);position:absolute;left:.06em;bottom:100%;margin-bottom:4px;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--vt-ink3,#7a5a45);-webkit-text-fill-color:var(--vt-ink3,#7a5a45)}
.mk-footer.mk-footer .mk-defi-num>i{font-style:normal;opacity:.55}
.mk-footer.mk-footer .mk-defi:hover .mk-defi-label .ic{transform:translateX(3px)}
.mk-footer.mk-footer .mk-defi:focus-visible{outline-offset:-3px}
@media(hover:hover) and (pointer:fine){.mk-footer.mk-footer .mk-defi-num{transition:filter .3s ease}.mk-footer.mk-footer .mk-defi:hover .mk-defi-num{filter:saturate(1.25) brightness(1.04)}}
@media(max-width:650px){.mk-footer.mk-footer .mk-defi{width:calc(100% - 36px);--defi-size:calc((100vw - 36px) / 6.1)}.mk-footer.mk-footer .mk-defi-num>span::before{font-size:9px}}

/* état « terminé » (posé par defi.js) */
/* états posés par defi.js sur l'élément [data-defi-fin] : (aucun) = en cours, is-soon = avant le début, is-done = terminé */
.defi-soon,.defi-done{display:none}
.is-soon .defi-soon,.is-done .defi-done{display:inline}
.is-soon .defi-live,.is-soon .defi-notsoon,.is-done .defi-live{display:none}

/* ---------- page /defi-1-million ---------- */
.cx .defi-cd{margin:0;font:700 clamp(34px,4.2vw,56px)/1 var(--vt-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--vt-or2)}
.cx .defi-cd{display:grid;gap:10px;justify-items:start}
.cx .defi-cd-label{font:600 15px/1.2 var(--vt-font);letter-spacing:0;color:var(--vt-ink3)}
.cx .defi-cd .defi-digits{display:inline-flex;gap:.12em}
.cx .is-done .defi-cd .defi-digits,.cx .is-done .defi-cd-label{display:none}
.cx .defi-cd [data-u]{position:relative;display:inline-block;padding-top:20px}
.cx .defi-cd [data-u]::before{content:attr(data-u);position:absolute;left:.05em;top:0;font:500 13px/1 var(--vt-font);letter-spacing:0;color:var(--vt-ink3)}
.cx .defi-cd i{font-style:normal;padding-top:20px;opacity:.5}
.cx .is-done .defi-cd{font-size:clamp(24px,2.4vw,32px)}
.cx .defi-tiers .cx-card{grid-template-rows:1fr}
.cx .defi-tiers .cx-card.is-top{border-color:#7a3510;background:linear-gradient(160deg,#2a160b,var(--vt-bg2) 70%)}
.cx .defi-tiers .cx-card-body p.cx-big{color:var(--vt-or2);font-size:clamp(34px,3.4vw,48px);line-height:1}
.cx .defi-send{margin-top:28px;align-items:center}
.cx .defi-ex{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cx .defi-ex li{display:grid;gap:10px}
.cx .defi-ex video{width:100%;height:auto;aspect-ratio:9/16;border-radius:20px;background:var(--vt-bg3);display:block}
.cx .defi-ex span{font-size:15px;color:var(--vt-ink3)}
@media(max-width:900px){.cx .defi-tiers{grid-template-columns:1fr}.cx .defi-ex{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(max-width:650px){.cx .defi-ex{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:6px}.cx .defi-ex li{scroll-snap-align:start}.cx .defi-cd [data-u]::before{font-size:11px}}

@media(prefers-reduced-motion:reduce){.mk-footer.mk-footer .mk-defi-num,.mk-footer.mk-footer .mk-defi-label .ic{transition:none!important}.mk-footer.mk-footer .mk-defi:hover .mk-defi-label .ic{transform:none}}