/* =========================================
   Footer Brands - 開閉アコーディオン用CSS
   既存のc-footer用CSSの末尾に追記してください
========================================= */

/* 開閉対象（追加リンク群）の本体 */
.c-footer__more {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.c-footer__more.is-open {
  /* リンクが増えた場合はこの値を大きくする */
  max-height: 600px;
  opacity: 1;
}

/* 追加リンクのリスト（既存 .c-footer__list の上に被せる調整） */
.c-footer__list--more {
  padding-top: 16px;
  /* 既存リストとの差をつけるための余白／間隔調整 */
}

/* 既存の m-small はそのまま使い、サブ階層用に m-indent を追加 */
.c-footer__list-item.m-indent {
  padding-left: 24px;
}

/* 開閉ボタン置き場 */
.c-footer__toggle-wrap {
  display: flex;
  justify-content: center;
  /*margin-top: 24px;*/
  margin-right: 15px;
}

/* ボタン本体（matrix な見た目はSVG側に任せ、ボタンは透明） */
.c-footer__toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px 20px;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.c-footer__toggle:hover {
  opacity: 0.7;
}

.c-footer__toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 2px;
}

/* 矢印（SVG） */
.c-footer__chevron {
  transition: transform 0.3s ease;
}

/* 開いている時は矢印を反転 */
.c-footer__toggle[aria-expanded="true"] .c-footer__chevron {
  transform: rotate(-180deg);
}