/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PhotoSwipe のキャプション (#573)
   v5 にはキャプションが無く、static/cafe/js/init_photo_swipe_from_dom.js が
   figcaption の文を入れる。見た目は v4 の既定のスキン (写真の下の半透明の帯) に寄せる
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pswp__custom-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.pswp__custom-caption:empty {
  display: none;
}