/*ヘッダースティッキー*/
.wp-site-blocks > [data-unitone-layout~=cover] > [data-unitone-layout~=cover__content]:has(.site-header) {
  display: contents;
}

.wp-site-blocks > [data-unitone-layout~=cover] > [data-unitone-layout~=cover__content] .site-header {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  background-color: var(--wp--preset--color--unitone-background);
  box-shadow: 0px 5px 5px -5px rgb(0 0 0 / .2);
  z-index: 5;
}

/* ヘッダー全体を完全透明に */
.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);
}