/* Audited existing Evoweb verification appearance. */

  /* ====== Tema minimal + Realce Global do Elementor ====== */
  .evw-drag-min{
    --track-h: 8px;                 /* altura da barra */
    --thumb: 22px;                  /* diâmetro do “puxador” */
    --radius: 999px;
    --track: #e5e7eb;
    --border: #d1d5db;
    /* Usa o Realce Global do Elementor (accent) com fallback verde */
    --ok: var(--e-global-color-accent, #16a34a);
    --ink: #0f172a;
    position: relative; font: inherit; user-select: none;
    -webkit-user-select:none; -ms-user-select:none;
  }

  .evw-bar{
    position: relative; height: var(--track-h); background: var(--track);
    border-radius: var(--radius); box-shadow: inset 0 0 0 1px var(--border);
    touch-action: none; /* melhora gesto no mobile */
  }

  .evw-fill{
    position:absolute; inset:0 auto 0 0; width:0;
    background: #11182710; border-radius: var(--radius);
    transition: width .06s linear, background-color .2s ease;
  }

  .evw-thumb{
    position:absolute; top:50%; left:0; transform:translate(-50%,-50%);
    width: var(--thumb); height: var(--thumb); border-radius: var(--radius);
    background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,.06), inset 0 0 0 1px var(--border);
    cursor: grab;
  }
  .evw-thumb.evw-dragging{ cursor: grabbing; }

  /* O input cobre a barra, mas não recebe clique (exige puxar o círculo) */
  .evw-range{
    position:absolute; inset:calc((var(--thumb)-var(--track-h))/2*-1) 0;
    appearance:none; background:transparent; outline:none; z-index:1;
    pointer-events:none; /* bloqueia cliques na barra */
  }
  .evw-range::-webkit-slider-thumb{ -webkit-appearance:none; width:var(--thumb); height:var(--thumb); background:transparent; border:0; }
  .evw-range::-moz-range-thumb{ width:var(--thumb); height:var(--thumb); background:transparent; border:0; }

  .evw-indicator{ margin-top:.5rem; font-size:.85rem; color:#6b7280; }

  /* Estado desbloqueado com a cor global do Elementor */
  .evw-drag-min.evw-unlocked .evw-fill{ background: color-mix(in srgb, var(--ok) 18%, transparent); }
  .evw-drag-min.evw-unlocked .evw-thumb{
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ok) 30%, transparent),
                inset 0 0 0 1px var(--ok);
  }
  .evw-drag-min.evw-unlocked .evw-indicator{ color: var(--ok); font-weight:600; }
