/* =====================================================
   SIMPLYBOOK – FINAL TIMESLOT OVERRIDE (REAL DOM)
   - Hide "Available start times"
   - Replace 07:00 with "Reserve Your Seat"
   - Desktop: keep original size
   - Mobile: 2-line button, slightly reduced height (13px)
===================================================== */

/* 1) ซ่อนหัวข้อ Available start times */
.container-caption {
  display: none !important;
}

/* 2) ซ่อนตัวเลขเวลา 07:00 */
#sb_time_slots_container a.sb-cell.free,
#sb_time_slots_container a.sb-cell.busy {
  font-size: 0 !important;
  color: transparent !important;
}

/* 3) ปุ่มบน Desktop (ขนาดเดิม ไม่ปรับ) */
#sb_time_slots_container a.sb-cell.free,
#sb_time_slots_container a.sb-cell.busy {
  background: #0b5cff !important;
  font-weight: 700 !important;
  padding: 18px !important;        /* Desktop เดิม */
  border-radius: 8px !important;   /* Desktop เดิม */
  text-align: center !important;
  cursor: pointer !important;
}

/* 4) ข้อความแทนเวลา (Desktop) */
#sb_time_slots_container a.sb-cell.free::after,
#sb_time_slots_container a.sb-cell.busy::after {
  content: "Reserve Your Seat";
  font-size: 18px;                 /* Desktop เดิม */
  color: #ffffff;
  display: inline-block;
}

/* ================================
   5) MOBILE – 2 LINES, REDUCED HEIGHT (13px)
================================ */
@media (max-width: 768px) {

  #sb_time_slots_container a.sb-cell.free,
  #sb_time_slots_container a.sb-cell.busy {
    padding: 13px 18px !important;  /* ⭐ ลดความสูงลงเล็กน้อย */
    border-radius: 10px !important;
    min-height: 68px;               /* พอดีกับ 2 บรรทัด */
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center !important;
  }

  #sb_time_slots_container a.sb-cell.free::after,
  #sb_time_slots_container a.sb-cell.busy::after {
    font-size: 16px !important;
    line-height: 1.25;              /* 2 บรรทัดชิดขึ้น */
    white-space: normal;
    max-width: 100%;
  }
}