/* 静的試作の共通上書き（build.mjs が site/assets/css/pilot.css に複写する）。
 * JS なしで「旧基盤の JS 実行後の初期状態」と同じ見た目になるように、状態を CSS で固定する。 */

/* 年間カレンダー: 初期表示は春のみ（旧: 0.5秒後に JS で夏秋冬を隠していた） */
#list-sm, #list-au, #list-wi { display: none; }
/* 「さらに表示する」: 旧は4件以下なら JS で非表示。初期（春4件）は非表示で、pilot.js が必要時に出す */
#load-more-btn:not(.pilot-show) { display: none !important; }

/* sd-loop-box（流れる文字）の代替: CSS アニメーションで横送り */
.pilot-marquee { overflow: hidden !important; }
.pilot-marquee > .pilot-marquee__track {
  display: flex; flex: none; width: max-content; gap: inherit;
  animation: pilot-marquee var(--pilot-marquee-dur, 60s) linear infinite;
}
.pilot-marquee > .pilot-marquee__track > * { flex: none; }
@keyframes pilot-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .pilot-marquee > .pilot-marquee__track { animation: none; } }

/* 埋め込み iframe（静的ファイル化したもの）: 枠線なし・幅いっぱい */
iframe[data-pilot-embed] { border: 0; width: 100%; display: block; }

/* 画像スライド: JS なしでは表示中の1枚（旧スライダーが保持していた現在の1枚）だけを並べる（JSなしだと遅延読込が効かず全スライドが読まれ、最も縦長の画像で枠の高さが変わるため）。
   pilot.js が .pilot-js を付けたら全スライドを戻して前後送りできるようにする */
[data-pilot-slider]:not(.pilot-js) [data-pilot-slide]:not([data-pilot-current]) { display: none !important; }
/* 予約受付をしていないプランの予約ボタン（data/plan_status.json。リンクなし） */
[data-pilot-booking="closed"]{cursor:default}
/* 文言が長い場合（例「予約受付準備中」）にスマホ幅でボタンからはみ出さないように */
@media (max-width:450px){[data-pilot-booking="closed"] p{white-space:nowrap;font-size:11px!important;letter-spacing:0!important;overflow:visible!important;max-width:none!important;width:auto!important}}