/* ============================================================
   預約頁面 Custom CSS = 你的原規則 + 找風問幸福換皮層（接於最下方）
   原規則一字未動；換皮層用較高優先序覆蓋視覺。整框覆蓋即可。
   ============================================================ */

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


#sb_cancel_btn {
  background-color: #474747 !important;
}


.main-gdpr-report {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0px !important;
}


.btn.btn--action.fb svg path {
  fill: #5a656b !important;
}


.btn.btn--action.gl svg path:nth-child(1) {
  fill: #5a656b !important;
}


.btn.btn--action.gl svg path:nth-child(2) {
  fill: #5a656b !important;
}


.btn.btn--action.gl svg path:nth-child(3) {
  fill: #7c8577 !important;
}


.btn.btn--action.gl svg path:nth-child(4) {
  fill: #7c8577 !important;
}


.btn.btn--action.ll svg path:first-child {
  fill: #5a656b !important;
}


#login-line-liff {
  font-size: 0 !important;
}


#login-line-liff::before {
  content: "*繼續" !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}


.modal-cancellation-reason--bar {
  display: flex !important;
  justify-content: center !important;
  gap: 2px !important;
}


/* 將「Go back」文字改成「繼續」 */
#sb_leave_cancel {
  font-size: 0 !important;
  text-align: center !important;
}


#sb_leave_cancel::before {
  content: "繼續預約" !important;
  font-size: 16px !important;
}


#sb_remind_btn,
#sb_sign_in_btn,
#sb_sign_up_btn {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  align-self: center !important;
  font-weight: 700 !important;
}


label.control-label.control-label__chekbox {
  font-size: 14px !important;
}


div.item__description.short {
  min-height: 80px !important;
}


#sb_book_btn span {
  font-weight: 700 !important;
}


button.item__read-more {
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #5a656b !important;
  border: none !important;
}


button.sb-client-info-popup.btn.profile {
  font-weight: 700 !important;
}


a.btn.book.btn-has-icon {
  font-weight: 700 !important;
}


a.btn.book {
  font-weight: 700 !important;
}


a.btn.map.btn-has-icon {
  font-weight: 700 !important;
}


.container-caption {
  font-size: 16px !important;
}


.booking-btns {
  text-align: center !important;
}


.btn--txt {
  color: #3c3a47 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}


.social-links .btn--txt {
  font-size: 10px !important;
  font-weight: 300 !important;
}


.bar-with-btn {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0px !important;
}


div[id^="collapseAdditional_result"] p {
  font-size: 12px !important;
}


h5.title.title--h5 {
  font-size: 14px !important;
  color: #be6f80 !important;
}


p.p {
  font-size: 12px !important;
}


p.title-small.filter--header_hint {
  font-size: 12px !important;
}


.full-info-price--caption,
.full-info-price--value {
  font-weight: 600 !important;
  color: #42737a !important;
}


b.booking-info__details-name,
span.booking-info__details-row {
  font-size: 12px !important;
}


#events article iframe,
article iframe {
  width: 100% !important;
  height: 220px !important;
  display: block !important;
  margin: 10px auto 20px auto !important;
  border: none !important;
  position: static !important;
  z-index: 1 !important;
}


.title-sub {
  color: rgba(230, 192, 104, 0.9) !important;
}


.alert.alert-info {
  background-color: #DEC9C9 !important;
  border-color: #DEC9C9 !important;
  color: #474747 !important;
  font-size: 12px !important;
}


.fa-angle-up {
  color: #be6f80 !important;
  font-weight: 500 !important;
}


.badge-deposit,
.badge-deposit span.text {
  font-size: 11px !important;
  text-align: right !important;
  color: #be6f80 !important; 
  font-weight: 400 !important; 
}


#sb_sign_out_btn.btn-danger {
  background-color: #5a656b !important;
  border-color: #5a656b !important;
  color: #f0e6e6 !important;
}


a.btn.btn-danger.popup-hide.btn-logout {
  background-color: #5a656b !important;
  border-color: #5a656b !important;
  color: #ffffff !important;
}


#sb_pay_btn {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}


#sb_deposit_paid_events_pay_full_amount_btn {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}


#sb_deposit_paid_events_pay_deposit_amount_btn {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}


