/* ==========================================================================
   ユーティリティクラス

   対象: 縦書きテキスト、斜めクリップパス
   使用箇所:
     .text-vertical → page-room.php, page-activity.php
     .text-vertical--wide → page-room.php (letter-spacing広め)
     .clip-diagonal-* → 汎用（現在未使用だが定義として保持）
   ========================================================================== */

/* Vertical Text */
.text-vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

/* Room page variant with wider letter-spacing */
.text-vertical--wide {
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.5em;
}

/* Diagonal Clip */
@media (min-width: 768px) {
  .clip-diagonal-right {
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  }
  .clip-diagonal-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
  }
}