@charset "UTF-8";

/*--------------------------------------------------------
　WordPressのブロックエディタ調整CSS
--------------------------------------------------------*/


/* =======================================
　アコーディオン（コアブロック）
======================================= */

/* 要素 */
.wp-block-accordion-item.is-layout-flow.wp-block-accordion-item-is-layout-flow {
  border-bottom: 1px solid var(--color-primary);
  padding: 16px 8px;
}

.wp-block-accordion-item.is-layout-flow.wp-block-accordion-item-is-layout-flow:first-child {
  border-top: 1px solid var(--color-primary);
}

/* 質問 */
h3.wp-block-accordion-heading::before {
  content: none;
}

span.wp-block-accordion-heading__toggle-title {
  font-size: 20px !important;
}

/* アンダーラインを無効化 */
.wp-block-accordion-heading__toggle,
.wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-heading__toggle:focus,
.wp-block-accordion-heading__toggle:active,
.wp-block-accordion-heading__toggle span,
.wp-block-accordion-heading__toggle span:hover,
.wp-block-accordion-heading__toggle-icon,
.wp-block-accordion-heading__toggle-icon:hover,
.wp-block-accordion-heading__toggle-title,
.wp-block-accordion-heading__toggle-title:hover {
  text-decoration: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

h3.wp-block-accordion-heading:hover,
h3.wp-block-accordion-heading button:hover,
h3.wp-block-accordion-heading button span.wp-block-accordion-heading__toggle-icon:hover,
h3.wp-block-accordion-heading button span.wp-block-accordion-heading__toggle-title:hover {
  color: var(--color-primary);
  text-decoration: none !important;
}

/* 回答 */
.wp-block-accordion-panel {
  margin-top: 16px;
}


/* =======================================
　検索ボックス（コアブロック）
======================================= */

.wp-block-search {
  border: 1px solid var(--color-primary) !important;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  gap: 8px;
}

.wp-block-search__input {
  border: none !important;
  border-radius: 4px;
  padding: 8px 12px;
  width: 100%;
  flex: 1;
}

.wp-block-search__input::placeholder {
  color: #999;
}

/* プレースホルダーが設定されていない場合のデフォルト */
.wp-block-search__input:not([placeholder])::placeholder {
  color: #999;
}

/* プレースホルダーが空の場合のフォールバック（JavaScriptで設定するか、WordPressのフィルターで設定） */
.wp-block-search__input[placeholder=""]::placeholder {
  color: #999;
}

/* 検索ボタン */
.wp-block-search__button {
  border: 1px solid var(--color-primary) !important;
  border-radius: 4px;
  padding: 8px 16px;
  background-color: var(--color-primary);
  color: #fff;
  cursor: pointer;
}

.wp-block-search__button:hover {
  opacity: 0.8;
}