@charset "utf-8";

@import "variables";
@import "variables_wp660";
@import "ulitilies";
@import "common";
@import "common_margin-vertical";
@import "block";
@import "block_width";
@import "block_styles";
@import "query";
@import "pagenation";
@import "button";
@import "navigation";
@import "navigation_additional-class";
@import "header";
@import "header_additional-class";
@import "footer";
@import "sidebar";
@import "plugin-override/bootstrap-override";
@import "plugin-override/veu-override";
@import "plugin-override/vk-blocks-override";
@import "plugin-override/vk-blocks-override-width";

// For header and footer sticky
.wp-site-blocks {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	> main {
		flex: 1;             // main が余白をすべて吸収 → footer が自然に下へ押し出される
	}
}

/*
.has-background is automatically added padding by core.
padding: 1.25em 2.375em;
but actually not added case exist that reset padding to be aboid confusing.
*/
.has-background:where(:not(.wp-element-button)),
:is(.wp-block-group):where(.has-background) {
	padding: 0; // 編集画面の枠線ブロックなど弊害が出るのでこの指定は解除したい
	// Don't use hidden. Because it bring to header navigation sub menu hidden.
	// overflow: hidden; 
}

.wp-block-button .has-background {
	overflow: inherit; // cope with multiple buttons
}
