/* =========================================
   Sidebar Widget Hover
   ====================================== */

/* hover対象：サイドバー内の画像ウィジェット */
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image {
  position: relative;
}
/* =========================================
   Sidebar Widget CTA
   hover + focus-within + focus-visual
   ====================================== */

/* 対象：サイドバー内の画像ウィジェット */
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image {
  position: relative;
}

/* CTA文言（デフォルトは非表示） */
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image::after {
  content: "この記事を読む";
  position: absolute;
  bottom: 12px;
  right: 12px;

  font-size: 0.75rem;
  letter-spacing: 0.08em;

  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.80);
  padding: 6px 10px;
  border-radius: 12px;

  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

/* 表示トリガ：hover（マウス）＋ focus-within（キーボード） */
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image:hover::after,
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image:focus-within::after {
  opacity: 1;
}

/* -----------------------------------------
   Focus 可視化（Nephilim寄り）
   ------------------------------------- */

/* ウィジェット内リンクがフォーカスされたとき */
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image:focus-within {
  outline: none;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.6),
    0 0 0 4px rgba(0, 0, 0, 0.35);
  border-radius: 18px;
}

/* デフォルトの青いアウトラインを抑制 */
.nephilim-front-two-sidebar
  .nephilim-front-widget.widget_media_image a:focus {
  outline: none;
}