#sb_promotion_apply_btn {
  display: block !important;
  margin: 0 auto !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}


.control-label.promo-code-input--label {
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
}

.control-label.promo-code-input--label i {
  font-size: 12px !important;
}


.invoice-payment-systems-choose.label {
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  color: #474747 !important;
}


p.invoice-amounts--total,
p.invoice-amounts--total span.invoice-amount--value {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #231814 !important;
}


.inv-cell-info-content p.p {
  font-size: 10px !important;
  line-height: 1.2 !important;
}


.invoice-amount--value {
  color: #be6f80 !important;
}


.promo-list-item .invoice-amount--value::before {
  content: "- " !
}


.inv-cell-discount {
  font-size: 12px !important;
  color: #be6f80 !important;
  text-align: right !important;
}


tbody .inv-cell-discount::before {
  content: "- " !important;
}


.promo-list-item {
  font-size: 12px !important;
  color: #be6f80 !important;
}


.promo-list-item p::before {
  content: "已折扣： -" !important;
  color: #be6f80 !important;
}


.promo-list-item p {
  color: #be6f80 !important;
}


.far.fa-check-circle {
  color: #00b800 !important;
}


.invoice-pay-page-grid_item right-block {
  background-color: #d9d3e2 !important;
}


.right-block--header {
  font-size: 12px !important;
}


.inv-cell-price,
.inv-cell-tax,
.inv-cell-total {
  font-size: 12px !important;
}


.invoice-amount {
  font-size: 12px !important;
}


.invoice-amounts--total {
  font-size: 14px !important;
}


.fal.ico.fa-clock,
time {
  font-size: 14px !important;
}


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


/*********************************************
 * 🧩 SimplyBook 頭像與勾勾修正（完整版）
 * 日期：2025-10-20
 *********************************************/

/* 1️⃣ 右上角頭像按鈕：圓形容器 */
#sb_client_info.avatar,
#sb_client_info.btn--open-client-info {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  background: #f5f5f5 !important;
  padding: 0 !important;
}

/* 2️⃣ 確保 logged-in 容器可定位勾勾 */
#sb_client_info .logged-in {
  position: relative !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 3️⃣ 頭像圖片：填滿裁切圓形 */
#sb_client_info .item-container__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 4️⃣ ✅ 勾勾：降低層級，避免影響彈窗 */
#sb_client_info .login-container__remember-check {
  position: absolute !important;
  right: -2px !important;
  bottom: -2px !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* 5️⃣ 確保彈窗在更高層級 */
.full-info,
#sb_login_form,
.client-panel__item .full-info {
  z-index: 9999 !important;
}

/* 6️⃣ 彈窗標題置中 */
.is-logged__header {
  text-align: center !important;
}

.is-logged__client-name {
  text-align: center !important;
  margin: 0 auto !important;
}

/* 7️⃣ 隱藏彈窗頭像（多餘的） */
.is-logged .avatar {
  display: none !important;
}

/* 8️⃣ 按鈕容器：Flex 排列 */
.btn-bar.bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0px !important;
  flex-wrap: nowrap !important;
}

/* 9️⃣ LINE 按鈕樣式 */
.btn.line-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: auto !important;
  height: 60px !important;
}

.btn.line-cta img {
  height: 60px !important;
  width: auto !important;
  display: block !important;
  border-radius: 8px !important;
}

/* 🔟 響應式：手機版調整 */
@media (max-width: 480px) {
  .btn-bar.bar {
    gap: 0px !important;
  }
  
  .btn.line-cta,
  .btn.line-cta img {
    height: 60px !important;
  }
}


.modal-dialog .avatar,
.custom-form .avatar {
  display: none !important;
}


.item-container__icon.item-container__icon--avatar {
  color: #00b800 !important;
}


.alert.alert-danger {
  font-size: 12px !important;
  color: #be6f80 !important;
}


/* 我要預約按鈕 */
.open-booking-widget-button {
    color: #be6f80 !important;
    font-weight: 700 !important;
}

/* 重新發送按鈕 */
.sb_gdpr_resubmit {
    color: #be6f80 !important;
    font-weight: 700 !important;
}


/* 支付報表：降低層級 */
.invoice-pay-page-grid_item.right-block {
    z-index: 10 !important;
}

