/* Awarenest 予約UI — awarenest.css を土台に */
.bk{max-width:920px;margin:0 auto;padding:0 24px;}
.bk-hero{padding:5rem 24px 2rem;text-align:center;position:relative;width:100vw;left:50%;transform:translateX(-50%);background-image:linear-gradient(rgba(10,77,61,.55),rgba(10,77,61,.75)),url(/assets/img/hero-reservation.jpg);background-size:cover;background-position:center;}
.bk-hero .eyebrow{color:var(--sand);}
.bk-hero h1{font-family:var(--serif-ja);font-weight:600;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--cream-2);margin:.4rem 0 .8rem;letter-spacing:.04em;}
.bk-hero p{color:var(--cream-soft);line-height:1.9;}

.session-list{display:grid;gap:1rem;margin:2.5rem 0 5rem;}
.session-card{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.6rem;transition:background .3s;}
.session-card:hover{background:var(--panel-2);}
.session-card .info{flex:1;min-width:0;}
.session-card .when{font-family:var(--serif-en);font-style:italic;color:var(--sand);font-size:.95rem;margin:0 0 .2rem;}
.session-card h3{font-family:var(--serif-ja);font-weight:600;font-size:1.15rem;color:var(--cream-2);margin:.1rem 0 .35rem;}
.session-card .meta{color:var(--cream-soft);font-size:.85rem;}
.session-card .right{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;flex-shrink:0;}
.seat{font-size:.8rem;letter-spacing:.04em;color:var(--sand);border:1px solid rgba(253,218,144,.4);border-radius:999px;padding:.25rem .8rem;white-space:nowrap;}
.seat.low{color:var(--rose);border-color:rgba(211,171,159,.5);}
.seat.full{color:var(--cream-soft);border-color:var(--line);}
.empty-note{color:var(--cream-soft);text-align:center;padding:3rem 0;line-height:1.9;}

/* modal */
.overlay{position:fixed;inset:0;background:rgba(0,20,16,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:200;padding:1rem;}
.overlay.show{display:flex;}
.modal{background:var(--green-alt);border:1px solid var(--line);border-radius:16px;max-width:460px;width:100%;padding:2rem;max-height:92vh;overflow:auto;}
.modal h2{font-family:var(--serif-ja);font-weight:600;font-size:1.3rem;color:var(--cream-2);margin:0 0 .3rem;}
.modal .sub{color:var(--sand);font-style:italic;font-family:var(--serif-en);font-size:.95rem;margin:0 0 1.4rem;}
.field{margin-bottom:1.1rem;}
.field label{display:block;font-size:.85rem;color:var(--cream);margin-bottom:.4rem;letter-spacing:.03em;}
.field label .req{color:var(--rose);margin-left:.2rem;}
.field input,.field select,.field textarea{width:100%;background:rgba(0,20,16,.35);border:1px solid var(--line);border-radius:8px;padding:.7rem .9rem;color:var(--cream-2);font-size:.95rem;font-family:inherit;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sand);}
.field textarea{min-height:70px;resize:vertical;}
.modal-actions{display:flex;gap:.8rem;margin-top:1.4rem;}
.modal-actions .btn{flex:1;justify-content:center;}
.msg{padding:.8rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.6;margin-bottom:1rem;display:none;}
.msg.show{display:block;}
.msg.err{background:rgba(211,171,159,.15);border:1px solid rgba(211,171,159,.4);color:var(--rose);}
.msg.ok{background:rgba(253,218,144,.12);border:1px solid rgba(253,218,144,.35);color:var(--sand);}

/* admin */
.adm{max-width:1000px;margin:0 auto;padding:2rem 24px 5rem;}
.login-box{max-width:380px;margin:5rem auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:2.2rem;}
.login-box h1{font-family:var(--serif-ja);font-weight:600;font-size:1.4rem;color:var(--cream-2);margin:0 0 1.4rem;text-align:center;}
.adm-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line);}
.adm-bar h1{font-family:var(--serif-ja);font-weight:600;font-size:1.4rem;color:var(--cream-2);margin:0;}
.adm-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.8rem;margin-bottom:1.6rem;}
.adm-card h2{font-family:var(--serif-ja);font-weight:600;font-size:1.1rem;color:var(--sand);margin:0 0 1.2rem;}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;align-items:end;}
.adm-table{width:100%;border-collapse:collapse;font-size:.88rem;}
.adm-table th,.adm-table td{text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--line);color:var(--cream);vertical-align:middle;}
.adm-table th{color:var(--sage);font-weight:500;font-size:.8rem;letter-spacing:.04em;}
.adm-table .s-low{color:var(--rose);}
.adm-table .s-full{color:var(--cream-soft);}
.mini-btn{font-size:.78rem;padding:.3rem .7rem;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--cream);cursor:pointer;transition:.2s;}
.mini-btn:hover{border-color:var(--sand);color:var(--sand);}
.mini-btn.danger:hover{border-color:var(--rose);color:var(--rose);}
.res-row td{font-size:.85rem;color:var(--cream-soft);background:rgba(0,20,16,.2);}

