/* DDEC — menu mobile (menu-mobile.js) : panneau latéral, charte encre / brume / sauge / jaune. */
html.ddec-menu-ouvert{overflow:hidden}
.ddec-menu{--ressort:cubic-bezier(.22,1.2,.36,1);position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);max-width:100%;height:100%;max-height:100dvh;padding:0;border:0;background:transparent;color:var(--ddec-nuit,#22302A);overflow:visible}
.ddec-menu::backdrop{background:rgba(34,48,42,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ddec-menu-fond .3s ease both}
.ddec-menu.is-sortie::backdrop{animation:ddec-menu-fond .26s ease reverse both}
.ddec-menu__panneau{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:28px 0 0 28px;box-shadow:-24px 0 60px rgba(34,48,42,.22);animation:ddec-menu-entree .42s var(--ressort) both;overflow:hidden}
.ddec-menu.is-sortie .ddec-menu__panneau{animation:ddec-menu-sortie .26s ease-in both}
@media (max-width:480px){.ddec-menu__panneau{border-radius:0}}

.ddec-menu__haut{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 16px 10px 20px;flex:none}
.ddec-menu__logo img{display:block;width:128px;height:auto}
.ddec-menu__fermer{width:46px;height:46px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ddec-brume);color:var(--ddec-encre);cursor:pointer;transition:background-color .2s,transform .45s var(--ressort)}
.ddec-menu__fermer:hover{background:var(--ddec-sauge-50);transform:rotate(90deg)}
.ddec-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

.ddec-menu__corps{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 16px 20px}

/* Appel principal */
.ddec-menu__cta{display:flex;align-items:center;gap:14px;padding:16px 16px 16px 14px;border-radius:22px;background:var(--ddec-encre);color:#fff;text-decoration:none;margin-bottom:14px;position:relative;overflow:hidden;background-image:none}
.ddec-menu__cta::after{content:"";position:absolute;right:-30px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(249,176,74,.35),transparent 70%);pointer-events:none}
.ddec-menu__cta-icone{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ddec-jaune);color:var(--ddec-nuit)}
.ddec-menu__cta-icone svg{width:22px;height:22px;stroke-width:2.2}
.ddec-menu__cta>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.25}
.ddec-menu__cta strong{font-size:1.0625rem;font-weight:650}
.ddec-menu__cta small{font-size:.8125rem;opacity:.75}
.ddec-menu__cta>svg{transition:transform .3s var(--ressort)}
.ddec-menu__cta:hover>svg,.ddec-menu__cta:focus-visible>svg{transform:translateX(4px)}

