/* ===== shared P-R-N-D gear lever (NDCockpit.initRLever) – used by every automatic car in the site ===== */
.rlever{position:relative;width:66px;height:138px;flex:none;border-radius:18px;padding:0;display:block!important;background:radial-gradient(120% 80% at 50% 0%,#2b3142 0%,#141824 55%,#0b0d14 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 10px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.5);touch-action:none;user-select:none;-webkit-user-select:none}
.rlever::before{content:"";position:absolute;left:14px;top:14px;bottom:14px;width:12px;border-radius:8px;background:linear-gradient(90deg,#05060a,#1b1f2b 50%,#05060a);box-shadow:inset 0 0 5px #000,0 1px 0 rgba(255,255,255,.08)}
.rlever::before{display:block!important}.rlever::after{display:none}
.rlever .gr,.rlever .gear{position:absolute!important;left:30px;width:32px!important;height:28px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#5d6577;font:900 1.02rem Rubik,Arial!important;display:grid;place-items:center;cursor:pointer;transition:color .15s,text-shadow .15s;touch-action:manipulation}
.rlever [data-g=P]{top:11px}.rlever [data-g=R]{top:40px}.rlever [data-g=N]{top:69px}.rlever [data-g=D]{top:98px}
.rlever .gr.on,.rlever .gear.on{color:#fff!important;text-shadow:0 0 10px var(--gc,#fff)}
.rlever [data-g=P]{--gc:#60A5FA}.rlever [data-g=R]{--gc:#F43F5E}.rlever [data-g=N]{--gc:#FBBF24}.rlever [data-g=D]{--gc:#22C55E}
.rl-knob{position:absolute;left:4px;top:calc(9px + var(--gi,0) * 29px);width:32px;height:32px;border-radius:50%;pointer-events:none;transition:top .18s cubic-bezier(.3,1.4,.5,1);
  background:radial-gradient(circle at 35% 30%,#ffffff 0%,#d9dee7 18%,#8c95a6 55%,#3b4252 100%);box-shadow:0 6px 10px rgba(0,0,0,.6),inset 0 -3px 5px rgba(0,0,0,.35)}
.rl-knob::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--kc,#60A5FA);box-shadow:0 0 10px var(--kc,#60A5FA);opacity:.9}
.rlever.drag .rl-knob{transition:none}

/* nicer console: label plate, the lever is as tall as the gas pedal, scaled (not squeezed) on phones */
.rlever{background:radial-gradient(120% 70% at 50% 0%,#323a4f 0%,#171b28 55%,#0b0d14 100%)}
.rlever::after{content:"הילוך"!important;display:block!important;position:absolute;left:0;right:0;bottom:-18px;text-align:center;font:700 10px Assistant,Rubik,Arial,sans-serif;color:rgba(255,255,255,.6);pointer-events:none}
.pedals .rlever{transform:scale(.86);transform-origin:bottom center;margin-block:-19px 18px}
@media (max-width:640px){.pedals .rlever{transform:scale(.74);margin:-36px -6px 18px -6px}}
.rlever .gr:hover,.rlever .gear:hover{color:#cbd5e1!important}
.rlever .gr:focus-visible,.rlever .gear:focus-visible{outline:3px solid #5EEAD4;outline-offset:1px}
