/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* 組合方案列表中隱藏 ARG 過關版（1、6、7、8 號）；
   只要畫面上出現一般版 2 號，就代表是公開列表，過關版就藏起來 */
#sb_package_list_container:has(#package2) .package-item:is(:has(#package1), :has(#package6), :has(#package7), :has(#package8) ,:has(#package9)) {
  display: none !important;
}


/* 備用：不支援 :has() 的舊瀏覽器，依位置藏掉列表第 5 張以後（過關版 1、6、7、8） */
#sb_package_list_container .package-item:nth-child(n+5) {
  display: none !important;
}
/* 備用：不支援 :has() 的舊瀏覽器，藏掉預約頁第 7 個以後的服務（20 號 ARG 通關紀念品） */
#sb_service_step_container .service-item:nth-child(n+7) {
  display: none !important;
}

/* 隱藏 20 號「限量紀念品」標籤服務：預約頁的服務列表 */
.service-item:has(a[href^="#book/service/20/"]) {
  display: none !important;
}

/* 隱藏 20 號：組合方案頁的篩選選項（避免一般客人勾選後看到過關票） */
.sb_filter_item[data-label="services-id20"] {
  display: none !important;
}

/* 手機版預約頁：服務圖片改回方形（原本是圓形） */
@media (max-width: 480px) {
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .preloader .img.user img {
    border-radius: 3px !important;
  }
}

/* 只隱藏「更多資訊」展開後的大圖，列表預覽縮圖保留（服務＋組合方案） */
.service-step .collapse-content .biggest-previev,
.package-content .collapse-content .biggest-previev {
  display: none !important;
}

/* 首頁：介紹改成全版寬，聯絡資訊移到介紹下方 */
#home-about-us .description_contacts {
  display: flex;
  flex-wrap: wrap;
}

#home-about-us #contacts .info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 32px;
}

#home-about-us .description_contacts > .col-sm-8,
#home-about-us .description_contacts > .col-sm-4 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  float: none;
}

/* 隱藏首頁的「關於我們」分頁標籤列 */
#sb_homepage_nav_wrap {
  display: none !important;
}

/* 隱藏介紹區塊最上面的「大顆壽司｜Dark Souls」標題 */
#home-about-us #about-us .title-main {
  display: none !important;
}

/* page-3 圖片在左、故事前導在右 */
#about-us .story-row {
  display: flex;
  align-items: center;   /* 文字和圖片垂直置中；想靠上對齊就改成 flex-start */
  gap: 32px;
  margin: 16px 0;
}
#about-us .story-row > .story-img{
  flex: 2 1 0;           /* 左右4成 */
  min-width: 0;
}
#about-us .story-row > .story-text {
  flex: 3 1 0;           /* 左右6成 */
  min-width: 0;
}

/* 手機版改回上下排列，圖片在上 */
@media (max-width: 767px) {
  #about-us .story-row {
    flex-direction: column;
    gap: 16px;
  }
}

/* 首頁介紹的圖片強制撐滿內容區（蓋掉主題的 width: auto） */
#sb_content #content-view #about-us .txt img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
}

 #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 */
}


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


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}