/*
	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; /* 若父層是 flex 也能置中 */
  font-weight: 700 !important;   /* 粗體 */
}


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


div.item__description.short {
  min-height: 80px !important; /* 可改成你想要的高度，例如 120、150、180px */
}


#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;  /* 變成 14px（您可自行調整） */
  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;   /* 避免被設成 absolute */
  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: #3c3a47 !important;
  border-color: #3c3a47 !important;
  color: #ffffff !important;
}


a.btn.btn-danger.popup-hide.btn-logout {
  background-color: #474747 !important;
  border-color: #474747 !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;       /* 或 2rem */
    font-weight: 700 !important;
    line-height: 1.2 !important;
}