/* =========================================
   Blank Link Icon
========================================= */

/*
	target="_blank" が付いたテキストリンクに別窓アイコンを表示する。

	アイコン画像：
	テーマ直下 /assets/img/icon-blank.svg

	このCSSは apps/blank-link-icon/blank-link-icon.css に置くため、
	画像パスは ../../assets/img/icon-blank.svg
*/

/* 公開画面：投稿・固定ページ本文内 */
body:not(.wp-admin) .entry-content a[target="_blank"]:not(.wp-block-button__link)::after,
body:not(.wp-admin) .l-main .l-content a[target="_blank"]:not(.wp-block-button__link)::after,
body:not(.wp-admin) .l-free-top-area a[target="_blank"]:not(.wp-block-button__link)::after,
.editor-styles-wrapper a[target="_blank"]:not(.wp-block-button__link)::after {
	content: "";
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin-left: 0.35em;
	background-image: url("../../assets/img/icon-blank.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: -0.05em;
}

/* 画像リンクにはアイコンを付けない */
body:not(.wp-admin) .entry-content a[target="_blank"]:not(.wp-block-button__link):has(img)::after,
body:not(.wp-admin) .l-main .l-content a[target="_blank"]:not(.wp-block-button__link):has(img)::after,
body:not(.wp-admin) .l-free-top-area a[target="_blank"]:not(.wp-block-button__link):has(img)::after,
.editor-styles-wrapper a[target="_blank"]:not(.wp-block-button__link):has(img)::after {
	display: none;
}

/* ボタンリンクには付けない */
body:not(.wp-admin) .entry-content .wp-block-buttons a[target="_blank"]::after,
body:not(.wp-admin) .l-main .l-content .wp-block-buttons a[target="_blank"]::after,
body:not(.wp-admin) .l-free-top-area .wp-block-buttons a[target="_blank"]::after,
.editor-styles-wrapper .wp-block-buttons a[target="_blank"]::after {
	display: none;
}
