/*
 Theme Name: genki_theme
 Description: Minimal "blank" block theme (GUI-first via theme.json)
 Author: genki
 Version: 0.1.1
 Requires at least: 6.3
 Requires PHP: 7.4
 Text Domain: genki_theme
*/

/* スティッキーフッター */
html {
	height: 100%;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

body > *:not(footer):not([data-area="footer"]) {
	flex: 1 0 auto;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.wp-site-blocks > main {
	flex: 1;
}


.site-header--desktop {
	display: block;
}

.site-header--mobile {
	display: none;
}

@media (max-width: 782px) {
	.site-header--desktop {
		display: none;
	}

	.site-header--mobile {
		display: block;
	}
}

.wp-block-image.has-genki-image-dimensions {
	width: var(--genki-image-width, auto);
	max-width: 100%;
}

.wp-block-image.has-genki-image-dimensions img {
	width: 100%;
	height: var(--genki-image-height, auto);
	object-fit: cover;
}

/* レスポンシブ表示/非表示 */
.genki-hide-desktop {
	display: none !important;
}

.genki-hide-mobile {
	display: block !important;
}

@media (max-width: 782px) {
	.genki-hide-desktop {
		display: block !important;
	}

	.genki-hide-mobile {
		display: none !important;
	}
}

/* デフォルトのgapを無効化/調整 */
.wp-block-columns.is-layout-flex {
	gap: 0;
}

.wp-block-navigation__container {
	gap: 1rem; /* メニュー項目の間隔 */
}