/* Wunda Finder Widget CSS (robust open/close) */

/* Panel sizing via CSS variables */
.wf-panel{
  border:3px solid #d6dae1;
  background:#f2f4f7;
  max-width:var(--wf-max,520px);
  width:var(--wf-width,auto);
  padding:var(--wf-pad,10px);
  position:relative;
}
.wf-panel h2{margin:0}

/* Header + Clear button */
.wf-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.wf-clear{
  appearance:none;border:1px solid #000;background:#000;color:#fff;border-radius:9999px;
  padding:4px 10px;font:inherit;font-size:12px;line-height:1.1;cursor:pointer;
}
.wf-clear:hover{opacity:.9}
.wf-clear:focus{outline:2px solid #333;outline-offset:2px}

/* Fields */
.wf-panel select,.wf-input{
  width:100%;margin-bottom:8px;padding:3px 4px;font:inherit;color:inherit;background:#fff;
  border:1px solid #bfc5ce;border-radius:2px;box-sizing:border-box;
}

/* Results */
.wf-results{
  display:none;border:1px solid #ccc;margin-top:10px;padding:10px;background:#fff;max-width:100%;box-sizing:border-box
}
.wf-results .res-line{margin:0 0 6px;display:none}

/* Adjacent years */
.wf-adj{display:none;margin-top:10px;padding-top:8px;border-top:1px dotted #ccc;color:#666;font-size:10pt}
.wf-adj .adj{margin-bottom:10px}
.wf-adj .adj h3{margin:6px 0;font-size:10pt;font-weight:400;color:#666}
.wf-adj .res-line-light{margin:0 0 4px;color:#666}
.wf-adj strong{color:#666}

/* Combobox */
.wf-combo{position:relative;overflow:visible}
.wf-input{box-sizing:border-box}
.wf-caret{position:absolute;right:6px;top:6px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;pointer-events:none}
.wf-list{
  position:absolute;left:0;right:0;max-height:220px;overflow:auto;
  border:1px solid #bfc5ce;background:#fff;z-index:999999;
  box-shadow:0 2px 6px rgba(0,0,0,.15);display:none
}
.wf-combo.open .wf-list{display:block !important}
.wf-item{padding:6px 8px;cursor:pointer}
.wf-item:hover,.wf-item.active{background:#f0f2f5}
.wf-hl{font-weight:700}

/* Tighter spacing for result lines */
.wf-results .res-line{ margin:2px 0 !important; line-height:1.25; }
.wf-adj .res-line-light{ margin:2px 0 !important; line-height:1.25; color:#666; }

/* Force grey inside Also-see block, even for auto-linked anchors */
.wf-adj .res-line-light,
.wf-adj .res-line-light *,
.wf-adj a,
.wf-adj a:link,
.wf-adj a:visited,
.wf-adj a:hover,
.wf-adj a:active { color:#666 !important; text-decoration:none !important; }
