/* D-SLS — sélecteurs de langue 2050 : orbite holographique (gauche) + module HUD (droite) */
.utilbar{position:relative;z-index:120!important;overflow:visible!important}
.utilbar .wrap,.utilbar-in{overflow:visible!important}
.utilbar-in{align-items:center}
/* ---------- B : orbite ---------- */
.lg-orb{position:relative;display:flex;align-items:center;gap:12px;--d:1;height:40px}
[dir=rtl] .lg-orb{--d:-1}
.lgo-core{position:relative;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;color:#fff;
 background:radial-gradient(circle at 50% 40%,rgba(61,214,195,.28),rgba(3,5,10,.95) 70%);border:1px solid rgba(61,214,195,.65);
 box-shadow:inset 0 0 10px rgba(61,214,195,.25);font:600 10.5px 'JetBrains Mono',ui-monospace,monospace;transition:transform .3s}
.lgo-core svg{position:absolute;width:28px;height:28px;color:#3DD6C3;opacity:.35;animation:lgsp 14s linear infinite}
.lgo-core em{position:relative;font-style:normal}
.lgo-core::before,.lgo-core::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.lgo-core::before{inset:-5px;border:1px dashed rgba(61,214,195,.4);animation:lgsp 10s linear infinite reverse}
.lgo-core::after{inset:-9px;border:1px solid transparent;border-top-color:#E8890A;border-right-color:rgba(232,137,10,.45);animation:lgsp 2.8s linear infinite}
.lgo-core:hover{transform:scale(1.08)}
@keyframes lgsp{to{transform:rotate(360deg)}}
.lgo-hint{font:500 10px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.24em;color:#3DD6C3;text-transform:uppercase;white-space:nowrap;transition:opacity .3s}
.lg-orb.open .lgo-hint{opacity:0}
.lgo-sat a{position:absolute;left:17px;top:20px;z-index:2;width:34px;height:34px;margin:-17px;border-radius:50%;display:grid;place-items:center;text-decoration:none!important;
 color:#dff8ff!important;font:600 10.5px 'JetBrains Mono',ui-monospace,monospace;background:rgba(6,11,20,.95);border:1px solid rgba(61,214,195,.6);box-shadow:none;
 transform:translate(0,0) scale(.3);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.9,.25,1.3),opacity .3s,background .2s}
[dir=rtl] .lgo-sat a{left:auto;right:17px;margin:-17px}
.lg-orb.open .lgo-sat a{opacity:1;pointer-events:auto}
.lg-orb.open .lgo-sat a:nth-child(1){transform:translate(calc(66px*var(--d)),2px)}
.lg-orb.open .lgo-sat a:nth-child(2){transform:translate(calc(60px*var(--d)),30px);transition-delay:.04s}
.lg-orb.open .lgo-sat a:nth-child(3){transform:translate(calc(42px*var(--d)),54px);transition-delay:.08s}
.lg-orb.open .lgo-sat a:nth-child(4){transform:translate(calc(16px*var(--d)),66px);transition-delay:.12s}
.lg-orb.open .lgo-sat a:nth-child(5){transform:translate(calc(-12px*var(--d)),66px);transition-delay:.16s}
[dir=rtl] .lg-orb.open .lgo-sat a{transform:none}
[dir=rtl] .lg-orb.open .lgo-sat a:nth-child(1){transform:translate(-66px,2px)}
[dir=rtl] .lg-orb.open .lgo-sat a:nth-child(2){transform:translate(-60px,30px)}
[dir=rtl] .lg-orb.open .lgo-sat a:nth-child(3){transform:translate(-42px,54px)}
[dir=rtl] .lg-orb.open .lgo-sat a:nth-child(4){transform:translate(-16px,66px)}
[dir=rtl] .lg-orb.open .lgo-sat a:nth-child(5){transform:translate(12px,66px)}
.lgo-sat a:hover{background:#3DD6C3;color:#02060c!important}
.lgo-sat a.on{border-color:#E8890A;color:#E8890A!important;box-shadow:none}
.lgo-sat a.on:hover{background:#E8890A;color:#111!important}
.lg-orb.open::before{content:"";position:absolute;left:-14px;top:-6px;width:130px;height:130px;border-radius:50%;z-index:1;pointer-events:none;
 background:radial-gradient(circle at 24% 20%,rgba(61,214,195,.14),transparent 65%)}
/* ---------- D : module HUD ---------- */
.lg-hud{position:relative;margin-inline-start:6px}
.lgh-btn{display:flex;align-items:center;gap:10px;padding:3px 10px 3px 3px;cursor:pointer;color:#e9f6ff;font:500 10.5px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;
 background:linear-gradient(#060b14,#060b14) padding-box,linear-gradient(110deg,#3DD6C3,#E8890A) border-box;border:1px solid transparent;border-radius:3px;box-shadow:none}
.lgh-cell{position:relative;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(61,214,195,.4);background:radial-gradient(circle,rgba(61,214,195,.2),transparent 70%);color:#3DD6C3;overflow:hidden}
.lgh-cell svg{width:16px;height:16px;filter:none;animation:lgsp 9s linear infinite}
.lgh-cell::after{content:"";position:absolute;left:0;right:0;height:1px;background:#3DD6C3;box-shadow:none;animation:lgscan 2.4s linear infinite}
@keyframes lgscan{from{top:-2px}to{top:28px}}
.lgh-chev{color:#E8890A;transition:transform .3s;font-size:10px}
.lg-hud.open .lgh-chev{transform:rotate(180deg)}
.lgh-panel{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:250px;padding:8px;z-index:80;background:rgba(6,11,20,.97);border:1px solid rgba(61,214,195,.35);
 box-shadow:0 20px 50px rgba(0,0,0,.6);backdrop-filter:blur(12px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.3s}
.lg-hud.open .lgh-panel{opacity:1;transform:none;pointer-events:auto}
.lgh-panel>div{font:500 9px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.24em;color:#3DD6C3;padding:6px 8px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}
.lgh-panel a{display:flex;align-items:center;gap:12px;padding:9px 8px;color:#dbe6ef!important;text-decoration:none!important;border-inline-start:2px solid transparent;transition:.2s}
.lgh-panel a b{font:600 11px 'JetBrains Mono',ui-monospace,monospace;color:#3DD6C3;width:24px}
.lgh-panel a span{flex:1;font-size:14px;font-family:var(--font-display)}
.lgh-panel a i{display:flex;gap:2px;align-items:flex-end}
.lgh-panel a i u{display:block;width:3px;background:#3DD6C3;opacity:.35;text-decoration:none}
.lgh-panel a i u:nth-child(1){height:5px}.lgh-panel a i u:nth-child(2){height:8px}.lgh-panel a i u:nth-child(3){height:11px}
.lgh-panel a:hover{background:rgba(61,214,195,.08);border-color:#3DD6C3}
.lgh-panel a:hover i u{opacity:1}
.lgh-panel a.on{border-color:#E8890A;background:rgba(232,137,10,.08)}
.lgh-panel a.on b,.lgh-panel a.on span{color:#E8890A}
.lgh-panel a.on i u{background:#E8890A;opacity:1}
:root[data-theme=day] .lgh-btn{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#0aa8b8,#E8890A) border-box;color:#0a1222}
@media (max-width:700px){.lgh-txt{display:none}.lgo-hint{font-size:9px;letter-spacing:.16em}.lgh-panel{position:fixed;left:12px;right:12px;width:auto;top:auto}}
@media (prefers-reduced-motion:reduce){.lgo-core svg,.lgo-core::before,.lgo-core::after,.lgh-cell svg,.lgh-cell::after{animation:none}}
.catv-share{flex-wrap:wrap}
.sh-btn.sh-file{width:auto!important;padding:0 12px!important;gap:8px;display:inline-flex;align-items:center;color:#E8890A!important;border-color:rgba(232,137,10,.45)!important;font:600 11px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;cursor:pointer}
.sh-btn.sh-file svg{width:18px;height:18px}
.sh-btn.sh-file.busy{opacity:.6;animation:shb 1s infinite}
.sh-btn.sh-file.rdy{background:#25D366!important;border-color:#25D366!important;color:#04140a!important;animation:shr 1.2s infinite}
@keyframes shb{50%{opacity:.3}}@keyframes shr{50%{box-shadow:0 0 0 6px rgba(37,211,102,.25)}}
/* ---------- bouton d'accès à l'étude photométrique (barre du haut) ---------- */
.utilbar .ub-photo{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 6px 0 13px;margin-inline-start:14px;margin-inline-end:auto;border-radius:999px;
 background:linear-gradient(90deg,#e8890a,#ffb347);color:#1a1205!important;font:700 11.5px/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;white-space:nowrap;
 box-shadow:0 4px 14px -4px rgba(232,137,10,.7);transition:filter .2s,box-shadow .2s,transform .2s;flex:0 0 auto}
[dir=rtl] .utilbar .ub-photo{background:linear-gradient(270deg,#e8890a,#ffb347);padding:0 13px 0 6px}
.utilbar .ub-photo:hover,.utilbar .ub-photo.on{filter:brightness(1.08);box-shadow:0 6px 18px -4px rgba(232,137,10,.9);transform:translateY(-1px)}
.utilbar .ub-photo:focus-visible{outline:2px solid #3DD6C3;outline-offset:2px}
.utilbar .ub-photo .uph-ic{display:none;font-style:normal;width:16px;height:16px}
.utilbar .ub-photo .uph-ic svg{width:16px;height:16px;display:block}
.utilbar .ub-photo em{font-style:normal;display:inline-flex;align-items:center;gap:5px;background:#1a1205;color:#ffd08a;border-radius:999px;padding:4px 8px;font:600 9.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em}
.utilbar .ub-photo em::before{content:"";width:6px;height:6px;border-radius:50%;background:#3DD6C3;box-shadow:0 0 0 0 rgba(61,214,195,.7);animation:uph-ping 1.6s infinite}
@keyframes uph-ping{70%{box-shadow:0 0 0 6px rgba(61,214,195,0)}100%{box-shadow:0 0 0 0 rgba(61,214,195,0)}}
@media (prefers-reduced-motion:reduce){.utilbar .ub-photo em::before{animation:none}}
.utilbar .ub-photo-m{display:none!important}
@media (max-width:720px){.utilbar .ub-photo:not(.ub-photo-m){display:none!important}
 .utilbar .ub-links>a.ub-photo-m,.utilbar a.ub-photo.ub-photo-m{display:inline-flex!important;position:relative;width:32px;height:32px;padding:0;gap:0;margin:0;justify-content:center;border-radius:50%}
 .utilbar .ub-photo-m .uph-ic{display:block;width:18px;height:18px}.utilbar .ub-photo-m .uph-ic svg{width:18px;height:18px}
 .utilbar .ub-photo-m::after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background:#3DD6C3;border:2px solid #070c15;animation:uph-ping 1.6s infinite}}
/* ---------- curseur : flèche normale du système (point + anneau personnalisés retirés) ---------- */
#cursor-dot,#cursor-ring{display:none!important}
@media (hover:hover) and (pointer:fine){
 body,label{cursor:auto!important}
 a,button,select,summary,[role=button],label[for],input[type=checkbox],input[type=radio],input[type=submit],input[type=button]{cursor:pointer!important}
 input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=password],input[type=url],textarea{cursor:text!important}
}
/* ---------- sélecteur de langue en mode jour : anthracite RAL 7016 + cuivre (au lieu du blanc) ---------- */
:root[data-theme=day] .lgh-btn{background:linear-gradient(#383e42,#2f3438) padding-box,linear-gradient(110deg,#c8762c,#ffb347 55%,#c8762c) border-box!important;color:#f3ead9!important;box-shadow:0 2px 10px -3px rgba(56,62,66,.55)}
:root[data-theme=day] .lgh-btn:hover{background:linear-gradient(#41484d,#363c40) padding-box,linear-gradient(110deg,#e8890a,#ffc66e 55%,#e8890a) border-box!important}
:root[data-theme=day] .lgh-cell{border-color:rgba(255,179,71,.55)!important;background:radial-gradient(circle,rgba(255,179,71,.22),transparent 70%)!important;color:#ffb347!important}
:root[data-theme=day] .lgh-cell::after{background:#ffb347!important;box-shadow:none!important}
:root[data-theme=day] .lgh-txt{color:#f3ead9!important}
:root[data-theme=day] .lgh-chev{color:#ffb347!important}
/* bouton « Calcul photométrique gratuit » : même style que Agence / Communication / Contacts */
.utilbar .ub-links>a.ub-calc{white-space:nowrap}
/* ================= PALETTE 2026 : B « sobre premium » la nuit, C « jour institutionnel » le jour ================= */
:root:not([data-theme=day]){--bg:#0E141C;--panel:#161D26;--panel-solid:#161D26;--glass:#161D26;--glass-line:rgba(255,255,255,.07);--line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);
 --txt:#F1F3F5;--muted:#AEB7C1;--light:#E8890A;--lidar:#3DD6C3;--solar:#3FBF84;--c1:#E8890A;--c2:#3DD6C3;--c5:#3FBF84;--glow-a:rgba(232,137,10,.15);--glow-t:rgba(61,214,195,.12)}
:root[data-theme=day]{--bg:#F6F4EF;--panel:#FFFFFF;--panel-solid:#FFFFFF;--glass:#FFFFFF;--line:#E0DCD3;--line-soft:#EBE7DF;--txt:#1F2326;--muted:#5B6268;
 --light:#C8762C;--lidar:#1F9E8F;--solar:#2E7D5B;--c1:#C8762C;--c2:#1F9E8F;--c5:#2E7D5B;--glow-a:rgba(200,118,44,.12);--glow-t:rgba(31,158,143,.1)}
:root[data-theme=day] body{background:#F6F4EF}
.utilbar{background:#383E42!important}
.utilbar .ub-links>a:not(.ub-cms)::before{animation:none!important;opacity:.55}
.scanline{display:none!important}
/* écrans moyens : liens « mobiles » seulement avec le menu burger, barre du haut compacte */
@media (min-width:1081px){.menu .m-util{display:none!important}}
@media (max-width:1320px) and (min-width:721px){.utilbar .ub-links{gap:8px}.utilbar .ub-links>a:not(.ub-cms){padding:5px 8px!important;font-size:10.5px}.utilbar .lgh-txt{display:none!important}}
/* ---------- tablette 721–1023 px : le bouton texte « Calcul photométrique gratuit » devient l'icône ronde (audit n° 44 : plus de défilement horizontal) ---------- */
@media (min-width:721px) and (max-width:1023px){
 .utilbar .ub-links>a.ub-calc{display:none!important}
 .utilbar .ub-links>a.ub-photo-m,.utilbar a.ub-photo.ub-photo-m{display:inline-flex!important;position:relative;width:32px;height:32px;padding:0!important;gap:0;margin:0;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto}
 .utilbar .ub-photo-m .uph-ic{display:block;width:18px;height:18px}.utilbar .ub-photo-m .uph-ic svg{width:18px;height:18px}
 .utilbar .ub-photo-m::after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background:#3DD6C3;border:2px solid #070c15;animation:uph-ping 1.6s infinite}
}
