/* ヘッダーメニュー内：検索ボタン */
.bc-menuSearch { display: flex; align-items: center; }
.bc-searchToggle{
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 8px 10px;
  line-height: 1;
  color: aliceblue;
}
.bc-searchToggle:hover{ opacity: .8; }

/* モーダル */
.bc-searchModal{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.bc-searchModal.is-open{ display: block; }

.bc-searchModal__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.bc-searchModal__panel{
  position: relative;
  width: min(720px, calc(100% - 32px));
  margin: 10vh auto 0;
  background: #fff;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.bc-searchModal__close{
  position: absolute;
  right: 10px;
  top: 10px;
  border: 0;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
}

.bc-searchModal__title{
  font-size: 18px;
  font-weight: 700;
}
.bc-searchModal__sub{
  margin-top: 6px;
  color: #666;
  font-size: 14px;
}

/* WordPress標準検索フォーム（get_search_form()）の見た目 */
.bc-searchModal__form form{
  margin-top: 14px;
  display: flex;
  gap: 10px;
}
.bc-searchModal__form input[type="search"],
.bc-searchModal__form input[name="s"]{
  flex: 1;
  padding: 12px 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.bc-searchModal__form input[type="submit"],
.bc-searchModal__form button[type="submit"]{
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--bc-accent);
  background: var(--bc-accent);
  color: #fff;
  cursor: pointer;
}

/* 背景スクロール禁止 */
html.bc-modalLock, html.bc-modalLock body { overflow: hidden; }