/*
 * Charte v3 de MeetYourSchool (identique à pro.meetyourschool.com) : en-tête et pied de page publics.
 * Chargée par base.html.twig sur l'instance MeetYourSchool seulement ; les autres marques ne la reçoivent pas.
 * Tout est limité au conteneur .mh (accueil /fr/new-home, en-tête et pied de page des autres pages).
 */
@font-face{font-family:'MH DM Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/mys-v3/DMSans-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'MH DM Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/mys-v3/DMSans-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'MH Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/mys-v3/Poppins-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'MH Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/mys-v3/Poppins-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'MH Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mys-v3/Poppins-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'MH Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mys-v3/Poppins-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

.mh{
    --mh-ink:#16151a;--mh-ink-2:#2c2b31;--mh-night:#0e0d12;--mh-muted:#6a6874;--mh-muted-2:#8d8b97;
    --mh-line:#e2e0e8;--mh-line-2:#eeedf5;--mh-mist:#f4f4f8;
    --mh-blue:#3B57E0;--mh-blue-deep:#2A3FB0;--mh-blue-soft:#EEF1FF;--mh-blue-glow:#5F7AFF;
    --mh-coral:#FF6B5B;--mh-coral-t:#E5503F;--mh-coral-soft:#FFF0EE;
    --mh-teal:#0E9F8A;--mh-teal-t:#0B806F;--mh-teal-soft:#E6F6F3;
    --mh-amber:#E08A00;--mh-amber-t:#B06A00;--mh-amber-soft:#FDF3E1;
    --mh-pink:#D6246E;--mh-pink-soft:#FCE9F1;
    --mh-r-xl:28px;--mh-r-lg:20px;--mh-r-md:14px;
    --mh-shadow-window:0 30px 80px -20px rgba(30,25,70,.28),0 8px 24px -8px rgba(30,25,70,.12);
    --mh-shadow-chip:0 12px 30px -8px rgba(30,25,70,.25);
    --mh-wrap:1180px;--mh-gutter:24px;
    --mh-body:'MH DM Sans','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    --mh-titre:'MH Poppins','Poppins','MH DM Sans',system-ui,sans-serif;
    font-size:17px;line-height:1.6;color:var(--mh-ink);-webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion:reduce){.mh *,.mh *::before,.mh *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Le thème commun impose sa police et la couleur des paragraphes en !important sur chaque balise :
   on les reprend ici, sur .mh uniquement. Les :where() gardent une spécificité basse pour que
   les composants l'emportent. */
.mh{font-family:var(--mh-body)!important}
.mh *{font-family:inherit!important;box-sizing:border-box}
.mh :is(h1,h2,h3,h4,summary,.mh-logo,.mh-chiffres b,.mh-billet .souche b,.mh-decompte span,.mh-ticket .date b,.mh-resultat b,.mh-apercu b,.mh-etape .num){font-family:var(--mh-titre)!important}
.mh .mh-pied h4,.mh .mh-decompte span small,.mh .mh-logo .etoile,.mh .mh-faq summary .plus{font-family:var(--mh-body)!important}
.mh :where(h1,h2,h3,h4){margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:inherit;font-size:inherit}
.mh :where(p){margin:0;font-size:inherit;line-height:inherit;color:inherit!important}
.mh :where(ul){margin:0;padding:0;list-style:none}
.mh :where(li){margin:0;color:inherit}
.mh :where(a){color:inherit;text-decoration:none}
.mh a:hover,.mh a:focus{color:inherit;text-decoration:none}
.mh :where(section,header,footer,nav,main){float:none;width:auto;padding:0;margin:0;background:none}
.mh :where(button){float:none;font-size:inherit;font-weight:inherit;padding:0;color:inherit;border-radius:0;background:none;border:0;letter-spacing:inherit;cursor:pointer;line-height:inherit}
.mh :where(img){max-width:100%;display:block;border:0}
.mh :where(small,b){font-size:inherit}
.mh :focus-visible{outline:2px solid var(--mh-blue);outline-offset:3px;border-radius:6px}
.mh [id]{scroll-margin-top:110px}
.mh [hidden]{display:none!important}

/* Couleurs par type d'événement / étape (une seule source) */
.mh .mh-c-teal{--c:var(--mh-teal);--cs:var(--mh-teal-soft);--ct:var(--mh-teal-t)}
.mh .mh-c-blue{--c:var(--mh-blue);--cs:var(--mh-blue-soft);--ct:var(--mh-blue)}
.mh .mh-c-pink{--c:var(--mh-pink);--cs:var(--mh-pink-soft);--ct:var(--mh-pink)}
.mh .mh-c-coral{--c:var(--mh-coral);--cs:var(--mh-coral-soft);--ct:var(--mh-coral-t)}
.mh .mh-c-amber{--c:var(--mh-amber);--cs:var(--mh-amber-soft);--ct:var(--mh-amber-t)}
.mh .mh-c-glow{--c:var(--mh-blue-glow);--cs:var(--mh-blue-soft);--ct:var(--mh-blue)}

.mh-wrap{max-width:var(--mh-wrap);margin:0 auto;padding:0 var(--mh-gutter)}

/* Boutons (charte : pilules noires + contour) */
.mh .mh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:16px;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease;white-space:nowrap}
.mh .mh-btn:hover{transform:translateY(-1px)}
.mh .mh-btn .fl{transition:transform .18s ease}
.mh .mh-btn:hover .fl{transform:translateX(3px)}
.mh .mh-btn-ink,.mh .mh-btn-ink:hover,.mh .mh-btn-ink:focus{background:var(--mh-ink);color:#fff}
.mh .mh-btn-ink:hover{background:var(--mh-ink-2);box-shadow:0 10px 24px -10px rgba(22,21,26,.6)}
.mh .mh-btn-line{background:transparent;border-color:var(--mh-ink);color:var(--mh-ink)}
.mh .mh-btn-line:hover{background:#fff;color:var(--mh-ink)}
.mh .mh-btn-white,.mh .mh-btn-white:hover{background:#fff;color:var(--mh-ink)}
.mh .mh-btn-white:hover{box-shadow:0 12px 28px -10px rgba(0,0,0,.45)}
.mh .mh-btn-ghost,.mh .mh-btn-ghost:hover{border-color:rgba(255,255,255,.28);color:#fff}
.mh .mh-btn-ghost:hover{background:rgba(255,255,255,.08)}
.mh .mh-btn-sm{padding:11px 18px;font-size:14.5px}

/* ═══ En-tête flottant + interrupteur Étudiant / École ═══ */
/* responsive.css masque toutes les balises header sous 1200 px (le thème bascule sur son menu mobile) */
.mh .mh-entete{display:block!important;position:sticky;top:14px;z-index:100;padding:0 var(--mh-gutter);margin:14px 0 -76px}
.mh .mh-nav{max-width:var(--mh-wrap);margin:0 auto;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-radius:999px;box-shadow:0 10px 40px -12px rgba(30,25,60,.18),0 0 0 1px rgba(30,25,60,.04);display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 26px;gap:14px;position:relative}
.mh .mh-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;letter-spacing:-.02em;white-space:nowrap;color:var(--mh-ink)}
.mh .mh-logo .etoile{color:var(--mh-blue);font-size:15px}
.mh .mh-logo-img{max-height:34px;max-width:170px;width:auto;object-fit:contain}
.mh .mh-liens{display:flex;align-items:center;gap:2px}
.mh .mh-liens a{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;font-size:15px;font-weight:500;color:var(--mh-ink);white-space:nowrap}
.mh .mh-liens a:hover,.mh .mh-liens a[aria-current=page]{background:var(--mh-mist);color:var(--mh-ink)}
.mh .mh-actions{display:flex;align-items:center;gap:8px}

.mh .mh-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--mh-mist);border-radius:999px;padding:4px;box-shadow:inset 0 0 0 1px var(--mh-line-2)}
.mh .mh-switch .pouce{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(30,25,60,.25);transition:transform .35s cubic-bezier(.3,1.4,.5,1),background-color .25s}
.mh .mh-switch-opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;transition:color .25s;color:var(--mh-ink)}
.mh .mh-switch-opt .point{width:7px;height:7px;border-radius:50%;background:var(--mh-coral)}
.mh .mh-switch-opt.ecole,.mh .mh-switch-opt.ecole:hover{color:var(--mh-muted)}
.mh .mh-switch-opt.ecole svg{transition:transform .2s}
.mh .mh-switch:hover .pouce,.mh .mh-switch:focus-within .pouce{transform:translateX(100%);background:var(--mh-ink)}
.mh .mh-switch:hover .mh-switch-opt.ecole,.mh .mh-switch:focus-within .mh-switch-opt.ecole{color:#fff}
.mh .mh-switch:hover .mh-switch-opt.ecole svg{transform:translate(2px,-2px)}
.mh .mh-switch:hover .mh-switch-opt.etudiant,.mh .mh-switch:focus-within .mh-switch-opt.etudiant{color:var(--mh-muted)}
.mh .mh-apercu{position:absolute;right:-8px;top:calc(100% + 16px);width:392px;background:var(--mh-night);color:#fff;border-radius:var(--mh-r-lg);padding:20px;box-shadow:0 30px 80px -20px rgba(14,13,18,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility .22s;pointer-events:none}
.mh .mh-apercu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.mh .mh-switch:hover .mh-apercu,.mh .mh-switch:focus-within .mh-apercu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mh .mh-apercu small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mh-blue-glow)}
.mh .mh-apercu b{display:block;font-size:18px;line-height:1.3;margin:8px 0 6px;letter-spacing:-.01em}
.mh .mh-apercu p{font-size:14px;color:#b9b7c6!important;line-height:1.5}
.mh .mh-apercu .ecran{margin:14px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);aspect-ratio:16/8.4;background:#fff}
.mh .mh-apercu .ecran img{width:100%;height:100%;object-fit:cover;object-position:top left}
.mh .mh-apercu .etapes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.mh .mh-apercu .etapes span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#dcdce6}
.mh .mh-apercu .etapes i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.mh .mh-apercu .bas{display:flex;gap:8px}
.mh .mh-apercu .bas a{flex:1}

.mh .mh-burger{display:none;width:44px;height:44px;border-radius:999px;background:var(--mh-ink);flex-direction:column;align-items:center;justify-content:center;gap:4px}
.mh .mh-burger span{display:block;width:16px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.mh .mh-burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mh .mh-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.mh .mh-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mh .mh-menu-mobile{display:none}
@media (max-width:1120px){
    .mh .mh-liens{display:none}
    .mh .mh-burger{display:flex}
    .mh .mh-menu-mobile.ouvert{display:flex;flex-direction:column;gap:2px;position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:var(--mh-r-lg);box-shadow:0 30px 80px -20px rgba(30,25,60,.3);padding:14px;max-height:calc(100vh - 110px);overflow:auto}
    .mh .mh-menu-mobile a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;font-weight:500;color:var(--mh-ink)}
    .mh .mh-menu-mobile a:hover,.mh .mh-menu-mobile a[aria-current=page]{background:var(--mh-mist)}
    .mh .mh-menu-mobile a.pro{background:var(--mh-blue-soft);color:var(--mh-blue);font-weight:600;margin-top:6px}
    .mh .mh-menu-mobile .etoile{color:var(--mh-blue)}
    .mh .mh-menu-mobile .langues{display:flex;gap:6px;padding:8px 6px}
    .mh .mh-menu-mobile .langues a{padding:8px 14px;border:1px solid var(--mh-line);border-radius:999px;font-size:14px}
    .mh .mh-menu-mobile .langues a[aria-current]{background:var(--mh-ink);color:#fff;border-color:var(--mh-ink)}
    .mh .mh-menu-mobile .mh-btn{margin-top:8px;color:#fff}
}
@media (max-width:640px){
    .mh .mh-nav{padding:8px 8px 8px 18px;gap:8px}
    .mh .mh-logo{font-size:16.5px}
    .mh .mh-connexion{display:none}
    .mh .mh-switch-opt{padding:8px 10px;font-size:13px}
    .mh .mh-switch-opt .point{display:none}
    .mh .mh-apercu{display:none}
}
@media (max-width:420px){
    .mh .mh-entete{padding:0 12px}
    .mh .mh-nav{padding:7px 7px 7px 16px}
    .mh .mh-logo{font-size:15px}
    .mh .mh-logo .etoile{display:none}
    .mh .mh-switch{padding:3px}
    .mh .mh-switch .pouce{top:3px;bottom:3px;left:3px;width:calc(50% - 3px)}
    .mh .mh-switch-opt{padding:7px 9px;font-size:12.5px;gap:4px}
    .mh .mh-burger{width:40px;height:40px}
}

/* En-tête des autres pages : il garde sa place au-dessus du contenu (l'accueil, lui, le pose sur son héros) */
.mh.mh-haut{position:sticky;top:0;z-index:100;float:none;clear:both;padding:14px 0;pointer-events:none}
.mh.mh-haut .mh-entete{position:relative;top:auto;margin:0;pointer-events:auto}

/* ═══ Pied de page ═══ */
.mh.mh-bas{float:left;clear:both;width:100%}
.mh .mh-pied{background:var(--mh-night);color:#a6a4b4;padding:80px 0 34px;font-size:14.5px}
.mh .mh-pied-grille{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
.mh .mh-pied .mh-logo{color:#fff}
.mh .mh-pied .desc{margin-top:14px;line-height:1.6;max-width:34ch;color:#a6a4b4!important}
.mh .mh-pied .contact{margin-top:18px;display:flex;flex-direction:column;gap:6px;color:#cfcdd9}
.mh .mh-pied h4{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6f6d7c;margin-bottom:16px}
.mh .mh-pied h4 .pro{color:var(--mh-blue-glow)}
.mh .mh-pied ul{display:flex;flex-direction:column;gap:10px}
.mh .mh-pied a:hover{color:#fff}
.mh .mh-reseaux{display:flex;gap:8px;margin-top:20px}
.mh .mh-reseaux a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#dcdce6}
.mh .mh-reseaux a:hover{background:rgba(255,255,255,.16)}
.mh .mh-reseaux i{font-family:FontAwesome!important;font-size:15px}
.mh .mh-pied-bas{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px}
.mh .mh-pied-bas nav{display:flex;gap:18px}
.mh .mh-pied-langues{gap:8px!important}
.mh .mh-pied-langues a{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#cfcdd9}
.mh .mh-pied-langues a[aria-current]{background:rgba(255,255,255,.1);color:#fff}
.mh .mh-pied-langues img{width:18px;height:12px;border-radius:2px}
@media (max-width:980px){.mh .mh-pied-grille{grid-template-columns:1fr 1fr}.mh .mh-pied-grille>div:first-child{grid-column:1/-1}}