.invoice-details--module {
    z-index: 10 !important;
}

.invoice-details {
    z-index: 10 !important;
}

.right-block--section-pd {
    z-index: 10 !important;
}


/* 開始預約按鈕 */
#sb_back_to_bookings .btn--link.back-to-services {
    color: #be6f80 !important;
    font-size: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 700 !important;
}

/* 開始預約按鈕的箭頭 */
#sb_back_to_bookings .btn--link.back-to-services .fa.fa-angle-left {
    color: #be6f80 !important;
    font-size: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
}


/* 忘記密碼彈窗 */
.modal {
    z-index: 10000 !important;
}

.modal-backdrop {
    z-index: 9999 !important;
}


/* 列印訂單按鈕置中 */
.invoice-pay-page-grid_item.invoice-pay-page-grid_item-footer {
    text-align: center !important;
}

#sb_invoice_buttons_container {
    display: flex !important;
    justify-content: center !important;
}

#sb_invoice_buttons_container .btn.btn--print.btn-invoice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}


/* ===== 將「圖片庫」改為「法器介紹」 ===== */

.gallery--card h3.title.title--h3 {
    font-size: 0 !important;
    line-height: 0 !important;
}

.gallery--card h3.title.title--h3::after {
    content: "法器介紹" !important;
    font-size: 22px !important;
    line-height: 1.5 !important;
    display: inline-block !important;
}


#sb_invoice_notification_close {
    padding: 15px !important;
    margin: -15px !important;
    box-sizing: content-box;
}


header.item-news__header a.title.title--h3.title--link {
    color: #be6f80 !important;
    font-size: 20px !important;
}


.item-news__read-more {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #be6f80 !important;
    border: none !important;
}


.item-news__header .title--h3 {
    color: #be6f80 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* 1. 把「歷史列」第一個項目（原本 Products）改成「法器」 */
#sb_header_container .product-view--history_list .product-view--history_item:first-child {
  font-size: 0 !important;
}

#sb_header_container .product-view--history_list .product-view--history_item:first-child::before {
  content: "法器分類 >";
  font-size: 16px;
  font-weight: 500;
  color: #000000 !important;
}

/* 2. 第二個項目（符令類產品）維持原文字，但套用同樣字型樣式 */
#sb_header_container .product-view--history_list .product-view--history_item:nth-child(2) {
  font-size: 16px;
  font-weight: 400;
  color: inherit;
}


/* 產品列表中的 Explore 改成「選擇」 */
#sb_list_container .btn.select {
  font-size: 0 !important;
}

#sb_list_container .btn.select::before {
  content: "選擇";
  font-size: 16px;
  font-weight: 400;
  color: inherit;
}


/* 手機版：讓 checkbox、【新增】、數量框排在同一行 */
@media (max-width: 767px) {
  #sb_product_list_container .one-row.one-row--checkbox {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
  }

  #sb_product_list_container .one-row.one-row--checkbox .custom-checkbox {
    margin-right: 6px;
  }

  #sb_product_list_container .one-row.one-row--checkbox .product-label {
    margin: 0 8px 0 0;
    white-space: nowrap;
  }

  #sb_product_list_container .one-row.one-row--checkbox .sb-qty {
    width: 70px;
    margin-left: 8px;
  }
}


#sb_product_list_container .item__description.short {
  height: 20px !important;
  min-height: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 2px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


/* 法器列表：把按鈕文字從「預約必讀」改成「選購必讀」 */
#sb_product_list_container .item__read-more {
  position: relative;
  color: transparent !important;
  font-size: 18px !important;
}

#sb_product_list_container .item__read-more::after {
  content: "選購必讀";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #5a656b;
  white-space: nowrap;
}


/* 右側：Products + 法器總額 + 總額 全部字體縮小一級 */

#sb_product_cart_container .title.title--h3 {
  font-size: 16px !important;
}

#sb_product_cart_container .item--product_name,
#sb_product_cart_container .item--product_info {
  font-size: 12px !important;
}

#sb_product_cart_container .full-info-price--wrapper_products
.full-info-price--caption,
#sb_product_cart_container .full-info-price--wrapper_products
.full-info-price--value {
  font-size: 16px !important;
}

