/* ====== Overlay Header Fix Pack for TT5 ====== */ /* 
ルート余白と最初のマージンを完全に打ち消す（ブロックテーマ特有の根本対策） */ 
.home { --wp--style--root--padding-top: 0 !important; } .home .wp-site-blocks { 
padding-top: 0 !important; } .home .wp-site-blocks > *:first-child { margin-top: 0 
!important; }
/* ヘッダーを固定＆最前面（Template Part 直指定＋クラス併用で当たりを広く） */ /* 
透明ヘッダーをカバーの上に重ねる（本番） */ header.wp-block-template-part, 
header[aria-label="Header"], .site-header{
  position: fixed; top: var(--wp-admin--admin-bar--height, 0); left: 0; right: 0; 
  width: 100%; min-height: 72px; /* 必要なら調整 */ z-index: 1000; background: 
  transparent !important; transition: background-color .25s ease, box-shadow .25s 
  ease, backdrop-filter .25s ease, color .2s ease;
}
/* フロントページ：ルート余白を消してカバーを天ピタに */ .home { 
--wp--style--root--padding-top: 0 !important; } .home .wp-site-blocks{ 
padding-top:0 !important; } .home .wp-site-blocks > *:first-child{ margin-top:0 
!important; }
/* カバーが前面に来ないよう保険 */ .wp-block-cover{ position: relative; z-index: 
1; } /* スクロール後：白背景＋薄い影 */ body.is-scrolled 
header.wp-block-template-part, body.is-scrolled header[aria-label="Header"], 
body.is-scrolled .site-header{
  background:#ffffffE6; backdrop-filter:saturate(1.1) blur(6px); box-shadow:0 2px 
  12px rgba(0,0,0,.08);
}
/* ヘッダー内のサイトタイトルの初期色 */ header.wp-block-template-part 
.wp-block-site-title a, .site-header .wp-block-site-title a {
  color:#f7f3f0 !important; /* ←好きな色コードに変更してください */
}
.typewriter { --n: 5; display: inline-block; white-space: nowrap; overflow: 
  hidden; border-right: .08em solid currentColor; width: 0ch; animation: tw-typing 
  1s steps(var(--n)) .2s forwards,
             tw-caret .9s step-end .2s 3 forwards; /* 点滅3回で終了、消える */
}
@keyframes tw-typing { to { width: calc(var(--n) * 1ch); }
}
@keyframes tw-caret { 50% { border-color: transparent; } 100% { border-color: 
  transparent; } /* 終了時にカーソル消す */
}