/* v5.5.64 · One-track / one-thumb Match Attribute interaction.
   Final Match Attribute is expressed by the soft bar only; the only circle
   visible on hover/drag is the real draggable Build Attribute thumb. */

@media(min-width:761px){
  /* Remove prototype-only extra circles and duplicate CAP indicator. */
  body.attribute-match-mode #attributes .match-result-dot,
  body.attribute-match-mode #attributes .match-base-marker,
  body.attribute-match-mode #attributes .match-cap-marker{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Final Match Attribute is bar-only. Slightly softer so the original price /
     cap track remains readable underneath. */
  body.attribute-match-mode #attributes .match-result-fill{
    display:block!important;
    z-index:8!important;
    height:5px!important;
    border-radius:999px!important;
    background:
      linear-gradient(
        90deg,
        rgba(205,216,227,.43),
        rgba(226,233,238,.67)
      )!important;
    box-shadow:
      0 0 8px rgba(205,216,227,.035)!important;
    opacity:.78!important;
  }

  /* While editing, let the base-price track and the real thumb become primary.
     The Match bar remains as a faint live reference. */
  body.attribute-match-mode #attributes .attr-row.match-dragging .match-result-fill,
  body.attribute-match-mode #attributes .attr-row .range-shell:hover .match-result-fill{
    opacity:.20!important;
  }

  /* Native base thumb is the only circle.
     Idle = no circle. Hover/drag = one circle at Build Attribute. */
  body.attribute-match-mode #attributes .mini-slider input[type="range"]::-webkit-slider-thumb{
    opacity:0!important;
  }
  body.attribute-match-mode #attributes .mini-slider input[type="range"]::-moz-range-thumb{
    opacity:0!important;
  }

  body.attribute-match-mode #attributes .attr-row .range-shell:hover input[type="range"]::-webkit-slider-thumb,
  body.attribute-match-mode #attributes .attr-row.match-dragging .mini-slider input[type="range"]::-webkit-slider-thumb{
    opacity:1!important;
  }
  body.attribute-match-mode #attributes .attr-row .range-shell:hover input[type="range"]::-moz-range-thumb,
  body.attribute-match-mode #attributes .attr-row.match-dragging .mini-slider input[type="range"]::-moz-range-thumb{
    opacity:1!important;
  }

  /* Wasted AP persists after release as a tiny red end tick rather than a dot. */
  #attributes .match-waste-tick{
    display:none;
  }

  body.attribute-match-mode #attributes .match-waste-tick{
    position:absolute;
    z-index:13;
    left:var(--match-display-pct,0%);
    top:50%;
    width:2px;
    height:9px;
    transform:translate(-1px,-50%);
    border-radius:2px;
    background:#b8615b;
    box-shadow:0 0 5px rgba(184,97,91,.13);
    pointer-events:none;
  }

  body.attribute-match-mode #attributes .match-waste-tick.has-waste{
    display:block;
  }

  /* During drag the waste message is already explicit, so hide the idle tick. */
  body.attribute-match-mode #attributes .attr-row.match-dragging .match-waste-tick{
    display:none!important;
  }

  /* Match AP cost toast moves to the number control, not the slider. */
  body.attribute-match-mode .ap-point-toast.match-number-anchor{
    z-index:180!important;
  }
}