#sb_cart_total_container .full-info-price--caption,
#sb_cart_total_container .full-info-price--value {
  font-size: 16px !important;
}


/* 右側帳單區：把 Products 標題改成「法器」 */
#sb_product_cart_container .products--from-catalog > .title.title--h3 {
  font-size: 0 !important;
  position: relative;
}

#sb_product_cart_container .products--from-catalog > .title.title--h3::after {
  content: "選購法器：";
  font-size: 16px;
  font-weight: 600;
  color: #4d555c;
}


/* 右側：單一法器名稱改成粗體，價格維持原樣 */
#sb_product_cart_container .item--product_name {
  font-weight: 600;
}


/* ============================================================================
   找風問幸福 × SimplyBook (creative 主題) — 換皮層
   ----------------------------------------------------------------------------
   用法：把這一整段貼到你「現有 Custom CSS」的【最下方】（舊規則一字不動）。
        三個框（預約頁面 / 套件 / Facebook）都貼同一段到最底部即可 = 覆蓋後就是合併版。
   原則：本層只重設視覺（配色 / 字體 / 圓角 / 焦點環），用較高優先序覆蓋；
        刻意不碰你的文字替換(::before/::after)、置中、z-index、頭像、高度等功能規則。
   覆蓋的 creative 主題色：金 rgb(230,192,104) / 深灰 rgb(90,101,107) / 底 rgb(240,230,230)。
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');

/* ── 0. 底色與字體（不強制改標題顏色，保留你對 news/h5 等的企業色） ── */
body,
#sb_main.sb-layout{
  background:#FBF8F3 !important;
  color:#2E2823 !important;
  font-family:"Noto Sans TC", sans-serif !important;
}
#sb_main h1, #sb_main h2, #sb_main h3, #sb_main h4,
#sb_main .title, #sb_main .title--h4{
  font-family:"Noto Serif TC", serif !important;
}

