/**
 * WP Barba PJAX - トランジションCSS v1.3.0
 */

/* =========================================================
 *  プログレスバー
 * ========================================================= */
.barba-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
  z-index: 999999;
  pointer-events: none;
  opacity: 0;
  border-radius: 0 2px 2px 0;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}

.admin-bar .barba-progress {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .barba-progress {
    top: 46px;
  }
}

/* =========================================================
 *  オーバーレイ
 * ========================================================= */
.barba-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1e293b;
  z-index: 99999;
  transform: scaleY(0);
  transform-origin: center bottom;
  pointer-events: none;
}

/* =========================================================
 *  Barba コンテナ基本
 * ========================================================= */
[data-barba="container"] {
  will-change: opacity, transform;
}

/* =========================================================
 *  ★ v1.3.0: Crossfade 用ラッパー
 *  旧→新コンテナが同一 wrapper 内に共存する
 * ========================================================= */
.barba-pjax-enabled [data-barba="wrapper"] {
  position: relative;
  overflow: hidden;
}

/* 遷移中は両コンテナが重なる */
.barba-pjax-enabled.is-transitioning [data-barba="wrapper"] {
  min-height: 50vh;
}

/* =========================================================
 *  ★ v1.3.0: 永続ゾーン
 *  Barba コンテナの外に存在し、遷移の影響を受けない
 * ========================================================= */
#barba-persist-zone {
  position: relative;
  z-index: 999998;
  /* レイアウトに影響しない（中身が fixed なら） */
}

/* 永続ゾーン内は遷移アニメーション対象外 */
#barba-persist-zone * {
  /* GSAP や Barba が opacity 等を触らないように */
}

/* =========================================================
 *  クリップパス初期状態
 * ========================================================= */
[data-barba="container"] {
  clip-path: circle(150% at 50% 50%);
}

/* =========================================================
 *  スムーズリンクカーソル
 * ========================================================= */
.barba-pjax-enabled a:not([data-barba-prevent]):not([target="_blank"]) {
  cursor: pointer;
}

/* =========================================================
 *  ローディング状態
 * ========================================================= */
.barba-pjax-enabled.is-loading {
  cursor: wait;
}

.barba-pjax-enabled.is-loading a {
  pointer-events: none;
}

/* =========================================================
 *  ★ v1.3.0: 遷移中 body
 * ========================================================= */
.barba-pjax-enabled.is-transitioning {
  /* スクロールバーのちらつき防止 */
  overflow-x: hidden;
}