/* ══════════════════════════════════════════════
   予約表ページ ／ 空き状況カレンダー（2026-10-23。動きは pubcal.js）
   ══════════════════════════════════════════════ */
/* 横幅は最大1400px（2026-11-09。前の WordPress のカレンダーと同じ。左に寄せる） */
#pubCal{font-size:14px;max-width:1400px}
#pubCal .pc-wait,
#pubCal .pc-none{margin:1.4rem 0;padding:1.2rem;border:1px dashed var(--line);border-radius:4px;
  text-align:center;line-height:1.9;color:#C4C1B6}
#pubCal .pc-none a,
#pubCal .pc-note a{color:var(--mud-lt);font-weight:700}

/* 月のボタン */
#pubCal .pc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 .8rem}
#pubCal .pc-tab{
  padding:.45em 1.05em;border:1px solid var(--line);border-radius:999px;cursor:pointer;
  background:transparent;color:var(--sand);font-family:inherit;font-weight:700;font-size:.9rem;
  transition:background .15s ease,border-color .15s ease}
#pubCal .pc-tab:hover{border-color:var(--mud-lt)}
#pubCal .pc-tab.is-on{background:var(--mud);border-color:var(--mud);color:#1A0E04}
/* 半年分を縦に並べる（2026-11-09）。月と月の間をあける */
#pubCal .pc-month+.pc-month{margin-top:1.6rem}
#pubCal .pc-ttl{margin:.2rem 0 .6rem;font-weight:900;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--sand)}

/* 月の表（2026-10-23。今の WordPress のカレンダーと同じ暗い緑の枠と地。札の色はデスクと同じ） */
#pubCal .pc-wrap{border:1px solid rgba(233,228,214,.16)}
#pubCal .pc-tbl{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--sand)}
#pubCal .pc-tbl th{padding:6px 2px;font-size:.9rem;font-weight:600;color:#9FB39A;background:#17301F;
  border:1px solid rgba(233,228,214,.16)}
#pubCal .pc-tbl th.sun{color:#E0705C}
#pubCal .pc-tbl th.sat{color:#6FA8D6}
#pubCal .pc-tbl td{vertical-align:top;height:84px;padding:2px 2px 4px;border:1px solid rgba(233,228,214,.16);
  background:rgba(23,48,31,.55)}
#pubCal .pc-tbl td.out{background:rgba(0,0,0,.18)}
#pubCal .pc-tbl td.ext{background:rgba(0,0,0,.18)}
#pubCal .pc-tbl td.ext .pc-dn{opacity:.6}
#pubCal .pc-tbl td.past{background:rgba(0,0,0,.22)}
#pubCal .pc-tbl td.past .pc-ev{opacity:.45}
/* 日付は右上に水色（今のカレンダーと同じ）。今日だけ橙の丸 */
#pubCal .pc-dn{font-size:1rem;font-weight:500;color:#7FB6E0;text-align:right;padding:2px 4px;line-height:1.4}
#pubCal td.today .pc-dn b{display:inline-block;min-width:1.6em;padding:0 6px;border-radius:99px;
  background:var(--mud);color:#fff;font-weight:700;text-align:center}
/* 札：角丸・細い薄い縁（暗い色の札が地に沈まないように） */
#pubCal .pc-ev{margin:1px;padding:0 3px;border-radius:3px;background:rgba(233,228,214,.12);color:var(--sand);
  font-size:.74rem;font-weight:500;line-height:1.6;word-break:break-all;
  box-shadow:0 0 0 1px rgba(233,228,214,.45)}

#pubCal .pc-note{margin:.8rem 0 0;font-size:.85rem;line-height:1.8;color:#B2B0A5}
#pubCal .pc-stale{color:var(--signal)}

/* スマホ：7列が入るように字を小さく、マスを詰める */
@media (max-width:600px){
  #pubCal .pc-tab{padding:.4em .8em;font-size:.82rem}
  #pubCal .pc-tbl th{font-size:.72rem;padding:3px 0}
  #pubCal .pc-tbl td{height:60px;padding:1px 0 3px}
  #pubCal .pc-dn{font-size:.75rem;padding:1px 2px}
  #pubCal .pc-ev{font-size:.6rem;padding:0 1px;letter-spacing:-.02em}
}

/* テスト用ページの印（reservation-test だけで使う） */
.rv-testnote{margin:0 0 .8rem;padding:.5em .9em;border:1px solid var(--signal);border-radius:4px;color:var(--signal);font-weight:700;font-size:.9rem}