/* ===== MENU « Anniversaires enfants » : nos ateliers, nos villes, par âge — les listes se déploient au survol ===== */
.nav-main .sub.mega{width:262px;min-width:0;padding:8px 0 10px}
.nav-main .sub.mega a{border-bottom:0!important;margin-bottom:0!important}
.nav-main .sub.mega>a.sub-all{display:block;padding:11px 22px 12px;font-weight:600;border-bottom:1px solid #eee!important;margin-bottom:6px!important}
.nav-main .sub.mega .grp{position:relative}
.nav-main .sub.mega .grp-t{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:11px 22px;border:0;border-radius:0;background:none;-webkit-appearance:none;appearance:none;font-family:var(--sans);font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text);text-align:left;cursor:pointer;transition:background .15s,color .15s}
.nav-main .sub.mega .grp-t::after{content:"›";font-size:21px;line-height:1;color:#a9a9b3;transition:transform .2s,color .15s}
.nav-main .sub.mega .grp:hover>.grp-t,.nav-main .sub.mega .grp:focus-within>.grp-t,.nav-main .sub.mega .grp.open>.grp-t{background:var(--pink-light);color:var(--purple)}
.nav-main .sub.mega .grp:hover>.grp-t::after,.nav-main .sub.mega .grp:focus-within>.grp-t::after,.nav-main .sub.mega .grp.open>.grp-t::after{color:var(--purple);transform:translateX(3px)}
.nav-main .sub.mega .grp-l{position:absolute;left:calc(100% - 3px);top:-9px;min-width:268px;padding:10px 0;background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .18s,transform .18s,visibility 0s linear .14s;z-index:5}
.nav-main .sub.mega .grp:hover>.grp-l,.nav-main .sub.mega .grp:focus-within>.grp-l,.nav-main .sub.mega .grp.open>.grp-l{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nav-main .sub.mega .grp-l a{display:block;padding:8px 22px;font-size:15px;font-weight:500;text-transform:none;white-space:nowrap}
.nav-main .sub.mega .grp-l a:hover{background:var(--pink-light);color:var(--purple)}
.nav-main .sub.mega .grp-l a.plus{margin-top:6px!important;padding-top:11px;border-top:1px solid #eee!important;font-weight:600;color:var(--purple)}
@media(max-width:900px){
  /* sur téléphone le panneau reste dans la page : on annule le recentrage du menu à survol, qui se déclenchait au focus d'un bouton */
  .nav-main .has-sub .sub.mega,.nav-main .has-sub:hover .sub.mega,.nav-main .has-sub:focus-within .sub.mega{left:auto!important;transform:none!important}
  .nav-main .sub.mega{width:auto;padding:0 0 6px}
  .nav-main .sub.mega>a.sub-all{padding:12px 0;font-size:16px;border-bottom:0!important;margin:0!important}
  .nav-main .sub.mega .grp-t{padding:13px 0;font-size:17px;border-bottom:1px solid #f0e6f6;background:none!important;color:var(--text)!important}
  .nav-main .sub.mega .grp-t::after{content:"+";font-size:24px;color:var(--purple);transform:none!important}
  .nav-main .sub.mega .grp.open>.grp-t::after{content:"–"}
  .nav-main .sub.mega .grp-l{position:static;min-width:0;padding:0 0 0 12px;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease}
  .nav-main .sub.mega .grp.open>.grp-l{max-height:720px}
  .nav-main .sub.mega .grp-l a{padding:10px 0;font-size:16px}
  .nav-main .sub.mega .grp-l a.plus{border-top:0!important;margin-top:0!important;padding-top:10px}
}