/* Reservation therapist cards + WordPress-like availability table. */
.mf-nomination-table-wrap{display:grid;gap:18px}
.mf-nomination-table-help{
  margin:0 0 10px;
  padding:10px 13px;
  border-left:3px solid #a97322;
  background:#fff7e8;
  color:#4f4547;
  font-size:10px;
  line-height:1.8;
}
.mf-nomination-table-scroll{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(91,53,59,.2);
  background:#fff;
}
.mf-nomination-table-scroll:focus-visible{outline:2px solid #8c5d1f;outline-offset:-2px}
.mf-nomination-table-grid{
  width:max-content;
  min-width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  color:#2f2729;
}
.mf-nomination-table-grid th,
.mf-nomination-table-grid td{
  min-width:118px;
  height:54px;
  padding:7px 8px;
  border-right:1px solid #e4dcd6;
  border-bottom:1px solid #e4dcd6;
  text-align:center;
  vertical-align:middle;
}
.mf-nomination-table-grid thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f7efe3;
  color:#4b3438;
  font-size:11px;
  font-weight:700;
}
.mf-nomination-table-grid thead th strong{display:block;white-space:nowrap}
.mf-nomination-table-grid thead th small{display:block;margin-top:2px;color:#7d5119;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.mf-nomination-table-grid thead th.is-saturday{background:#eaf2ff;color:#1f4f9b}
.mf-nomination-table-grid thead th.is-saturday small{color:#1f4f9b}
.mf-nomination-table-grid thead th.is-holiday{background:#fff0f2;color:#a1263f}
.mf-nomination-table-grid thead th.is-holiday small{color:#a1263f}
.mf-nomination-table-grid .mf-nomination-table-time{
  position:sticky;
  left:0;
  z-index:3;
  min-width:76px;
  width:76px;
  background:#faf6ef;
  color:#5d3b12;
  font-size:11px;
  font-weight:700;
  box-shadow:1px 0 0 #ddd3cb;
}
.mf-nomination-table-grid thead .mf-nomination-table-time{z-index:4;background:#eadcc5;color:#422e13}
.mf-nomination-table-grid tbody tr:last-child th,
.mf-nomination-table-grid tbody tr:last-child td{border-bottom:0}
.mf-nomination-table-grid tr th:last-child,
.mf-nomination-table-grid tr td:last-child{border-right:0}
.mf-nomination-table-cell{display:grid;place-items:center;min-height:38px;cursor:pointer}
.mf-nomination-table-cell input{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.mf-nomination-table-cell span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #a97726;
  border-radius:50%;
  background:#fffaf1;
  color:#704515;
  font-size:16px;
  font-weight:800;
  transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;
}
.mf-nomination-table-cell:hover span{transform:translateY(-1px);box-shadow:0 4px 12px rgba(97,55,27,.13)}
.mf-nomination-table-cell input:focus-visible+span{outline:2px solid #8d2638;outline-offset:2px}
.mf-nomination-table-cell input:checked+span{
  border-color:#812238;
  background:#812238;
  color:#fff;
  box-shadow:0 0 0 3px rgba(129,34,56,.14);
}
.mf-nomination-table-unavailable{display:inline-grid;place-items:center;min-width:34px;height:34px;margin:auto;color:#d33b45;font-size:18px;font-weight:800;line-height:1}
.mf-nomination-table-no-shift{display:inline-grid;place-items:center;min-width:34px;height:34px;margin:auto;color:#9aa1aa;font-size:16px;font-weight:700;line-height:1}

.mf-reservation-therapist-select[hidden]{display:none}
.mf-reservation-therapist-group{margin-top:24px}
.mf-reservation-therapist-group:first-of-type{margin-top:16px}
.mf-reservation-therapist-group__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(91,53,59,.18)}
.mf-reservation-therapist-group__head h4{margin:0;color:#42131f;font-size:15px;font-weight:700;letter-spacing:.04em}
.mf-reservation-therapist-group__head span{color:#665a5c;font-size:10px;font-weight:600}
.mf-reservation-therapist-group--other{border-top:1px solid rgba(91,53,59,.16);padding-top:12px}
.mf-reservation-therapist-group__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(91,53,59,.18);background:#faf6f0;color:#42131f;cursor:pointer;list-style:none}
.mf-reservation-therapist-group__toggle::-webkit-details-marker{display:none}
.mf-reservation-therapist-group__toggle span{display:flex;align-items:baseline;gap:8px}
.mf-reservation-therapist-group__toggle strong{font-size:14px;letter-spacing:.04em}
.mf-reservation-therapist-group__toggle small{color:#665a5c;font-size:10px;font-weight:600}
.mf-reservation-therapist-group__toggle em{font-style:normal;font-size:10px;font-weight:700;color:#7d5119}
.mf-reservation-therapist-group--other[open] .mf-reservation-therapist-group__toggle em{font-size:0}
.mf-reservation-therapist-group--other[open] .mf-reservation-therapist-group__toggle em::after{content:"閉じる";font-size:10px}
.mf-reservation-therapist-grid--other{margin-top:12px}
.mf-reservation-therapist-grid{gap:12px 8px}
.mf-reservation-therapist-option{position:relative;display:block;overflow:hidden;cursor:pointer;background:#fff;border:1px solid transparent;box-shadow:0 6px 16px rgba(0,0,0,.16);transition:border-color .18s,box-shadow .18s,transform .18s}
.mf-reservation-therapist-option:hover{transform:translateY(-1px)}
.mf-reservation-therapist-option__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mf-reservation-therapist-option__input:focus-visible~.mf-therapist-card__image{outline:2px solid #8d2638;outline-offset:-2px}
.mf-reservation-therapist-option:has(.mf-reservation-therapist-option__input:checked){border-color:#8c5d1f;box-shadow:0 0 0 2px rgba(140,93,31,.2),0 8px 20px rgba(0,0,0,.2)}
.mf-reservation-therapist-option__check{position:absolute;right:8px;top:8px;z-index:5;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#812238;color:#fff;font-size:13px;font-weight:700;opacity:0;transform:scale(.8);transition:opacity .18s,transform .18s}
.mf-reservation-therapist-option__input:checked~.mf-therapist-card__image .mf-reservation-therapist-option__check{opacity:1;transform:scale(1)}
.mf-reservation-therapist-option .mf-therapist-card__image{position:relative}
.mf-reservation-therapist-option .mf-therapist-card__icons{position:absolute;top:9px;left:9px;z-index:3;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 52px);pointer-events:none}
.mf-reservation-therapist-option .mf-therapist-card__icons img{display:block;width:auto;max-width:82px;height:auto;max-height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))}
.mf-reservation-therapist-option .mf-therapist-card__body,
.mf-reservation-therapist-option .mf-therapist-card__identity,
.mf-reservation-therapist-option .mf-therapist-card__schedule{display:block}
.mf-reservation-therapist-option .mf-therapist-card__body{background:#fff;color:#2c2426}
.mf-reservation-therapist-option .mf-therapist-card__name{color:#2b2023}
.mf-reservation-therapist-option .mf-therapist-card__profile,
.mf-reservation-therapist-option .mf-therapist-card__time{color:#62575a}
.mf-reservation-therapist-option .mf-therapist-card__schedule{display:flex;align-items:center;justify-content:space-between;gap:5px}
.mf-wp-slot-table-wrap{display:grid;gap:0}
.mf-wp-slot-table thead th{min-width:104px}
.mf-wp-slot-table td{min-width:104px}

/* Reservation readability override: keep MERFOIS styling while preventing pale theme text on light panels. */
.mf-reservation-section .mf-reservation-panel__head h2,
.mf-reservation-section .mf-reservation-complete h2{
  color:#2b2225;
}
.mf-reservation-section .mf-reservation-panel__head p{
  color:#554a4d;
}
.mf-reservation-section .mf-choice-card strong,
.mf-reservation-section .mf-course-choice__main strong,
.mf-reservation-section .mf-extra-grid strong,
.mf-reservation-section .mf-form-heading,
.mf-reservation-section .mf-course-extras h3{
  color:#3a2d31;
  opacity:1;
}
.mf-reservation-section .mf-choice-card small,
.mf-reservation-section .mf-course-choice small,
.mf-reservation-section .mf-extra-grid small,
.mf-reservation-section .mf-customer-grid small{
  color:#665a5d;
  opacity:1;
}
.mf-reservation-section .mf-customer-grid label>span{
  color:#493d40;
  opacity:1;
}
.mf-reservation-section .mf-customer-grid label>span em{
  color:#a1263f;
}
.mf-reservation-section .mf-course-choice__main em{
  color:#3b3033;
}
.mf-reservation-section .mf-reservation-summary-mini span,
.mf-reservation-section .mf-confirm-list dt{
  color:#5b4f52;
}
.mf-reservation-section .mf-reservation-summary-mini strong,
.mf-reservation-section .mf-confirm-list dd{
  color:#2b2225;
}
.mf-reservation-section .mf-reservation-total span,
.mf-reservation-section .mf-reservation-total strong,
.mf-reservation-section .mf-confirm-total dt,
.mf-reservation-section .mf-confirm-total dd{
  color:#fff;
}

.mf-reservation-section .mf-agreement{
  background:#faf7f4;
  border:1px solid #e4ddd8;
  color:#3a2d31;
}
.mf-reservation-section .mf-agreement span{
  color:#3a2d31;
  opacity:1;
}
.mf-reservation-section .mf-agreement a{
  color:#7a1730;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}

@media(max-width:900px){
}
@media(max-width:700px){
  .mf-nomination-table-help{font-size:9px}
  .mf-nomination-table-grid th,.mf-nomination-table-grid td{min-width:92px;height:50px;padding:6px}
  .mf-nomination-table-grid .mf-nomination-table-time{min-width:64px;width:64px}
  .mf-nomination-table-cell span{width:31px;height:31px;font-size:14px}
  .mf-reservation-therapist-group{margin-top:18px}
  .mf-reservation-therapist-group__head h4{font-size:13px}
  .mf-reservation-therapist-group__toggle{padding:11px 12px}
  .mf-reservation-therapist-group__toggle strong{font-size:13px}
  .mf-wp-slot-table{min-width:720px}
}

@media(prefers-reduced-motion:reduce){
  .mf-nomination-table-cell span,.mf-reservation-therapist-option,.mf-reservation-therapist-option__check{transition:none}
}