/* Canonical decision-intent controls.
   These buttons replace the original quick-intent component at runtime, so their
   visual state must be the same contract: blue = selected/action, graphite = neutral. */

.decision-intent-summary{
  margin:-8px 0 16px;
  padding:9px 11px;
  border:1px solid #cfd3cf;
  border-radius:2px;
  background:#f7f8f5;
  color:#5f6763;
  font-size:11px;
  line-height:1.45;
}
.decision-intent-summary.hidden{display:none}

.quick-intents .decision-intent{
  min-width:0;
  min-height:46px;
  margin:0;
  border:0;
  border-right:1px solid #cfd3cf;
  border-radius:0;
  background:#fbfcfa;
  color:#1d2421;
  padding:9px 12px;
  font-size:12px;
  font-weight:720;
  line-height:1.25;
  white-space:normal;
  text-align:left;
  cursor:pointer;
}
.quick-intents .decision-intent:last-child{border-right:0}
.quick-intents .decision-intent:hover,
.quick-intents .decision-intent:focus-visible{
  border-color:#aeb5b0;
  background:#eef0ec;
  color:#0b0e0d;
}
.quick-intents .decision-intent.active,
.quick-intents .decision-intent[aria-pressed="true"]{
  border-color:#2848e8;
  background:#2848e8;
  color:#fff;
}

/* First-use intent choices carry practical meaning, not just labels. */
body:not(.has-live-results) .quick-intents .decision-intent{
  position:relative;
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  padding:12px 14px;
}
body:not(.has-live-results) .quick-intents .decision-intent::after{
  display:block;
  color:#7d8581;
  font-size:10px;
  font-weight:560;
  line-height:1.3;
  letter-spacing:0;
}
body:not(.has-live-results) .quick-intents .decision-intent[data-decision-intent="bathroom"]::after{content:"Fastest useful option"}
body:not(.has-live-results) .quick-intents .decision-intent[data-decision-intent="easy-stop"]::after{content:"Parking + washroom"}
body:not(.has-live-results) .quick-intents .decision-intent[data-decision-intent="kids"]::after{content:"Playground first"}
body:not(.has-live-results) .quick-intents .decision-intent[data-decision-intent="dog"]::after{content:"Dog area nearby"}
body:not(.has-live-results) .quick-intents .decision-intent.active::after,
body:not(.has-live-results) .quick-intents .decision-intent[aria-pressed="true"]::after{color:#dfe3ff}

.need-chip.intent-hard-selected{box-shadow:none}
.need-chip.intent-soft-selected{
  display:inline-flex;
  border-style:dashed;
  border-color:#9da9df;
  background:#f2f4ff;
  color:#35479d;
  opacity:.98;
}
.need-chip.intent-soft-selected::after{
  content:'prefer';
  margin-left:5px;
  font-size:8px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#6673ad;
}

body[data-decision-intent="easy-stop"] .decision-trust,
body[data-decision-intent="kids"] .decision-trust,
body[data-decision-intent="dog"] .decision-trust{display:none}

@media(max-width:900px){
  .quick-intents .decision-intent:nth-child(2){border-right:0}
  .quick-intents .decision-intent:nth-child(-n+2){border-bottom:1px solid #cfd3cf}
}

@media(max-width:760px){
  .quick-intents .decision-intent{min-height:44px}
  body:not(.has-live-results) .quick-intents .decision-intent{
    min-height:66px;
    padding:10px 11px;
  }
  body:not(.has-live-results) .quick-intents .decision-intent::after{font-size:9px}
  .decision-intent-summary{margin-top:-6px}
}