/* =============================================================================
 *  KT CLINIC — アートメイク施術可能日カレンダー
 *  2026-08-11 新規。single-treatment.php のうち投稿スラッグ artmake だけに読み込む。
 *  カレンダーの骨格（cal-scroll / cal-tbl / cal-grid など）は担当医カレンダー
 *  （page-dermatology.css など）と揃えている。医師名・科の印は無いので、その分は削減。
 *  セレクタは .kt-trs 配下にスコープしている。
 * ========================================================================== */

/* 2026-08-11 修正：ページ本文（.trs-inner）と同じ46remに揃えた。
   もとは64rem（担当医カレンダーの.cal-innerと同じ幅）にしていたが、
   このページは1カラム構成で本文が46rem幅のため、カレンダーだけ広く
   はみ出して見えていた（ともちん指摘）。表の最小幅（cal-tbl 44rem）は
   46rem に収まるので、横スクロールなしでそのまま揃う。 */
.kt-trs .trs-cal-inner{max-width:46rem;margin:0 auto;}

.kt-trs .cal-am-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;margin:1.2rem 0 1.1rem;}
.kt-trs .cal-am-legend-i{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;letter-spacing:.03em;color:var(--sub);}
.kt-trs .cal-am-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;flex:none;}
.kt-trs .cal-am-dot.is-open{background:var(--gold);}
.kt-trs .cal-am-dot.is-hold{background:#C0736F;}

.kt-trs .cal-hint{display:none;}
.kt-trs .cal-months{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;}
.kt-trs .cal-mo{cursor:pointer;font-size:.88rem;letter-spacing:.08em;color:var(--sub);
        background:#fff;border:1px solid var(--grey-line);border-radius:999px;padding:.5rem 1.3rem;}
.kt-trs .cal-mo:hover{border-color:var(--gold-line);color:var(--gold-deep);}
.kt-trs .cal-mo[aria-selected="true"]{background:var(--gold);border-color:var(--gold);color:#fff;}

.kt-trs .cal-panel{display:none;}
.kt-trs .cal-panel.is-active{display:block;}

.kt-trs .cal-scroll{overflow-x:auto;scrollbar-width:none;}
.kt-trs .cal-scroll::-webkit-scrollbar{display:none;}

.kt-trs .cal-tbl{min-width:44rem;background:#fff;border:1px solid var(--line);}
.kt-trs .cal-ym{text-align:center;font-family:var(--serif);font-size:1.1rem;letter-spacing:.08em;
        padding:1rem 0;border-bottom:1px solid var(--line);}
.kt-trs .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);}
.kt-trs .cal-dh{text-align:center;font-size:.75rem;letter-spacing:.1em;color:var(--sub);
        padding:.7rem 0;border-bottom:1px solid var(--line);}
.kt-trs .cal-dh.sun{color:#C0736F;}
.kt-trs .cal-c{min-height:5rem;padding:.5rem .45rem;border-right:1px solid var(--line);
        border-bottom:1px solid var(--line);}
.kt-trs .cal-c:nth-child(7n+7){border-right:none;}
.kt-trs .cal-c.empty{background:#FAFAF9;}
.kt-trs .cal-c.closed{background:#FAFAF9;}
.kt-trs .cal-d{font-size:.8rem;color:var(--sub);margin-bottom:.35rem;}
.kt-trs .cal-c.sun .cal-d, .kt-trs .cal-c.holi .cal-d{color:#C0736F;}

.kt-trs .cal-am-entries{display:flex;flex-direction:column;gap:.25rem;}
.kt-trs .cal-am-slot{display:block;font-size:.72rem;line-height:1.5;color:var(--ink);}
.kt-trs .cal-am-off{display:block;text-align:center;font-size:.72rem;color:#9A948A;margin-top:.1rem;}
.kt-trs .cal-am-hold{display:block;text-align:center;font-size:.72rem;color:#C0736F;margin-top:.1rem;}
.kt-trs .cal-none{font-size:.72rem;color:#D2CCC1;}

.kt-trs .cal-note{margin:1.2rem 0 0;padding:1.1rem 1.3rem;border:1px solid var(--grey-line);
        font-size:.85rem;line-height:2;color:var(--sub);}
.kt-trs .cal-note p{margin:0;}
.kt-trs .cal-note strong{color:var(--ink);}
.kt-trs .cal-note a{color:var(--gold-deep);text-decoration:underline;}

@media (max-width:1080px) {
    .kt-trs .cal-scroll{margin:0 -1.25rem;padding:0 1.25rem;}
    .kt-trs .cal-hint{display:block;text-align:center;font-size:.72rem;color:#A39B8E;margin:-.4rem 0 .7rem;}
    .kt-trs .cal-ym{text-align:left;padding-left:1rem;}
}