/* =============================================================================
 *  KT CLINIC — 施術一覧（archive-treatment.php / taxonomy-treatment_*.php）
 *  2026-07-27 モック（KT施術一覧_モック.html）に合わせて全面刷新
 *  セレクタは .kt-trarch 配下にスコープしている
 * ========================================================================== */

/* 既存CSS（components.css / phase6-pages.css）との衝突を打ち消す */
.kt-trarch .btn{font-size:1rem;font-weight:400;}
.kt-trarch .ct-chip{appearance:none;font-family:inherit;line-height:1.75;}

.kt-trarch .arh{text-align:center;}
.kt-trarch .arh-h1{font-family:var(--serif);font-size:2.5rem;font-weight:500;letter-spacing:.08em; line-height:1.5;margin:0 0 1.4rem;}
.kt-trarch .arh-sub{font-size:.93rem;line-height:2.05;color:var(--sub);}
.kt-trarch .lst{padding:3.5rem 2.5rem 7.5rem;}
.kt-trarch .lst-inner{max-width:76rem;margin:0 auto;}
.kt-trarch .ax-tabs{display:flex;justify-content:center;gap:1.15rem;margin-bottom:2.5rem;}
.kt-trarch .ax-tab{cursor:pointer;font-family:var(--serif);font-size:1.05rem;font-weight:500; letter-spacing:.16em;display:inline-flex;align-items:center;white-space:nowrap; padding:1.05rem 2.1rem;border-radius:10px; background:#fff;border:1.4px solid #DEDDD9;color:#8C8A85; transition:background .25s,border-color .25s,color .25s,box-shadow .25s;}
.kt-trarch .ax-tab:hover{color:var(--ac);border-color:var(--gold-line);}
.kt-trarch .ax-tab.is-active{background:#fff;border-color:var(--ac);color:var(--ac);
                              box-shadow:0 2px 10px rgba(62,56,47,.07);}
.kt-trarch .ax-tab:focus-visible{outline:2px solid var(--ac);outline-offset:3px;}

.kt-trarch .ax-panel{display:none;}
.kt-trarch .ax-panel.is-active{display:block;}
.kt-trarch .ct-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem; margin:0 0 3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--grey-line);}
.kt-trarch .ct-chip{cursor:pointer;font-size:.85rem;letter-spacing:.06em;color:var(--sub); padding:.6rem 1.4rem;border:1px solid var(--grey-line);border-radius:999px; background:#fff;transition:all .2s;white-space:nowrap;}
.kt-trarch .ct-chip:hover{border-color:var(--gold-line);color:var(--gold-deep);}
.kt-trarch .ct-chip.is-active{background:var(--gold);border-color:var(--gold);color:#fff;}
.kt-trarch .ct-chip:focus-visible{outline:2px solid var(--ac);outline-offset:2px;}

.kt-trarch .lst-cat.is-hidden{display:none;}
.kt-trarch .lst-cat + .lst-cat{margin-top:3.25rem;}
.kt-trarch .lst-cat-title{font-family:var(--serif);font-size:1.15rem;font-weight:600;letter-spacing:.05em; color:var(--ac);margin:0 0 1.35rem;}
.kt-trarch .lst-items{column-count:3;column-gap:2.5rem;}
.kt-trarch .lst-item{display:flex;align-items:center;gap:.7rem;padding:.9rem .25rem;break-inside:avoid; border-bottom:1px solid var(--grey-line);font-size:.9rem;transition:color .2s;}
.kt-trarch .lst-item:hover{color:var(--ac);}
.kt-trarch .lst-item-name{flex:1;min-width:0;}
.kt-trarch .lst-badge{flex:none;font-size:.66rem;font-weight:700;letter-spacing:.06em;padding:.2rem .5rem; background:var(--gold);color:#fff;}
.kt-trarch .lst-pay{flex:none;font-size:.68rem;letter-spacing:.06em;color:var(--sub); padding:.15rem .5rem;border:1px solid var(--grey-line);border-radius:3px;}
.kt-trarch .lst-pay.jihi{color:var(--gold-deep);border-color:var(--gold-line);}
.kt-trarch .lst-pay.both{color:var(--gold-deep);border-color:var(--gold-line);background:#FCFAF6;}
.kt-trarch .lst-arrow{flex:none;color:#C9C2B6;font-size:.95rem;transition:transform .2s;}
.kt-trarch .lst-item:hover .lst-arrow{transform:translateX(3px);}
.kt-trarch .lst-empty{font-size:.9rem;color:var(--sub);text-align:center;padding:2rem 0;margin:0;}
.kt-trarch .lst-note{margin-top:3.5rem;font-size:.8rem;line-height:2;color:#8C8A85;}
.kt-trarch .lst-note p{margin:0;}
@media (max-width:1080px){
  .kt-trarch .arh{text-align:left;}
  .kt-trarch .arh-h1{font-size:1.75rem;}
  .kt-trarch .arh-sub{text-align:left;font-size:.88rem;}
  .kt-trarch .lst{padding:2.25rem 1.25rem 5rem;}
  .kt-trarch .ax-tabs{margin:0 -1.25rem 2rem;padding:.25rem 1.25rem;gap:.6rem;overflow-x:auto; justify-content:flex-start;scrollbar-width:none;}
  .kt-trarch .ax-tabs::-webkit-scrollbar{display:none;}
  .kt-trarch .ax-tab{padding:.85rem 1.1rem;font-size:.9rem;letter-spacing:.1em;}
  .kt-trarch .ct-chips{margin:0 -1.25rem 2rem;padding:0 1.25rem 1.75rem;gap:.45rem;flex-wrap:nowrap; justify-content:flex-start;overflow-x:auto;scrollbar-width:none;}
  .kt-trarch .ct-chips::-webkit-scrollbar{display:none;}
  .kt-trarch .ct-chip{padding:.5rem 1.1rem;font-size:.8rem;}
  .kt-trarch .lst-items{column-count:1;}
  .kt-trarch .lst-cat + .lst-cat{margin-top:2.5rem;}
  .kt-trarch .lst-note{margin-top:2.75rem;}
}