/* =================================================================== */
/* ショートコード挿入ボタン（シンプル版）のカスタムCSS */
/* =================================================================== */

/* ----------------------------------- */
/* 親ボタン（ツールバー）の調整 */
/* ----------------------------------- */

/* 親ボタンのアイコン調整 (アイコンの視認性向上) */
.haup-simple-toolbar .haup-shortcode-parent-button .dashicons-shortcode {
	font-size: 20px;
	width: 36px;
	height: auto;
}

/* ----------------------------------- */
/* Popover（ショートコード一覧）の調整 */
/* ----------------------------------- */

.haup-simple-shortcode-popover {
	/* Popoverが他の要素より手前に表示されるように保証 */
	z-index: 10000;
}

.haup-simple-shortcode-popover .popover-content-inner {
	padding: 10px;
	min-width: 300px; /* 必要に応じて幅を調整 */
}

/* Popoverのヘッダータイトル */
.haup-simple-shortcode-popover h4 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

/* リスト内の各ショートコードボタン */
.haup-simple-shortcode-popover .haup-shortcode-list-button {
	justify-content: flex-start; /* テキストを左寄せ */
	padding: 8px 12px;
	height: auto;
	width: 100%; /* 幅いっぱいに広げる */
	margin-bottom: 4px;
	border: 1px solid #ddd;
	background: #fff;
}
.haup-simple-shortcode-popover .haup-shortcode-list-button:hover {
	background: #f7f7f7;
	border-color: #bbb;
}
.haup-simple-shortcode-popover .haup-shortcode-list-button .dashicons {
	margin-right: 8px; /* アイコンとテキストの間隔 */
}

.haup-pattern-use-notice {
	font-size: 0.8rem;
	padding: 4px;
	background: #f4ffe6;
	border: 1px solid #68ae10;
	border-radius: 2px;
	margin-bottom: 8px;
}

.haup-shortcode-list-button span {
	text-align: left;
}