/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


/* 1. 隱藏所有服務卡片上的「時間」區塊 */
.bar-service .time {
  display: none !important;
}

/* 2. 背景圖容器：套在真正有背景的 #main-buttons */
#main-buttons {
  position: relative;      /* 讓絕對定位元素可相對定位 */
  width: 100%;
  aspect-ratio: 16 / 9;    /* 16:9 固定比例 */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 3. 內容區容器：絕對定位，覆蓋在 16:9 背景上 */
#main-buttons .column-wrapper {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* 4. 「所有服務」按鈕樣式與位置（桌機預設） */
.btn.book.custom {
  position: absolute !important;
  bottom: 2% !important;       /* 距容器底部 2% */
  left: 50%;
  transform: translateX(-50%);
  background-color: #2b2f32;
  color: #fff !important;
  font-size: 16px;
  padding: 12px 28px;
  border: none;
  border-radius: 5px;
  z-index: 10;
  text-decoration: none;
}

/* 5. 平板（768px–1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  .btn.book.custom {
    bottom: 2% !important;
    font-size: 15px;
    padding: 11px 26px;
  }
}

/* 6. 手機（<768px） */
@media (max-width: 767px) {
  .btn.book.custom {
    bottom: 5% !important;
    font-size: 14px;
    padding: 10px 24px;
  }
}

/* 7. 隱藏公司名稱「靜岡金屬工程」 */
.company-name.company-logo-and-name {
  display: none !important;
}

.overview tr:nth-child(6) td.time::after {
  content: "（24h急修例外，歡迎點選以下電話）";
  color: #ff6f00;
  font-size: 90%;
  margin-left: 4px;
}