/* ── 1. 步驟列（深灰 → 米白麵包屑；蓋掉原本金色 title-sub） ── */
nav#steps-nav .booking-info ul.clearfix{
  background:#F6EFE6 !important;
  border-top:1px solid #EEE4D6; border-bottom:1px solid #EEE4D6;
}
li.step_info_item .title-small{ color:#948A7E !important; }
li.step_info_item.passed .title-small,
li.step_info_item.filled .title-small{ color:#4A4038 !important; }
li.step_info_item .title-sub{ color:#B8AEA2 !important; }
li.step_info_item.active{ background:#FFFDF8 !important; box-shadow:inset 0 -2px 0 #C18C84; }
li.step_info_item.active .title-small{ color:#8F574E !important; }
li.step_info_item.active .title-sub{ color:#C18C84 !important; }
li.step_info_item .ico, li.step_info_item [class*="circle"]{ background:#F0DAD3 !important; color:#8F574E !important; }
li.step_info_item.active .ico, li.step_info_item.passed .ico,
li.step_info_item.active [class*="circle"], li.step_info_item.passed [class*="circle"]{
  background:#C18C84 !important; color:#FFFDF8 !important;
}

/* ── 2. 卡片 .item__tab（地點/服務/老師共用；圓角 3px→20px、暖陰影） ── */
#sb_main .item__tab{
  background:#FFFDF8 !important;
  border:1px solid #EEE4D6 !important;
  border-radius:20px !important;
  box-shadow:0 2px 6px rgba(70,52,40,.05), 0 8px 24px rgba(70,52,40,.07) !important;
  overflow:hidden; transition:transform .2s ease;
}
#sb_main .item__tab:hover{ transform:translateY(-2px); }
#sb_main .item__tab .title--h4{ font-family:"Noto Serif TC", serif !important; }
#sb_main .badge.price{ color:#8F574E !important; font-variant-numeric:tabular-nums; }
/* 壓制服務描述欄位內嵌 inline 的 text-align（保留你的 min-height 設定） */
#sb_main .item__description [style]{ text-align:left !important; }

/* ── 3. 主按鈕：選擇 / 預約 / 地圖 / 搜尋框（金 → 玫瑰 pill） ── */
#sb_main a.btn.select, #sb_main .btn.select{
  background:#C18C84 !important; color:#FFFDF8 !important;
  border:none !important; border-radius:999px !important; box-shadow:none !important;
}
#sb_main a.btn.select:hover{ background:#AC7167 !important; }
#sb_main a.btn.book, #sb_main a.btn.book.btn-has-icon{
  background:#C18C84 !important; color:#FFFDF8 !important;
  border:none !important; border-radius:999px !important;
}
#sb_main a.btn.map, #sb_main a.btn.map.btn-has-icon{
  background:#FFFDF8 !important; color:#8F574E !important;
  border:1px solid #E3BDB5 !important; border-radius:999px !important;
}
/* 按鈕內文字（.btn--txt）配色，確保在玫瑰底上可讀 */
#sb_main a.btn.select .btn--txt, #sb_main a.btn.book .btn--txt{ color:#FFFDF8 !important; }
#sb_main a.btn.map .btn--txt{ color:#8F574E !important; }
/* 老師搜尋框 */
#sb_main input.filter--input-field.sb-input{
  background:#FBF8F3 !important; border:1px solid #E2D4C1 !important; border-radius:999px !important;
}
#sb_main input.filter--input-field.sb-input:focus{
  border-color:#D2A099 !important; box-shadow:0 0 0 4px rgba(193,140,132,.35) !important; outline:none !important;
}

/* ── 4. 月曆（不改欄數，只調色） ── */
#sb_main .calendar{
  background:#FFFDF8; border:1px solid #EEE4D6; border-radius:20px;
  padding:18px 20px; box-shadow:0 1px 2px rgba(70,52,40,.04), 0 2px 6px rgba(70,52,40,.05);
}
#sb_main .weeks-name .name.is-holiday{ color:#D2A099 !important; }   /* 週末紅字 → 柔玫瑰 */
#sb_main .weeks-name .name{ color:#948A7E !important; }
#sb_main .date a.day-on.sb-available-date{ color:#4A4038 !important; border-radius:50% !important; }
#sb_main .date a.day-on.sb-available-date:hover{ background:#F8EAE5 !important; }
#sb_main .date.today a.day-on{ background:transparent !important; border:1.5px solid #D2A099 !important; color:#2E2823 !important; }
#sb_main .date.selected a.day-on{ background:#C18C84 !important; color:#FFFDF8 !important; }
#sb_main .date span.day-off{ color:#B8AEA2 !important; }
#sb_main .date.prev-or-next-month{ opacity:.45; }
/* 時段（金 free / 深灰 selected → 玫瑰） */
#sb_main .slot a.sb-cell.free{
  background:#F8EAE5 !important; color:#8F574E !important;
  border:1px solid #E3BDB5 !important; border-radius:999px !important;
}
#sb_main .slot a.sb-cell.free:hover,
#sb_main .slot a.sb-cell.selected,
#sb_main .slot a.sb-cell.active{
  background:#C18C84 !important; color:#FFFDF8 !important; border-color:#C18C84 !important;
}

/* ── 5. 表單 + 登入/註冊（方角 → 圓角 + 玫瑰 focus 環） ── */
#sb_main .form-control{
  background:#FBF8F3 !important; border:1px solid #E2D4C1 !important;
  border-radius:14px !important; color:#2E2823 !important; box-shadow:none !important;
}
#sb_main .form-control:focus{
  border-color:#D2A099 !important; box-shadow:0 0 0 4px rgba(193,140,132,.35) !important; outline:none !important;
}
#sb_main .control-label.required:after, #sb_main .control-label.required em{ color:#AC7167 !important; }
/* 主要送出鈕（排除社群按鈕，社群另外處理） */
#sb_main .btn--sign-in, #sb_main .btn--action:not(.social-links__item){
  background:#C18C84 !important; color:#FFFDF8 !important;
  border:none !important; border-radius:999px !important; box-shadow:none !important;
}
#sb_main .btn--sign-in:hover, #sb_main .btn--action:not(.social-links__item):hover{ background:#AC7167 !important; }
/* 社群登入：紙質外框（保留你對 icon 去飽和與 .btn--txt 文字的設定） */
#sb_main .social-links__item{
  background:#FBF8F3 !important; border:1px solid #E2D4C1 !important;
  border-radius:999px !important; box-shadow:none !important;
}
#sb_main .social-links__item:hover{ background:#F8EAE5 !important; border-color:#E3BDB5 !important; }

