/* D-SLS — menu « Rue la nuit » 5.4.3.6 : candélabres 3000 K, gradation logarithmique DALI, crosse graduée (ordinateur) */
@media (min-width:1081px){
 .menu-disano>li>a.mlink.rue{--o:.4;position:relative;padding:20px 6px 20px 44px!important;white-space:nowrap;color:rgba(255,236,210,calc(.6 + var(--o)*.4))!important;text-shadow:0 0 calc(var(--o)*10px) rgba(255,190,110,.65);overflow:visible}
 .menu-disano>li>a.mlink.rue::after{display:none!important}
 .menu-disano{flex-wrap:nowrap!important;gap:2px!important}
 .rue .rp{position:absolute;left:2px;top:-2px;width:34px;height:42px;pointer-events:none}
 .rue .rp path{fill:none;stroke:#6b7782;stroke-width:3}.rue .rp .hd{fill:#3a434c}.rue .rp .hl{fill:#ffd9a0;opacity:calc(.35 + var(--o)*.65);filter:drop-shadow(0 0 3px #ffb860)}
 .rue .rc{position:absolute;left:29px;top:4px;width:150px;height:96px;margin-left:-67px;pointer-events:none;background:radial-gradient(55% 100% at 50% 0,rgba(255,196,120,.5),rgba(255,196,120,.12) 55%,transparent 78%);clip-path:polygon(40% 0,50% 0,100% 100%,0 100%);mix-blend-mode:screen;opacity:var(--o);z-index:-1}
 .rue .ra{position:absolute;left:10px;top:0;width:18px;height:4px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;pointer-events:none}
 .rue .ra b{display:block;height:100%;width:calc(var(--o)*100%);background:linear-gradient(90deg,#ff9a2e,#ffe2b0);box-shadow:0 0 6px #ffb860}
 .rue .rn{position:absolute;left:19px;top:6px;transform:translateX(-50%);font:700 8.5px/1.1 'JetBrains Mono',monospace;color:#ffcf8a;text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 0 5px rgba(255,170,80,.7)}
 .rue .rn u{display:block;text-decoration:none;font-weight:500;font-size:7px;color:#4ff3ff}
 .rue i{color:#F39C1B!important}
 /* Agence · Communication · Contacts : lumière qui fait le tour du cadre (5.4.D) */
 .utilbar .ub-links>a:not(.ub-cms){position:relative;padding:6px 11px!important;border-radius:6px;overflow:hidden;isolation:isolate;color:#f0dfc4!important;box-shadow:0 0 0 1px rgba(255,200,130,.25),0 0 12px rgba(255,170,80,.22)}
 .utilbar .ub-links>a:not(.ub-cms)::before{content:"";position:absolute;inset:-160%;background:conic-gradient(from 0deg,rgba(255,200,130,.3) 0 60%,#ffe2b0 80%,#ffb860 88%,rgba(255,200,130,.3) 100%);animation:rue-rot 3s linear infinite;z-index:-2}
 .utilbar .ub-links>a:not(.ub-cms)::after{content:"";position:absolute;inset:2px;border-radius:5px;background:#1b2026;z-index:-1}
 .utilbar .ub-links>a:not(.ub-cms):hover{color:#fff!important}.utilbar .ub-links>a:not(.ub-cms):hover::before{animation-duration:1.1s}
}
@keyframes rue-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.utilbar .ub-links>a::before{animation:none!important}}
@media (min-width:1081px){
 :root[data-theme=day] .menu-disano>li>a.mlink.rue{color:rgba(40,28,12,calc(.7 + var(--o)*.3))!important;text-shadow:0 0 calc(var(--o)*12px) rgba(255,170,60,.55)}
 :root[data-theme=day] .rue .rc{mix-blend-mode:multiply;background:radial-gradient(55% 100% at 50% 0,rgba(255,170,60,.38),rgba(255,190,110,.1) 55%,transparent 78%)}
 :root[data-theme=day] .rue .rn{color:#b4690e;text-shadow:none}:root[data-theme=day] .rue .rn u{color:#0a8fa0}
 :root[data-theme=day] .rue .rp path{stroke:#8a96a2}
}
/* sous-menus : bande horizontale fine sous le menu (ne couvre pas la page) */
@media (min-width:1081px){
 .topbar .nav{position:relative}
 .menu-disano,.menu-disano>li{position:static!important}
 .menu-disano>li>.drop{position:fixed!important;left:50%!important;margin-left:calc(min(1240px,96vw) / -2)!important;right:auto!important;top:calc(100% - 1px)!important;transform:none!important;width:min(1240px,96vw)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;min-width:0!important;
  display:none;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:10px 12px!important;border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,rgba(255,196,120,.14),rgba(24,28,34,.96) 40px)!important;border:1px solid rgba(255,200,130,.25)!important;border-top:2px solid #ffd9a0!important;
  box-shadow:0 -4px 18px rgba(255,170,80,.3),0 16px 36px rgba(0,0,0,.45)!important;backdrop-filter:blur(12px)}
 .menu-disano>li>.drop{display:none!important}.menu-disano>li.rue-open>.drop,.menu-disano>li.rue-out>.drop{display:grid!important}
 
 .menu-disano>li>.drop>a{display:block!important;padding:8px 10px 8px 14px!important;border-radius:6px!important;position:relative;line-height:1.25;min-width:0}
 .menu-disano>li>.drop>a:before{content:"";position:absolute;left:4px;top:9px;bottom:9px;width:2px;border-radius:2px;background:rgba(255,200,130,.25);transition:.25s}
 .menu-disano>li>.drop>a:hover:before{background:#ffd9a0;box-shadow:0 0 8px #ffb860}
 .menu-disano>li>.drop>a b{font-size:13px;color:#f3e6d2!important;display:block}
 .menu-disano>li>.drop>a small{display:block;margin-top:2px;font-size:10px;color:#9fb0c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .menu-disano>li>.drop>a:hover{background:rgba(255,196,120,.1)!important}.menu-disano>li>.drop>a:hover b{color:#ffcf8a!important}
 :root[data-theme=day] .menu-disano>li>.drop{background:linear-gradient(180deg,rgba(255,196,120,.2),#fff 40px)!important}
 :root[data-theme=day] .menu-disano>li>.drop>a b{color:#2a1c0c!important}:root[data-theme=day] .menu-disano>li>.drop>a small{color:#5a6a7a}
}
@media (min-width:1081px){.menu-disano>li>.drop{transition:none!important;transition-delay:0s!important}.menu-disano>li>.drop>a,.menu-disano>li>.drop>a:before{transition:.1s!important}}
/* jour comme nuit : barre de menu sombre, écriture claire (les candélabres restent lisibles) */
@media (min-width:1081px){
 :root[data-theme=day] .topbar{background:rgba(32,37,43,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 6px 24px rgba(0,0,0,.18)}
 :root[data-theme=day] .menu-disano>li>a.mlink.rue{color:rgba(255,244,228,calc(.82 + var(--o)*.18))!important;text-shadow:0 0 calc(var(--o)*10px) rgba(255,190,110,.65)}
 :root[data-theme=day] .rue .rc{mix-blend-mode:screen;background:radial-gradient(55% 100% at 50% 0,rgba(255,196,120,.5),rgba(255,196,120,.12) 55%,transparent 78%)}
 :root[data-theme=day] .rue .rn{color:#ffcf8a;text-shadow:0 0 5px rgba(255,170,80,.7)}:root[data-theme=day] .rue .rn u{color:#4ff3ff}
 :root[data-theme=day] .rue .rp path{stroke:#6b7782}
 :root[data-theme=day] .topbar .brand-sub,:root[data-theme=day] .topbar .brand-name,:root[data-theme=day] .topbar .sysstat{color:#c9d4df!important}
 :root[data-theme=day] .s5in{background:rgba(0,0,0,.28)!important;border-color:rgba(255,196,120,.45)!important;color:#eef3f8}
 :root[data-theme=day] .s5in input::placeholder{color:#9fb0c2}
}

/* ouverture douce mais rapide : déroulé + fondu, sans saut */
@media (min-width:1081px){
 .menu-disano>li.rue-open>.drop{animation:rue-in .26s cubic-bezier(.22,1,.36,1) both}
 .menu-disano>li.rue-open>.drop>a{animation:rue-it .3s cubic-bezier(.22,1,.36,1) both}
 .menu-disano>li.rue-open>.drop>a:nth-child(2){animation-delay:.03s}.menu-disano>li.rue-open>.drop>a:nth-child(3){animation-delay:.06s}.menu-disano>li.rue-open>.drop>a:nth-child(4){animation-delay:.09s}.menu-disano>li.rue-open>.drop>a:nth-child(5){animation-delay:.12s}.menu-disano>li.rue-open>.drop>a:nth-child(n+6){animation-delay:.15s}
 .menu-disano.rue-sw>li.rue-open>.drop{animation:rue-fd .18s ease-out both}
 .menu-disano.rue-sw>li.rue-open>.drop>a{animation:rue-it .22s ease-out both}
 .menu-disano>li.rue-out>.drop{animation:rue-ou .18s ease-in both;pointer-events:none}
 .menu-disano.rue-sw>li.rue-out>.drop{display:none!important}
 @keyframes rue-in{from{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0 round 10px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 10px)}}
 @keyframes rue-fd{from{opacity:.55}to{opacity:1}}
 @keyframes rue-it{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
 @keyframes rue-ou{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}
 @media (prefers-reduced-motion:reduce){.menu-disano>li>.drop,.menu-disano>li>.drop>a{animation:none!important}}
}
/* mobile / tablette : mini candélabre allumé à côté du libellé, sans jauge */
@media (max-width:1080px){
 .menu-disano>li>a.mlink.rue{display:flex!important;align-items:center;gap:12px;position:relative}
 .rue .rp{flex:0 0 auto;width:18px!important;height:22px!important;overflow:visible;filter:drop-shadow(0 0 4px rgba(255,180,90,.55))}
 .rue .rp path{fill:none;stroke:#8a96a2;stroke-width:2.4;stroke-linecap:round}
 .rue .rp .hd{fill:#3a4048}.rue .rp .hl{fill:#ffc27a}
 .rue .rc,.rue .ra,.rue .rn{display:none!important}
}
@media (max-width:1080px){
 .menu-disano>li>a.mlink.rue,.menu .m-util a.rue,.menu a.mlink.rue{justify-content:flex-start!important;text-align:left!important}
 .menu-disano>li>a.mlink.rue::after,.menu a.mlink.rue::after{margin-left:auto!important}
 .rue .rp{width:20px!important;height:24px!important;filter:drop-shadow(0 3px 5px rgba(255,170,70,.75))}
 .rue .rp .hl{fill:#ffd08f}
}

/* bouton HOME */
.utilbar .ub-home,.utilbar .ub-links>a.ub-home{display:inline-flex!important;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:999px;border:1px solid rgba(232,137,10,.55)!important;background:rgba(232,137,10,.10)!important;color:#e8890a!important;font:600 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s;flex:0 0 auto}
.utilbar .ub-home::before{display:none!important}
.utilbar .ub-home svg{width:15px;height:15px}
.utilbar .ub-home:hover,.utilbar .ub-home.on{background:rgba(232,137,10,.22)!important;box-shadow:0 0 12px rgba(255,170,60,.45)}
@media (max-width:1080px){.utilbar .ub-home{height:34px;padding:0 14px 0 12px;font-size:12px;margin-left:auto}.utilbar .ub-home svg{width:17px;height:17px}}

/* HOME flottant (en bas à gauche) quand l'en-tête n'est plus visible */
.ub-homef{position:fixed;left:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:900;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 14px;border-radius:999px;border:1px solid rgba(232,137,10,.6);background:rgba(28,32,38,.92);color:#ffb347;font:700 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.35),0 0 14px rgba(255,170,60,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}
.ub-homef.show{opacity:1;transform:none;pointer-events:auto}
.ub-homef svg{width:18px;height:18px}
.ub-homef:active{transform:scale(.96)}
:root[data-theme=day] .ub-homef{background:rgba(255,255,255,.95);color:#c96f00}
html[dir=rtl] .ub-homef{left:auto;right:16px}
@media (min-width:1081px){.ub-homef{left:24px;bottom:24px;height:42px}}