/* SpecSix - save-search.css
   "Zoekopdracht opslaan": knoppen in zoekmachine/resultaten en de popup (account + doorsturen). */

/* ---------------------------------------------------------------- knoppen */
.foot-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.foot-links .sep{color:var(--stone-300)}
/* Opslaan en delen onder de zoekknop: even breed als de zoekknop */
.search-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;width:100%}
.foot-right .btn-search{width:100%}
.search-actions .btn{height:42px;font-size:13.5px;gap:8px;padding:0 12px;background:var(--white)}
.search-actions .btn svg.lucide{width:16px;height:16px;color:var(--accent-deep)}
.search-actions .btn:hover{border-color:var(--ink);background:var(--paper)}
.search-actions .sa-reset{width:42px;padding:0}
.search-actions .sa-reset svg.lucide{color:var(--stone-500)}
.save-search-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--accent-deep);transition:color .2s}
.save-search-btn svg.lucide{width:16px;height:16px}
.save-search-btn:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.save-top svg.lucide{color:var(--accent-deep)}

/* ---------------------------------------------------------------- popup */
.ss-card{width:min(780px,100%)}
.ss-form{padding:38px 40px 30px}
.ss-head{display:flex;gap:18px;align-items:flex-start;padding-right:40px;margin-bottom:6px}
.ss-icon{width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;flex:none}
.ss-icon svg.lucide{width:24px;height:24px}
.ss-head h2{font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.1}
.ss-head p{color:var(--stone-600);margin-top:8px;font-size:15px;max-width:560px}
.ss-head p strong{color:var(--ink)}
.ss-sec{padding:24px 0;border-top:1px solid var(--line);display:grid;gap:14px}
.ss-sec:first-of-type{margin-top:18px}
.ss-sec h3{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:18px;font-weight:600;letter-spacing:-.01em}
.ss-sec h3 .no{font-family:var(--f-mono);font-size:11px;color:var(--accent-deep);letter-spacing:.1em}
.fchip.static{cursor:default}
.fchip.static:hover{border-color:var(--stone-200);background:var(--white)}
.fchip.static.opt:hover{background:var(--paper);border-color:transparent}
.ss-match{display:flex;align-items:center;gap:8px;color:var(--ok);font-size:13.5px;font-weight:500}
.ss-match svg.lucide{width:16px;height:16px}
.ss-note{font-size:13.5px;color:var(--muted);line-height:1.5}
.ss-note.small{font-size:12.5px;margin-top:10px}
.ss-err{color:#A23B32;font-size:12.5px;font-weight:500}
.ss-err:empty{display:none}
.field .opt{text-transform:none;letter-spacing:0;font-weight:400;color:var(--stone-500)}
.ss-forward{font-size:14.5px;color:var(--ink);font-weight:500}
.ss-dealers{display:grid;gap:10px;padding:16px;border-radius:var(--r);background:var(--paper)}
.ss-dealers[hidden]{display:none}
.ss-dealers-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--stone-600)}
.ss-dealers .dcard .in{background:var(--white)}
.ss-foot{display:grid;gap:12px;padding-top:22px;border-top:1px solid var(--line)}
.ss-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--stone-600);cursor:pointer}
.ss-consent input{width:17px;height:17px;margin-top:2px;accent-color:var(--ink);flex:none}
.ss-consent a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ss-submit{width:100%;height:56px;font-size:15.5px}
.ss-submit svg.lucide{color:var(--accent)}
.ss-proto{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted)}
.ss-proto svg.lucide{width:15px;height:15px;flex:none;margin-top:1px}

/* ---------------------------------------------------------------- stuur naar specialisten */
.send-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.send-steps li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--paper);font-size:13px;font-weight:500;color:var(--stone-600);line-height:1.35}
.send-steps span{width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--accent);display:grid;place-items:center;font-family:var(--f-mono);font-size:11.5px;flex:none}
@media (max-width:640px){ .send-steps{grid-template-columns:1fr} }
/* ---------------------------------------------------------------- bevestiging */
.ss-done{display:grid;justify-items:center;text-align:center;gap:12px;padding:56px 40px 44px}
.ss-done-icon{width:68px;height:68px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}
.ss-done-icon svg.lucide{width:30px;height:30px;stroke-width:2.2}
.ss-done h2{font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.02em}
.ss-done-name{font-family:var(--f-display);font-size:18px;color:var(--accent-deep)}
.ss-done p{max-width:520px;color:var(--stone-600)}
.ss-done-dealers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:4px 0}
.ss-done-dealers>span:first-child{font-size:13px;color:var(--muted);width:100%}
.hp-item.light{color:var(--ink);border-color:var(--line);background:var(--white);cursor:default}
.hp-item.light .dmark{background:var(--ink);color:var(--paper)}
.ss-done .ss-proto{justify-content:center;max-width:520px}
.ss-done .btn{margin-top:8px}

@media (max-width:640px){
  .ss-form{padding:28px 18px 22px}
  .ss-head{flex-direction:column;gap:12px}
  .ss-head h2{font-size:24px}
  .ss-done{padding:44px 20px 32px}
  .save-top span{display:none}
}