/*
 * Front UI (legacy HTML/CSS compatible)
 * - Reproduces the structure/classes used by the previous therapist scheduler.
 */



.time-slot{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  padding:10px 8px;
  box-sizing:border-box;
}

.mftn-room-box{
  background:rgba(255,255,255,0.92);
  color:#333;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:10px;
  padding: 7px 6px 4px 4px;
  font-size:12px;
  font-weight:700;
  text-align:center;
  margin:0 auto;
  box-sizing:border-box;
  width: 80%;
}

.status-time,
.time{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 8px;
  box-sizing:border-box;
}

.status-time-content{
  display:flex;
  flex-direction:column;
  gap:2px;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.status-text{
  font-size:13px;
  font-weight:700;
  color:#fff;
}

.time-text{
  font-size:13px;
  font-weight:700;
  color:#fff;
}

/* status colors */
.bg-red{ background:#e74c3c; }
.bg-yellow{ background:#f1c40f; }
.bg-blue{ background:#3498db; }
.bg-gray{ background:#7f8c8d; }
.bg-active{ background:#2ecc71; }
.bg-green{ background:#27ae60; }
.bg-default{ background:#bfc5c9; }

/* schedule tabs */
.schedule-nav-bar{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:8px 0;
  margin:0 0 10px;
}

.schedule-nav-bar .nav-item{
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#f7f7f7;
  cursor:pointer;
  font-size:13px;
  line-height:1;
  user-select:none;
}

.schedule-nav-bar .nav-item.active{
  background:#fff;
  border-color:#888;
  font-weight:700;
}

.schedule-nav-bar .nav-item.sun{ color:#d32f2f; }
.schedule-nav-bar .nav-item.sat{ color:#1976d2; }

.ts-notice{
  padding:14px;
  background:#fafafa;
  border:1px solid #eee;
  border-radius:10px;
}

/* Therapist status icons (single page)
 * - Keep list view icons as-is
 * - On the therapist single page, make the status icons half size
 */
body.single-therapist .therapist-status-badges .therapist-icon{
  width:75px;
  height:75px;
  object-fit:contain;
  display:block;
}


body.single-therapist .mftn-reservation-cta-wrap{
  margin:18px 0 8px;
  text-align:center;
}

body.single-therapist .mftn-reservation-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:260px;
  padding:14px 24px;
  border-radius:999px;
  background:#111;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  line-height:1.2;
  transition:opacity .2s ease, transform .2s ease;
}

body.single-therapist .mftn-reservation-cta:hover{
  opacity:.9;
  transform:translateY(-1px);
  color:#fff;
}


body.single-therapist .mftn-multiline-text,
.mftn-multiline-text{
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.9;
}