/**
 * サイト（フロント）用スタイル上書き
 * デザイン調整・ブロックやテーマのデフォルトCSSの上書きはここに記述
 */

/* ===== ブロックレイアウト・blockGap（グループ・カラム） ===== */
.is-layout-flex {
  display: flex;
  gap: var(--wp--style--block-gap, 1.5em);
}
.is-layout-flex.is-vertical { flex-direction: column; }
.is-layout-flex.is-horizontal { flex-direction: row; }
.is-layout-flex.is-nowrap { flex-wrap: nowrap; }
@media (max-width: 781px) {
  .is-column-mobile {
    flex-direction: column;
  }
  .is-column-mobile > * {
    flex-basis: 100% !important;
  }
}

.is-layout-grid {
  display: grid;
  gap: var(--wp--style--block-gap, 1.5em);
}

/* グループ: flex/grid のとき gap を効かせる。inner-container にも適用 */
.wp-block-group.is-layout-flex,
.wp-block-group.is-layout-grid,
.wp-block-group .wp-block-group__inner-container {
  gap: var(--wp--style--block-gap, 1.5em);
}
.wp-block-group.is-layout-flex .wp-block-group__inner-container,
.wp-block-group .wp-block-group__inner-container.is-layout-flex {
  display: flex;
}
.wp-block-group.is-layout-grid .wp-block-group__inner-container,
.wp-block-group .wp-block-group__inner-container.is-layout-grid {
  display: grid;
}

/* カラム: flex と gap を明示（コアスタイルが読まれない場合のフォールバック） */
.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--style--block-gap, 1.5em);
  margin-bottom: 0;
}
@media (min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-wrap: nowrap;
  }
}
.is-layout-flex.is-content-justification-center { justify-content: center; }
.is-layout-flex.is-content-justification-right { justify-content: flex-end; }
.is-layout-flex.is-content-justification-left { justify-content: flex-start; }
.is-layout-flex.is-content-justification-space-between { justify-content: space-between; }

@media (max-width: 767px) {
  .wp-block-group-is-layout-flex {
    flex-direction: column;
  }
  .wp-block-group-is-layout-flex > * {
    flex-basis: 100% !important;
  }
}

:where(figure) {
  margin: 0;
  max-width: 100%;
}

/* ボタンブロックのスタイル */
.wp-block-buttons {
  width: 100%;
  flex-grow: 1;
}
.wp-block-buttons > .wp-block-button {
  display: block;
  width: 100%;
  max-width: 280px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  border-width: 1px;
  border-radius: 9999px;
  padding: 0;
  font-size: var(--wp--preset--font-size--text-20);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: var(--wp--preset--color--white);
}

@media (max-width: 767px) {
  .wp-block-buttons {
    display: flex;
    justify-content: center;
  }
}

a:where(:not(.wp-element-button)){
  text-decoration: none;
}

.entry-content a:not(.wp-element-button) {
  text-decoration: underline;
}
.entry-content a:not(.wp-element-button):hover {
  text-decoration: none;
}

.entry-content > * + * {
  margin-top: 1lh;
}

.has-text-33-font-size,
.has-text-25-font-size,
.has-text-23-font-size,
.has-text-22-font-size,
.has-text-20-font-size {
  line-height: 1.4;
}

.wp-element-caption {
  font-size: var(--text-size-12);
  line-height: 1.4;
}

.entry-content .wp-block-heading {
  font-size: var(--text-size-25);
  font-family: var(--font-sans);
  font-weight: 500;
}

@media (max-width: 767px) {
  .entry-content .wp-block-heading {
    font-size: var(--text-size-23);
  }
}

ol.wp-block-list {
  list-style: decimal;
  margin-left: 2em;
}