/* Walkje soft-launch final flow patch.
   No live payments. Slider-first search. Tiny mobile header remains.
*/

:root{
  --wj-green:#22c55e;
  --wj-dark:#05210f;
  --wj-panel:rgba(255,255,255,.06);
  --wj-line:rgba(255,255,255,.13);
  --wj-text:#f5fff7;
  --wj-soft:#cfe8d5;
  --wj-warn:#ffe8b8;
}

/* Remove old public GPS panels. Saved area is enough. */
[data-wj-gps-panel],
.wj-gps-once-panel,
.wj-slider-bank,
.wj-slider-search-note{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Sliders */
input[type="range"]{
  accent-color:var(--wj-green)!important;
}

.wj-soft-slider-wrap{
  border:1px solid var(--wj-line);
  background:rgba(255,255,255,.045);
  border-radius:18px;
  padding:10px 12px;
  margin:8px 0;
}

.wj-soft-slider-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:#d8ffe3;
  font-weight:1000;
  font-size:13px;
  margin-bottom:6px;
}

.wj-soft-slider-head strong{
  color:#f5fff7;
  white-space:nowrap;
}

.wj-soft-slider-wrap input[type="range"]{
  width:100%;
}

/* Soft launch payment state */
.wj-softlaunch-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(245,158,11,.13);
  border:1px solid rgba(245,158,11,.32);
  color:var(--wj-warn);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.02em;
}

.wj-no-payment-box{
  margin-top:12px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(245,158,11,.11);
  border:1px solid rgba(245,158,11,.32);
  color:var(--wj-warn);
  font-weight:900;
  line-height:1.35;
}

/* Make route cards/buttons easier to tap */
a[href],
button{
  touch-action:manipulation;
}

@media(max-width:900px){
  a[href],
  button{
    min-height:44px;
  }

  .wj-soft-slider-wrap{
    border-radius:16px;
    padding:9px 11px;
  }
}