/* ── 6. 收尾 ── */
#sb_main .modal-content{ border-radius:20px !important; }
#sb_main *:focus-visible{ outline:none; box-shadow:0 0 0 4px rgba(193,140,132,.35); }

/* ── 7.（選用）Landing 主圖浮鈕若另有 class、或月份切換鈕，現場確認後補：
#sb_main .calendar .prev, #sb_main .calendar .next{ color:#AC7167 !important; border:1px solid #E3BDB5 !important; border-radius:999px !important; background:transparent !important; }
   主圖 banner 本身不動。 */


/* ============================================================
   找風問幸福 — 時間頁修補 v2（已併入本檔最下方）
   修：① 步驟列左側深灰塊 → 暖紙底  ② 月曆選中日 → 玫瑰圓
       ③ 圖例「可選」金點 → 玫瑰  ④ 統一金色殘留
   ============================================================ */

/* ① 步驟列：整條（含左側深灰塊、容器、分隔）統一暖紙底 */
#sb_main nav#steps-nav,
#sb_main nav#steps-nav .booking-info,
#sb_main nav#steps-nav ul,
#sb_main nav#steps-nav ul.clearfix,
#sb_main nav#steps-nav li.step_info_item,
#sb_main nav#steps-nav:before,
#sb_main nav#steps-nav:after,
#sb_main nav#steps-nav .booking-info:before,
#sb_main nav#steps-nav .booking-info:after,
#sb_main nav#steps-nav li.step_info_item:before,
#sb_main nav#steps-nav li.step_info_item:after{
  background-color:#F6EFE6 !important;
  background-image:none !important;
}
/* 目前步驟（active）維持紙白 */
#sb_main nav#steps-nav li.step_info_item.active{
  background-color:#FFFDF8 !important;
}
/* 分隔箭頭改髮絲色 */
#sb_main nav#steps-nav li.step_info_item:after{
  border-left-color:#E2D4C1 !important;
}

/* ② 月曆「選中日」→ 乾燥玫瑰實心圓（清掉金底、漸層、內層元素） */
#sb_main .calendar .date.selected,
#sb_main .calendar .date.selected a,
#sb_main .calendar .date.selected a.day-on,
#sb_main .calendar .date.selected a.day-on.sb-available-date{
  background:#C18C84 !important;
  background-color:#C18C84 !important;
  background-image:none !important;
  color:#FFFDF8 !important;
  border-radius:50% !important;
  box-shadow:none !important;
}
#sb_main .calendar .date.selected *{
  background:transparent !important;
  background-image:none !important;
  color:#FFFDF8 !important;
}
/* 「今天」改玫瑰描邊圓 */
#sb_main .calendar .date.today a.day-on{
  background:transparent !important;
  background-image:none !important;
  border:1.5px solid #D2A099 !important;
  color:#2E2823 !important;
  border-radius:50% !important;
}

/* ③ 圖例「● 可選」金點 → 玫瑰（廣撒網，涵蓋各種命名） */
#sb_main .legend i,
#sb_main .legend .ico,
#sb_main .legend [class*="cell"],
#sb_main [class*="legend"] i,
#sb_main [class*="legend"] [class*="free"],
#sb_main [class*="legend"] [class*="available"],
#sb_main .sb-legend i,
#sb_main .day-legend i{
  background:#C18C84 !important;
  background-color:#C18C84 !important;
  border-color:#C18C84 !important;
  color:#C18C84 !important;
}

/* ④ 收網：時段「可選」淡玫瑰、選中實心玫瑰 */
#sb_main .slot a.sb-cell.free{
  background:#F8EAE5 !important; color:#8F574E !important;
  border:1px solid #E3BDB5 !important; border-radius:999px !important;
}
#sb_main .slot a.sb-cell.free:hover,
#sb_main .slot a.sb-cell.selected,
#sb_main .slot a.sb-cell.active{
  background:#C18C84 !important; color:#FFFDF8 !important; border-color:#C18C84 !important;
}


/* [現場補正] 步驟列「地點」左側突兀色塊：把 steps-nav 第一個裝飾子 div 背景設透明 */
#steps-nav > div:first-child{ background:transparent !important; }