/* Menus déroulants de la barre de navigation (dépliage en 3D). */
.cf-dd{position:relative;display:inline-flex}
.cf-dd-btn{display:inline-flex;align-items:center;gap:5px;color:#C9D6EA;background:none;border:0;font:inherit;font-size:.92rem;padding:8px 11px;border-radius:6px;cursor:pointer;white-space:nowrap}
.cf-dd-btn svg{width:12px;height:12px;transition:transform .25s ease}
.cf-dd-btn:hover,.cf-dd.open .cf-dd-btn{color:#fff;background:rgba(255,255,255,.08)}
.cf-dd-btn[aria-current="page"]{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 -2px 0 #F07F1A}
.cf-dd.open .cf-dd-btn svg{transform:rotate(180deg)}
.cf-dd-menu{position:absolute;left:0;top:calc(100% + 10px);z-index:80;min-width:300px;padding:12px;border-radius:16px;background:rgba(9,22,43,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(34,184,255,.25);box-shadow:0 30px 70px -20px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04);transform-origin:50% 0;transform:perspective(900px) rotateX(-75deg) translateY(-6px);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .25s ease,visibility 0s .45s}
.cf-dd.open .cf-dd-menu{transform:perspective(900px) rotateX(0) translateY(0);opacity:1;visibility:visible;transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .25s ease,visibility 0s}
.cf-dd-head{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#7FD3FF;padding:2px 8px 8px}
.cf-dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.cf-dd-menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:#E6EEF9;text-decoration:none;transform:perspective(600px) rotateX(-40deg) translateY(8px);opacity:0;transition:transform .45s cubic-bezier(.2,1.3,.3,1) calc(var(--i) * 35ms),opacity .3s ease calc(var(--i) * 35ms),background .2s}
.cf-dd.open .cf-dd-menu a{transform:none;opacity:1}
.cf-dd-menu a:hover,.cf-dd-menu a:focus-visible{background:rgba(34,184,255,.12)}
.cf-dd-menu a b{display:block;font-size:.9rem;font-weight:600}
.cf-dd-menu a small{display:block;font-size:.74rem;color:#9FB3CF}
.cf-dd-ic{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1.05rem;background:linear-gradient(135deg,rgba(34,184,255,.22),rgba(240,127,26,.22));border:1px solid rgba(255,255,255,.1);transition:transform .35s ease}
.cf-dd-menu a:hover .cf-dd-ic{transform:perspective(300px) rotateY(180deg) scale(1.08)}
@media (max-width:760px){.cf-dd-menu{position:fixed;left:8px;right:8px;top:110px;min-width:0;max-height:70vh;overflow:auto}.cf-dd-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cf-dd-menu,.cf-dd-menu a{transition:none!important;transform:none!important}}