/* =============================================================
   components/footer.css
   フッター（Figma 実測値）
   ============================================================= */

.site-footer {
  position: relative;
  background: var(--color-bg-warm);   /* #FFFBF1 */
  height: var(--footer-h);            /* 219px */
  overflow: hidden;
}

/* X（旧Twitter）アイコン: 中央上部 top 30px */
.site-footer__x-icon {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-black);
  text-decoration: none;
}

.site-footer__x-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

/* 免責文: 中央揃え、top 84px、width 335px、12px Regular */
.site-footer__disclaimer {
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  width: var(--content-w);          /* 335px */
  text-align: center;
  font-family: var(--font-ui);
  font-size: var(--text-copyright);  /* 12px */
  font-weight: var(--fw-regular);
  color: var(--color-text);          /* #333333 */
  line-height: var(--lh-disclaimer); /* 20px */
}

/* コピーライト: 中央揃え、top 188px、12px Regular #555 */
.site-footer__copyright {
  position: absolute;
  top: 188px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
  font-family: var(--font-ui);
  font-size: var(--text-copyright);  /* 12px */
  font-weight: var(--fw-regular);
  color: var(--color-text-sub);      /* #555555 */
  line-height: 1;
  z-index: 1;  /* .site-footer__bar より手前に表示 */
}

/* 下部バー: bg #FEF1DC、height 45px、top 174px、全幅 */
.site-footer__bar {
  position: absolute;
  top: var(--footer-bar-top);    /* 174px */
  left: 0;
  right: 0;
  height: var(--footer-bar-h);   /* 45px */
  background: var(--color-bg-footer-bar);  /* #FEF1DC */
}