/**
 * 折りたたみ見出しブロック
 */

/* ブロック基本スタイル */
.wp-block-arkhe-child-collapsible-heading {
  color: white;
  background-color: black;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 15px 25px;
  margin-block: 0;
}

.wp-block-arkhe-child-collapsible-heading h2 {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

/* トリガー：クリック可能であることを示す */
.is-collapsible-trigger {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 1.5em;
}

.is-collapsible-trigger::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  background-color: currentColor;
  transition: transform 0.25s ease;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10L12 14.9L7 10' stroke='%23000' stroke-width='2.3' stroke-linecap='butt' stroke-linejoin='miter' fill='none'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10L12 14.9L7 10' stroke='%23000' stroke-width='2.3' stroke-linecap='butt' stroke-linejoin='miter' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.is-collapsible-trigger[aria-expanded="false"]::after {
  transform: translateY(-50%) rotate(-90deg);
}

.is-collapsible-trigger:hover {
  opacity: 0.9;
}

.is-collapsible-trigger:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* 折りたたみ対象のアニメーション（grid 0fr/1fr でスムーズに） */
.is-collapsible-body {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.3s ease;
  overflow: hidden;
}

.is-collapsible-body.is-collapsed {
  grid-template-rows: 0fr;
  margin: 0 !important;
  padding: 0 !important;
}

.is-collapsible-body > * {
  min-height: 0;
  overflow: hidden;
}