/*
 * block-styles.css
 * register_block_style() で登録したカスタムブロックスタイルの CSS
 */

/* ------------------------------------------------------------------
   core/button — Outline
   ------------------------------------------------------------------ */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid currentColor;
	color: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: currentColor;
}

/* ------------------------------------------------------------------
   core/separator — Wavy（波線）
   ------------------------------------------------------------------ */
.wp-block-separator.is-style-wavy {
	border: none !important;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6 Q5 0 10 6 Q15 12 20 6 Q25 0 30 6 Q35 12 40 6' fill='none' stroke='currentColor' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: center;
	background-size: 40px 12px;
}

/* 幅指定をWordPressのalignクラスに委ねる */
.wp-block-separator.is-style-wavy:not(.alignwide):not(.alignfull) {
	max-width: var(--wp--style--global--content-size, 840px);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-separator.is-style-wavy.alignwide {
	max-width: var(--wp--style--global--wide-size, 1200px);
	width: 100%;
}

.wp-block-separator.is-style-wavy.alignfull {
	max-width: 100%;
	width: 100%;
}