/*
Theme Name: eecxl
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* 管理バー表示時にヘッダーの位置を調整 */
.admin-bar header {
	top: 32px;
}

/* SP表示(幅782px以下)で管理バーを非表示にする */
@media screen and (max-width: 782px) {
	/* 管理バー本体を非表示 */
	#wpadminbar {
		display: none !important;
	}
	/* 管理バーの高さ分空けられた余白をリセット */
	html {
		margin-top: 0 !important;
	}
	.admin-bar header {
		top: 0;
	}
}


/* 実績の管理画面に表示される詳細ページへのリンクを非表示にする */
.admin-bar #edit-slug-box ,
.admin-bar #message a {
	display: none !important;
	opacity: 0;
}


/* ACF WYSIWYG（TinyMCE） の 見出しドロップダウンから H3〜H6 を非表示 */
.mce-menu .mce-menu-item .mce-text:contains("Heading 3"),
.mce-menu .mce-menu-item .mce-text:contains("Heading 4"),
.mce-menu .mce-menu-item .mce-text:contains("Heading 5"),
.mce-menu .mce-menu-item .mce-text:contains("Heading 6") {
    display: none !important;
}

/* 日本語環境の場合（見出し 3〜6） */
.mce-menu .mce-menu-item .mce-text:contains("見出し 3"),
.mce-menu .mce-menu-item .mce-text:contains("見出し 4"),
.mce-menu .mce-menu-item .mce-text:contains("見出し 5"),
.mce-menu .mce-menu-item .mce-text:contains("見出し 6") {
    display: none !important;
}