/* ---- calendar ---- */
.cal{max-width:780px;margin:2.5rem auto 5rem;}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;}
.cal-head h2{font-family:var(--serif-ja);font-weight:600;font-size:1.4rem;color:var(--cream-2);margin:0;letter-spacing:.06em;}
.cal-nav{background:transparent;border:1px solid var(--line);color:var(--cream);width:40px;height:40px;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:.2s;line-height:1;}
.cal-nav:hover{border-color:var(--sand);color:var(--sand);}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.cal-dows{margin-bottom:6px;}
.cal-dow{text-align:center;color:var(--sage);font-size:.78rem;letter-spacing:.04em;padding:.3rem 0;}
.cal-dow.sun{color:var(--rose);}
.cal-dow.sat{color:#9fc3d8;}
.cal-cell{min-height:88px;border:1px solid var(--line);border-radius:8px;padding:.35rem;background:rgba(0,20,16,.18);display:flex;flex-direction:column;gap:.25rem;}
.cal-cell.empty{background:transparent;border:none;}
.cal-cell.past{opacity:.38;}
.cal-date{font-size:.78rem;color:var(--cream-soft);}
.cal-cell.today{border-color:var(--sand);}
.cal-cell.today .cal-date{color:var(--sand);font-weight:700;}
.chip{display:block;width:100%;text-align:left;font-size:.72rem;line-height:1.25;background:var(--panel);border:1px solid rgba(253,218,144,.3);border-radius:5px;padding:.28rem .4rem;color:var(--cream-2);cursor:pointer;transition:.18s;font-family:inherit;}
.chip:hover{background:var(--sand);color:var(--green-deep);border-color:var(--sand);}
.chip .t{color:var(--sand);font-style:italic;font-family:var(--serif-en);}
.chip:hover .t{color:var(--green-deep);}
.chip .seat{display:block;font-size:.66rem;color:var(--sage);margin-top:.1rem;}
.chip:hover .seat{color:var(--green-deep);}
.chip.full{opacity:.5;cursor:not-allowed;border-color:var(--line);background:transparent;}
.chip.full .t,.chip.full .seat{color:var(--cream-soft);}
.cal-hint{text-align:center;color:var(--cream-soft);font-size:.85rem;margin-top:1.5rem;}

/* admin reservation table */
.res-table{width:100%;border-collapse:collapse;font-size:.84rem;margin:.3rem 0;}
.res-table th{color:var(--sage);font-weight:500;font-size:.76rem;text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--line);}
.res-table td{padding:.5rem .5rem;border-bottom:1px solid rgba(233,235,203,.1);color:var(--cream);}
.res-table tr.cxl td{opacity:.45;text-decoration:line-through;}
.res-empty{color:var(--cream-soft);padding:.6rem 0;font-size:.85rem;}

@media(max-width:640px){
  .cal-cell{min-height:64px;padding:.25rem;}
  .chip{font-size:.6rem;padding:.2rem .25rem;}
  .chip .seat{font-size:.56rem;}
  .cal-date{font-size:.68rem;}
  .cal-grid{gap:3px;}
}


/* スマホ: ヒーローの縦幅を詰める */
@media (max-width: 640px) {
  .bk-hero {
    padding: 2.2rem 20px 1.4rem;
    background-attachment: scroll;
  }
  .bk-hero h1 { margin: .3rem 0 .5rem; }
}

/* スマホ: ヒーロー縦幅をさらに詰める(上書き) */
@media (max-width: 640px) {
  .bk-hero { padding: 1.4rem 20px 1rem; }
  .bk-hero h1 { font-size: 1.6rem; margin: .2rem 0 .4rem; }
  .bk-hero p { font-size: .9rem; line-height: 1.6; }
  .bk-hero .eyebrow { font-size: .8rem; margin-bottom: .2rem; }
}

/* スマホ: カレンダーを1画面に収める */
@media (max-width: 640px) {
  #cal-month { font-size: 1.05rem; }
  .cal-head { margin-bottom: .4rem; }
  .cal-nav { width: 34px; height: 34px; }
  .cal-cell { min-height: 66px; padding: 3px; }
  .cal-date { font-size: .7rem; }
  .chip { font-size: .62rem; padding: 2px 4px; }
  .chip .t { font-size: .6rem; }
  .chip .seat { font-size: .58rem; }
  .cal-dow { font-size: .7rem; }
}

/* モーダルのキャンセルボタン: hover/tapでも文字が見えるように */
.modal-actions .btn-ghost{
  background: transparent;
  color: var(--cream);
  border: 1px solid rgba(246,241,231,.45);
}
.modal-actions .btn-ghost:hover{
  background: rgba(246,241,231,.10);
  color: var(--cream);
}