/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child
 Description:  Child theme of Twenty Twenty-Five for customizations.
 Author:       Your Name
 Author URI:   https://example.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/

/* Add your custom CSS below */
/* ===== LEVEL UP テキストカラー ===== */
.text-red {
  color: var(--wp--preset--color--custom-accent-hover-red) !important;
}

.text-blue {
  color: #00A0E9 !important; /* ここはブランドに合わせて後で調整可能 */
}

/* 強制的に帯背景をつけさせない */
.text-red,
.text-blue {
  background: transparent !important;
  box-shadow: none !important;
}
/* ===== LEVEL UP LP（tesear）用 レイアウト調整 ===== */

/* 各セクションの中身の横幅を共通で絞る */
.page-template-tesear .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group,
.page-template-tesear .wp-block-cover > .wp-block-cover__inner-container > .wp-block-columns,
.page-template-tesear .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group .wp-block-columns {
  max-width: 1100px;   /* 好きな幅に調整：1000〜1120pxくらいが無難 */
  margin-left: auto;
  margin-right: auto;
}
/* Features：スマホでは2カラム並びにする */
@media (max-width: 781px) {
  .page-template-tesear .features-cols {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 1.5rem;  /* 上下・左右の余白 */
  }
}
/* SP時：Features のアイコン画像を少し小さく */
@media (max-width: 781px) {
  /* 各アイコンを包むカラムを小さくする */
  .page-template-tesear .features-cols > .wp-block-column {
    flex: 0 0 45% !important;
  }

  /* アイコン画像の縮尺を保持したまま自動調整 */
  .page-template-tesear .features-cols img {
    max-width: 50% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}

/* SP時だけ「応援がつなぐ〜」のテキストと画像の順番を入れ替え */
@media (max-width: 781px) {
  /* ひっくり返したい Columns 一組だけに付けたクラス */
  .event-swap {
    display: flex;
    flex-wrap: wrap;
  }

  /* 1カラム目＝今テキスト側 → 下に移動 */
  .event-swap > .wp-block-column:first-child {
    order: 2;
  }

  /* 2カラム目＝今画像側 → 上に移動 */
  .event-swap > .wp-block-column:last-child {
    order: 1;
  }
}
/* cover-blur が付いた Cover は、背景を必ずぼかす */
.wp-block-cover.cover-blur .wp-block-cover__image-background {
  filter: blur(2px) !important;
  transform: scale(1.03); /* 縁のにじみ防止用。不要なら削ってOK */
}

/* ▼デフォルト：JSが動かないときでも普通に表示 */
.scroll-stop * {
  opacity: 1;
  transform: none;
}

/* ▼JSが有効なときだけ、アニメ前の状態にする */
.scroll-stop.js-scroll-ready * {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

/* ▼ビューポートに入ったらフェードイン */
.scroll-stop.js-scroll-ready.is-inview * {
  opacity: 1;
  transform: translateY(0);
}

/* ▼ スクロールスナップの親（スクロールするコンテナ） 
html {
  scroll-snap-type: y mandatory;  /* 少し弱めにしたければ proximity */
}

/* ▼ 止めたいセクション用クラス */
.wp-block-cover.snap-section {
  scroll-snap-align: start;
  scroll-snap-stop: always;
　scroll-margin-top: 0px;  /* ← この数字を調整（例：120px） */
}*/