/*
Theme Name: RAUM PILATES Opening
Description: 1ページだけの「Opening Soon」テーマ。1枚のグラフィックを全画面で表示し、下部中央に「Opening Soon」を表示します。設定不要 — 有効化すればそのまま表示されます。
Author: RAUM PILATES
Version: 1.0
Requires at least: 5.0
Tested up to: 6.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: raum-pilates-opening
*/

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f2e9e2; /* 画像のベージュで上下を塗り足す */
  color: #5a4b3c;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 全画面のステージ。画像を中央に表示し、足りない余白はベージュで埋める */
.stage {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  background-color: #f2e9e2;
  background-image: url('opening.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;   /* PC: 画像全体を表示（ロゴは切れない） */
}

/* 下部中央の「Opening Soon」— 画像の文字（YOUR LIFE）に被らない位置 */
.opening {
  position: absolute;
  left: 50%;
  bottom: clamp(22px, 6vh, 64px);
  transform: translateX(-50%);
  margin: 0;
  white-space: nowrap;
  font-family: 'Cormorant Garamond', 'Times New Roman', 'YuMincho', serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.42em;
  text-indent: 0.42em; /* letter-spacing による右ズレを補正して中央に */
  color: #5a4b3c;
  font-size: clamp(19px, 2.4vw, 32px);
  pointer-events: none;
}

/* スマホ: 左右のグラフィックを少しトリミング（ロゴは切らない）。
   上下に足りない分は body / .stage のベージュで塗り足される */
@media (max-width: 640px) {
  .stage {
    background-size: 140% auto;
  }
  .opening {
    bottom: clamp(26px, 7vh, 56px);
    letter-spacing: 0.34em;
    text-indent: 0.34em;
    font-size: clamp(16px, 5.4vw, 24px);
  }
}