/* Rubriques en accordéon */
.ddec-menu__rubriques{list-style:none;margin:0;padding:0}
.ddec-menu__rubrique{border-bottom:1px solid var(--ddec-line,#e3eae6)}
.ddec-menu__titre{width:100%;display:flex;align-items:center;gap:10px;padding:16px 6px;border:0;background:none;font:inherit;font-size:1.375rem;font-weight:600;letter-spacing:-.01em;color:var(--ddec-nuit,#22302A);cursor:pointer;text-align:left}
.ddec-menu__titre>span:first-child{flex:1}
.ddec-menu__nb{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:var(--ddec-brume);color:var(--ddec-encre);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}
.ddec-menu__titre>svg{width:22px;height:22px;color:var(--ddec-encre);transition:transform .35s var(--ressort)}
.ddec-menu__titre[aria-expanded=true]>svg{transform:rotate(180deg)}
.ddec-menu__titre[aria-expanded=true] .ddec-menu__nb{background:var(--ddec-jaune);color:var(--ddec-nuit)}
.ddec-menu__rubrique.is-ici>.ddec-menu__titre>span:first-child::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--ddec-jaune);vertical-align:middle}
.ddec-menu__tiroir:not([hidden]){animation:ddec-menu-tiroir .35s var(--ressort) both}
.ddec-menu__tiroir ul{list-style:none;margin:0 0 14px;padding:6px;border-radius:18px;background:var(--ddec-brume)}
.ddec-menu__tiroir a{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:12px;color:var(--ddec-encre);font-size:1rem;font-weight:500;text-decoration:none;background-image:none;transition:background-color .2s}
.ddec-menu__tiroir a>svg{margin-left:auto;width:16px;height:16px;opacity:.45;transition:transform .3s var(--ressort),opacity .2s}
.ddec-menu__tiroir a:hover,.ddec-menu__tiroir a:focus-visible{background:#fff}
.ddec-menu__tiroir a:hover>svg{transform:translateX(3px);opacity:1}
.ddec-menu__tiroir a[aria-current=page]{background:#fff;font-weight:650;box-shadow:inset 3px 0 0 var(--ddec-jaune)}

/* Liens directs en tuiles */
.ddec-menu__tuiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.ddec-menu__tuile{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-radius:18px;background:var(--ddec-brume);color:var(--ddec-nuit,#22302A);font-size:1.0625rem;font-weight:600;text-decoration:none;background-image:none;transition:background-color .2s}
.ddec-menu__tuile:hover{background:var(--ddec-sauge-50)}
.ddec-menu__tuile[aria-current=page]{box-shadow:inset 0 0 0 2px var(--ddec-encre)}
.ddec-menu__tuile>svg{width:16px;height:16px;opacity:.55}

/* Pied */
.ddec-menu__pied{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--ddec-line,#e3eae6);background:#fff}
.ddec-menu__appel,.ddec-menu__lettre{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;font-size:.9375rem;font-weight:600;text-decoration:none;background-image:none}
.ddec-menu__appel{background:var(--ddec-jaune);color:var(--ddec-nuit)}
.ddec-menu__lettre{box-shadow:inset 0 0 0 1.5px var(--ddec-encre);color:var(--ddec-encre)}
.ddec-menu__appel svg,.ddec-menu__lettre svg{width:18px;height:18px}
.ddec-menu__reseaux{display:flex;gap:4px;margin:0 0 0 auto;padding:0;list-style:none}
.ddec-menu__reseaux li{margin:0}
.ddec-menu__reseaux a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--ddec-encre);background-image:none}
.ddec-menu__reseaux a:hover{background:var(--ddec-brume)}
.ddec-menu__reseaux svg{width:20px;height:20px;fill:currentColor;stroke:none}

.ddec-menu :focus-visible{outline:3px solid var(--ddec-jaune);outline-offset:2px}

/* Entrée en cascade */
.ddec-menu[open] .ddec-menu__anim{animation:ddec-menu-monte .5s var(--ressort) both}
.ddec-menu[open] .ddec-menu__cta{animation-delay:.08s}
.ddec-menu[open] .ddec-menu__rubrique:nth-child(1){animation-delay:.12s}
.ddec-menu[open] .ddec-menu__rubrique:nth-child(2){animation-delay:.16s}
.ddec-menu[open] .ddec-menu__rubrique:nth-child(3){animation-delay:.2s}
.ddec-menu[open] .ddec-menu__rubrique:nth-child(4){animation-delay:.24s}
.ddec-menu[open] .ddec-menu__rubrique:nth-child(n+5){animation-delay:.28s}
.ddec-menu[open] .ddec-menu__tuile{animation-delay:.3s}
.ddec-menu[open] .ddec-menu__pied{animation-delay:.34s}

@keyframes ddec-menu-fond{from{opacity:0}}
@keyframes ddec-menu-entree{from{transform:translateX(100%)}}
@keyframes ddec-menu-sortie{to{transform:translateX(100%)}}
@keyframes ddec-menu-monte{from{opacity:0;transform:translateY(14px)}}
@keyframes ddec-menu-tiroir{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){
	.ddec-menu *,.ddec-menu::backdrop,.ddec-menu__panneau{animation:none!important;transition:none!important}
}
/* Petits écrans : tout le pied sur une ligne */
@media (max-width:420px){
	.ddec-menu__pied{flex-wrap:nowrap;gap:8px}
	.ddec-menu__lettre{width:44px;padding:0;justify-content:center}
	.ddec-menu__lettre span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.ddec-menu__reseaux{gap:0}
	.ddec-menu__reseaux a{width:36px;height:36px}
}