/*
 * core block 
 */

/*-------------------------------------------*/
/*  Spacer
/*-------------------------------------------*/
.is-style-spacer-xxs {
	height: var(--wp--custom--spacing--xx-small) !important;
}
.is-style-spacer-xs {
	height: var(--wp--custom--spacing--x-small) !important;
}

.is-style-spacer-sm {
	height: var(--wp--custom--spacing--small) !important;
}

.is-style-spacer-md {
	height: var(--wp--custom--spacing--medium) !important;
}

.is-style-spacer-lg {
	height: var(--wp--custom--spacing--large) !important;
}

.is-style-spacer-xl {
	height: var(--wp--custom--spacing--x-large) !important;
}

.is-style-spacer-xxl {
	height: var(--wp--custom--spacing--xx-large) !important;
}

/*-------------------------------------------*/
/*  Column
/*-------------------------------------------*/
body :where(.is-style-main-layout.is-layout-flex) {
	gap: var(--wp--custom--spacing--large);
}

.is-style-main-layout-sidebar {
	flex-grow: unset !important;
	flex-basis: var(--wp--custom--width--sidebar) !important;
}

/*-------------------------------------------*/
/*  Group
/*-------------------------------------------*/
// .scrolled-header-fixed ... before 1.0 ( additional class)
// .is-style-scrolled-header-fixed ... @since 1.1.0 ( block style )
*[class*="scrolled-header-fixed"]{
	position: fixed;
	z-index: 9999;
	width: 100vw;
	transition: all 0.5s ease-out;
	top: -200px;

	&.wp-block-group {
		overflow: visible;
	}
	// 注 : 
	// header タグの要素がスクロールする事によってはじめて .header-fixed-active が付与されるため、
	// header タグのないページでは動作しない。
	.header-fixed-active & {
		top: 0;

		@media (min-width:601px) {
			top: var(--wp-admin--admin-bar--height, 0px);
		}
	}
}

// WordPress標準の position 属性。sticky は出力されるのに fixed はフロントでは出力されないため。
// ヒーローエリアのカバーの最上部に固定する時になどに使用
// ※ --wp-admin--admin-bar--height: 0; とか下手に定義すると、calcが効かなくて上部固定にならなくなるので注意
header.is-position-fixed{
	position:fixed;
	top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
	width:100%;
	z-index: 9999;
}
header:has([class*="is-position-sticky"]){
	position: sticky;
	top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
}
