/*
 Theme Name: Twenty Twenty-Five Child (Kabumeshi)
 Template: twentytwentyfive
 Version: 0.1
*/
/* オートコンプリート表示の調整 */
.ui-autocomplete {
  z-index: 9999;                 /* 他UIに隠れないように */
  max-height: 300px;
  overflow-y: auto;
  border-radius: 8px;
  padding: 6px 0;
}

.ui-menu-item-wrapper {
  padding: 10px 12px;            /* モバイルのタップ領域を広く */
  line-height: 1.35;
  font-size: 15px;
}

.km-ac-row { display: grid; grid-template-columns: 78px 1fr; gap: 8px; align-items: baseline; }
.km-ac-code {
  display:inline-block;
  font-variant-numeric: tabular-nums;
  width: 72px;
  color:#2563eb;
  font-weight: 700;
}
.km-ac-company { color:#111; }
.km-ac-desc { color:#666; display:block; font-size: 12px; margin-top: 2px; grid-column: 2 / -1; }

/* 選択済みバッジ */
.km-selected-badge{
  display:inline-flex; align-items:center; gap:6px;
  margin-left:8px; padding:2px 8px;
  background:#e8f0ff; color:#1d4ed8; border-radius:9999px;
  font-size:12px; vertical-align:middle;
}
.km-badge-clear{
  all:unset; cursor:pointer; line-height:1;
  width:18px; height:18px; text-align:center;
  border-radius:50%; background:#dbeafe; color:#1d4ed8; font-weight:700;
}
.km-badge-clear:hover{ background:#bfdbfe; }
.km-benefit-summary{display:flex;gap:10px;align-items:center}
.km-toggle{border:1px solid #ddd;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}
.km-toggle:hover{background:#f7f7f7}
.km-benefit-more{margin-top:12px;border:1px solid #eee;background:#fff;border-radius:12px;padding:12px}
.km-list{margin:0;padding-left:20px}
.km-subhead{margin:14px 0 8px;font-size:1.05rem}
.km-badges{display:flex;gap:8px;flex-wrap:wrap}
.km-badge{background:#f4f4f4;border:1px solid #eee;border-radius:999px;padding:4px 10px;font-size:.9rem}