/**
 * JSN Boot Pro - J6 フロント編集UI 互換CSS
 *
 * JSN(J3)テンプレは J6 のフロント編集UI(インライン編集tooltip・joomla-dialog モーダル)の
 * スタイルを持たないため、Cassiopeia(コア既定テンプレ)の該当ルールを移植する。
 * template.css より後に読み込んで確実に適用する。CSS変数は Bootstrap5/フォールバックに置換。
 */

/* --- インライン編集 tooltip (jmodedit の「モジュールの編集…」) ---
   既定は非表示にし、編集ボタン(鉛筆)を hover/focus した時だけ表示する。
   ※ 編集ボタン(.jmodedit)自体は隠さない(常に表示)。 */
[role="tooltip"][id^="tip-"] {
	position: absolute;
	z-index: 1030;
	display: none;
	max-width: 320px;
	margin-top: 4px;
	padding: .35rem .6rem;
	background: rgba(0, 0, 0, .85);
	color: #fff;
	border-radius: .25rem;
	font-size: .78rem;
	line-height: 1.4;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}
.jmodedit:hover + [role="tooltip"][id^="tip-"],
.jmodedit:focus + [role="tooltip"][id^="tip-"] {
	display: block;
}
/* 編集ボタンは常に見えるように(念のため) */
.jmodedit {
	display: inline-block !important;
}

/* --- joomla-dialog (メニュー/メディア選択などのモーダル) --- */
joomla-dialog dialog {
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: .3rem;
	width: 96vw;
	max-width: 1700px;
	height: 96vh;
	padding: 0;
	box-shadow: 0 .5rem 1rem #00000026;
	background: #fff;
}
@media (min-width: 1400px) {
	joomla-dialog dialog { width: 80vw; height: 80vh; }
}
joomla-dialog dialog[open] { display: flex; }
joomla-dialog dialog::backdrop { background: rgba(0, 0, 0, .5); }
joomla-dialog[type="image"] dialog { width: fit-content; height: fit-content; }
joomla-dialog[type="iframe"] dialog { overflow: hidden; }
joomla-dialog iframe.iframe-content { width: 100%; height: 100%; border: 0; }

.joomla-dialog-container {
	box-sizing: border-box;
	display: flex;
	flex-flow: column;
	width: 100%;
	position: relative;
}
.joomla-dialog-container .buttons-holder {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-inline-start: auto;
}
.joomla-dialog-container .buttons-holder button { margin-inline: .375rem; }

.joomla-dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	position: relative;
}
.joomla-dialog-header h3,
.joomla-dialog-header .h3 { margin: 0; }
.joomla-dialog-header .header-icon { margin-inline-end: .375rem; font-size: 1.75rem; }
.joomla-dialog-header.empty { display: none; }

.joomla-dialog-body {
	box-sizing: border-box;
	flex: 1 1 auto;
	position: relative;
}
.joomla-dialog-body .buttons-holder { position: absolute; top: 1rem; right: 1rem; }

.joomla-dialog-footer {
	padding: 1rem;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	position: relative;
}
.joomla-dialog-footer.empty { display: none; }