/* ==========================================================================
   DN Reception — 受付アバター「栞」ウィジェットの補完スタイル
   ==========================================================================
   ★ 見た目の本体は バンドル（assets/dist/shiori.css）です。
     このファイルは**上書きしません。足りない分だけを足します。**

     2026-07-26 に役割を整理しました。
       * 高さ・はみ出し対策・字幕まわりは **バンドル側が責任を持つ**
         （パネルを縦flexにし、max-height を画面の高さで抑える方式に変更。
          ここで max-height や aspect-ratio を二重に指定すると、
          どちらが勝つかが画面幅で変わり、栞の頭が切れる事故が再発する）
       * 消えない字幕・全文表示（旧 .dn-rcp-*）は**廃止**。
         会話ログがその役目を引き継いだので、複製は作らない
     したがって、ここに残すのは当社（WordPress側）にしか決められない
     「右下のどこに置くか」だけです。
   ========================================================================== */

:root {
	/* ここは「JSが設定値を入れられなかった時」の保険の既定値にすぎない。
	   実際の値は dn-reception.js が管理画面の設定（offset_right / offset_bottom）を
	   documentElement のインラインstyleとして書き込むため、**常にそちらが勝つ**。
	   位置を変えたい時はこのファイルではなく管理画面（または
	   `wp option patch update dn_reception_settings offset_bottom <px>`）を触ること。
	   例: 右下に別のチャットボタンが常駐している間は 112px 等に逃がす。 */
	--dn-rcp-right: 20px;
	--dn-rcp-bottom: 20px;
}

/* ---- 右下の位置（safe-area も見る） ----------------------------------- */
.dnsh-launcher,
.dnsh-panel {
	right: calc(var(--dn-rcp-right) + env(safe-area-inset-right, 0px)) !important;
	bottom: calc(var(--dn-rcp-bottom) + env(safe-area-inset-bottom, 0px)) !important;
}

/* スマホ縦では左右いっぱいに広げる。
   ここで指定するのは left だけ（高さには触らない＝バンドルの計算を壊さない）。 */
@media (max-width: 480px) {
	.dnsh-panel {
		left: calc(10px + env(safe-area-inset-left, 0px)) !important;
	}
}

/* ---- 旧版の残骸を消す（古いJSがブラウザに残っている間の保険） -------- */
/* 字幕の正本は会話ログ1か所。複製字幕が残っていても表に出さない。 */
.dnsh-panel .dn-rcp-a11y,
.dnsh-panel .dn-rcp-caption,
.dnsh-panel .dn-rcp-transcript { display: none !important; }

/* ---- 動きを嫌う設定の補強（バンドル側で拾えていない分） -------------- */
@media (prefers-reduced-motion: reduce) {
	.dnsh-panel,
	.dnsh-panel.dnsh-out {
		animation: none !important;
	}
	.dnsh-launcher:hover { transform: none !important; }
}