/*
Theme Name: みのりの眼
Text Domain: pxlm
Version: 1.0.2
Requires at least: 6.8.1
Requires PHP: 8.2
Tags: editor-style,block-styles
Description: ピクセリウム株式会社によるテーマ
Author: ピクセリウム株式会社
Author URI: https://pixelium.jp/
Theme URI: https://minorinome.com/
*/

html {
	scroll-behavior: smooth;
	scroll-padding-block-start: calc(var(--masthead-height) + var(--wp-admin--admin-bar--height, 0px));
}

body {
	color: var(--wp--preset--color--dark-01);
	font-family: var(--wp--preset--font-family--tsukuaoldmin);
	line-height: 1.9;
	background-color: #fff;
}

@keyframes fadeUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-30px);
	}
}

p {
	> a {
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
}

/* Googleマップへのリンクにアイコンを付与する */
a[href^="https://goo.gl/"],
a[href^="https://g.page/"],
a[href^="https://maps.app.goo.gl/"] {
	position: relative;
	padding-inline-start: 1.7rem;

	&::before {
		position: absolute;
		top: 50%;
		left: 0;
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-inline-end: 0.2rem;
		color: var(--wp--preset--color--secondary);
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20150%20150%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m89.77%2010.4c-4.4-1.39-9.08-2.15-13.94-2.15-14.18%200-26.87%206.41-35.33%2016.48l21.8%2018.34z%22%20fill%3D%22%231a73e8%22%2F%3E%3Cpath%20d%3D%22m40.49%2024.73c-6.74%208.02-10.81%2018.37-10.81%2029.66%200%208.68%201.73%2015.71%204.57%2022.01l28.04-33.33z%22%20fill%3D%22%23ea4335%22%2F%3E%3Cpath%20d%3D%22m75.83%2036.75c9.75%200%2017.65%207.9%2017.65%2017.65%200%204.34-1.57%208.32-4.17%2011.39%200%200%2013.94-16.58%2027.47-32.66-5.59-10.75-15.28-19.02-27-22.73l-27.49%2032.67c3.24-3.87%208.1-6.32%2013.54-6.32%22%20fill%3D%22%234285f4%22%2F%3E%3Cpath%20d%3D%22m75.83%2072.04c-9.75%200-17.65-7.9-17.65-17.65%200-4.31%201.55-8.26%204.11-11.33l-28.04%2033.34c4.79%2010.63%2012.76%2019.16%2020.97%2029.91l34.08-40.52c-3.23%203.82-8.07%206.25-13.47%206.25%22%20fill%3D%22%23fbbc04%22%2F%3E%3Cpath%20d%3D%22m88.63%20117.37c15.39-24.07%2033.34-35%2033.34-62.98%200-7.67-1.88-14.9-5.19-21.26l-61.55%2073.18c2.61%203.42%205.24%207.06%207.81%2011.07%209.36%2014.46%206.76%2023.13%2012.8%2023.13%206.02%200%203.43-8.68%2012.79-23.14%22%20fill%3D%22%2334a853%22%2F%3E%3C%2Fsvg%3E");
		background-repeat: no-repeat;
		background-size: 1.5rem;
		transform: translateY(-50%);
		content: "";
	}
}

/* 綺麗に改行するコード　文章内の改行しても良い位置に<wbr>に入れる */
.wbr-text-wrap {
	/* CJKテキストでの折り返しを無効化 */
	word-break: keep-all;

	/* 長い単語でも折り返し可能に */
	overflow-wrap: anywhere;
}

/* 綺麗に改行するコード　文章内の改行しても良い場所を<span>で囲う */
.inline-text-wrap {
	span {
		display: inline-block;
	}
}

.break-all {
	word-break: break-all;
}

/* Googleマップ */
.pxlm-google-map {
	width: 100%;
	height: 100%;
	border: 0;
}

.lum-lightbox {
	&.lum-open {
		background: rgba(0, 0, 0, 0.85);
		z-index: 1000;
		top: var(--wp-admin--admin-bar--height, 0px);
		height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
	}
}

.lum-lightbox-inner img.lum-img {
	max-width: 100%;
}

/* モーダル開時に背景のスクロールを防ぐ */
html:has(.lum-lightbox.lum-open) {
	overflow: hidden;
}

/* ナビゲーションブロックのブレイクポイントをリセット */
@media (min-width: 600px) {
	/* Keep hiding the expanded menu */
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	/* Keep showing the button to open the menu */
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

@media (1020px <= width) {
	/* debug */
	/* .wp-block-navigation.is-style-header {
		border: 2px solid blue;
	} */

	/* PC用メニューを表示*/
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
	}

	/* 開くボタンを非表示 */
	.wp-block-navigation__responsive-container-open {
		display: none !important;
	}
}

@media (width < 1020px) {
	/* debug */
	/* .wp-block-navigation.is-style-header {
		border: 2px solid red;
	} */

	.wp-block-navigation.is-style-header {
		font-size: var(--wp--preset--font-size--xx-large);
	}

	/* PC用メニューは非表示 */
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	/* 開くボタンを表示 */
	.wp-block-navigation__responsive-container-open {
		display: block;
	}
}