/* ヘッダー全体を完全透明に */
.site-header.wp-block-template-part {
    background-color: transparent !important;
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* ヘッダー内のhas-backgroundクラスのみにすりガラス効果 */
.has-unitone-twilight-heavy-background-color.has-background {
    background-color: rgba(255, 255, 255, 0.2) !important; /* 薄い半透明白 */
    backdrop-filter: blur(10px) saturate(1.2); /* 背景ぼかし + 彩度アップ */
    -webkit-backdrop-filter: blur(10px) saturate(1.2); /* Safari対応 */
    border: 1px solid rgba(255, 255, 255, 0.3); /* 薄い境界線 */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); /* 軽い影 */
    border-radius: 8px; /* 角を少し丸く */
}

/*CTA*/
.cta-box.has-unitone-background-background-color {
  background-color: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px) saturate(1.2);
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
}


/*BTN ホバー*/
.wp-block-button {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.wp-block-button:hover {
  transform: translateY(-3px);
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.15));
}


/* PC(960pxより大きい画面)では非表示 */
.mini-only {
  display: none;
}

/* ヘッダーの位置設定を維持しつつ、メニューを最前面に */
.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  z-index: 99999 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
}

/* モーダル背景も確実に表示 */
.wp-block-navigation__responsive-dialog {
  z-index: 99999 !important;
}