.elementor-3782 .elementor-element.elementor-element-833533f{border-style:solid;border-width:0px 0px 10px 0px;border-color:#F1EFE1;margin-top:0px;margin-bottom:0px;}.elementor-3782 .elementor-element.elementor-element-6b60416 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3782 .elementor-element.elementor-element-db9c2c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-3782 .elementor-element.elementor-element-e3cbe84 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3782 .elementor-element.elementor-element-54531a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3782 .elementor-element.elementor-element-fc97fde{border-style:solid;border-width:0px 0px 10px 0px;border-color:#F1EFE1;}.elementor-3782 .elementor-element.elementor-element-63bd70e > .elementor-element-populated{margin:-10px 0px -50px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-3782 .elementor-element.elementor-element-54531a7 img{width:94%;}.elementor-3782 .elementor-element.elementor-element-63bd70e > .elementor-element-populated{margin:0px 0px -20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-3782 .elementor-element.elementor-element-833533f{border-width:0px 0px 5px 0px;margin-top:0px;margin-bottom:0px;}.elementor-3782 .elementor-element.elementor-element-54531a7 img{width:88%;}.elementor-3782 .elementor-element.elementor-element-fc97fde{border-width:0px 0px 5px 0px;}.elementor-3782 .elementor-element.elementor-element-63bd70e > .elementor-element-populated{margin:0px 0px -20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3782 .elementor-element.elementor-element-9fecc31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-9fecc31 *//* 性別欄位改為並排（標題 + 男 + 女） */
.mec-book-field-radio {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important; /* 標題與選項的距離 */
}

/* 讓每個 radio 選項也間距一致 */
.mec-book-field-radio > label {
    display: flex;
    align-items: center;
    gap: 6px; /* 按鈕與文字距離 */
    margin: 0 !important;
}

/* 確保手機版也不會被 MEC 的 CSS 影響 */
@media (max-width: 768px) {
    .mec-book-field-radio {
        flex-wrap: wrap; /* 若擠不下就自動換行 */
        gap: 15px !important;
    }
}


/* 手機版：Next 按鈕滿版 */
@media (max-width: 768px) {
  #mec-book-form-btn-step-2 {
      width: 100% !important;
      display: block !important;
      text-align: center !important;
      justify-content: center !important;
  }
}

/* 手機：移除 Step 2 表單底部多餘的間距（造成 NEXT 按鈕過高） */
@media (max-width: 768px) {

  /* 移除 ul 與最後一個欄位的下方間距 */
  #mec_book_form3382 .mec-book-tickets-reg-fields-container,
  #mec_book_form3382 .mec-book-tickets-container {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
  }

  /* 移除 li 與欄位的預設底部間距 */
  #mec_book_form3382 li {
      margin-bottom: 0 !important;
  }

  /* Next / Back 按鈕上方的容器壓到最小 */
  #mec_book_form3382 .mec-book-form-btn-wrap {
      margin-top: 0 !important;
      padding-top: 0 !important;
  }

  /* 若還有「空白 div.col-md-12」也全部壓掉 */
  #mec_book_form3382 .col-md-12 {
      margin-bottom: 20px !important;
      padding-bottom: 0 !important;
      padding-top: 20px !important;
  }
}

/* ---- 強制覆蓋 MEC Step 3 的 Pay/Submit 按鈕顏色 ---- */
.lity-content .mec-events-meta-group-booking .mec-click-pay button.mec-book-form-next-button,
.mec-events-meta-group-booking .mec-booking-shortcode .mec-click-pay button.mec-book-form-next-button,
.mec-single-event .mec-events-meta-group-booking .mec-click-pay button.mec-book-form-next-button,
.mec-book-form-pay-button,
button.mec-book-form-pay-button {
    background: #FFA900 !important;
    border-color: #FFA900 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* Step 3 Back 按鈕背景色與文字顏色 */
#mec-book-form-back-btn-step-3 {
    background-color: #FFA900 !important;
    color: #ffffff !important;
    border: none !important;
}

/* 若按鈕內有 SVG 或 IMG（返回箭頭），也改成白色 */
#mec-book-form-back-btn-step-3 img,
#mec-book-form-back-btn-step-3 svg path {
    filter: brightness(0) invert(1) !important; /* 讓黑色 → 白色 */
    fill: #ffffff !important;
}


/* 縮減 Step 2 NEXT 按鈕與表單之間的距離 */
#mec_book_form3382 .mec-book-form-btn-wrap {
    margin-top: 0px !important;  /* 原本 40px～60px */
    padding-top: 0 !important;
}

.mec-ticket-price-label {
    display: none !important;
}

#mec-book-form-btn-step-1 {
    background-color: #F1EFE1 !important;
    color: #F1EFE1 !important;
    border: none !important;
}

/* 修改 SVG 箭頭顏色（變白） */
#mec-book-form-btn-step-1 svg path {
    fill: #F1EFE1 !important;
}

#mec-book-form-back-btn-step-1 {
    display: none !important;
}

#mec-book-form-btn-step-2 {
    background-color: #FFA900 !important;
    color: #ffffff !important;
    border: none !important;
}

/* 修改 SVG 箭頭顏色（變白） */
#mec-book-form-btn-step-2 svg path {
    fill: #ffffff !important;
}

#mec-book-form-back-btn-step-2 {
    display: none !important;
}


/* 隱藏 Step 1 的標題、日期、票券名稱、票券說明、剩餘票數 */
#mec_booking3382 h4,
#mec_booking3382 .mec-next-occ-booking-p,
#mec_booking3382 .mec-event-ticket-description,
#mec_booking3382 .mec-event-ticket-name,
#mec_booking3382 .mec-event-ticket-available {
    display: none !important;
}

/* 票券區縮起來，不影響程式，但使用者看不到 */
#mec_booking3382 .mec-event-tickets-list {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* 隱藏 Step 2 的 Subtotal + 票券名稱區塊 */
#mec_booking3382 .mec-ticket-detail {
    display: none !important;
}


/* 在價格前插入 USD $ */
.elementor-widget-shortcode .mec-ticket-price {
    position: relative;
    padding-left: 65px; 
    font-weight: 600;
}


.elementor-widget-shortcode .mec-ticket-price::before {
    content: "USD $";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #111;
    font-size: inherit;
}
/* ======== 此頁面專用：強制加上 USD $ ======== */

/* 限定範圍：只作用在此頁面的 Shortcode Widget 裡的 MEC Price */
.elementor-widget-shortcode .mec-ticket-price {
    position: relative;
    padding-left: 65px; /* 保留給 USD $ 的空間 */
    font-weight: 600;
}

/* 在價格前插入 USD $ */
.elementor-widget-shortcode .mec-ticket-price::before {
    content: "USD $";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #111;
    font-size: inherit;
}



/* 整個 MEC booking 區塊變成白色卡片 */
.elementor-3782 .elementor-element.elementor-element-9fecc31 .mec-booking-shortcode {
    max-width: 760px;
    margin: 40px auto 80px;
    background: #F1EFE1;
    padding: 32px 40px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    border: 1px solid #e5e7eb;
}


/* 上面那段 By booking this event... 直接藏掉 */
.elementor-3782 .elementor-element.elementor-element-9fecc31 .mec-booking-shortcode .mec-next-occ-booking-p {
    display: none;
}


/* 手機版：padding 稍微縮小 */
@media (max-width: 768px) {
    .elementor-3782 .elementor-element.elementor-element-9fecc31 .mec-booking-shortcode {
        padding: 20px;
        margin:0px;
    }
}/* End custom CSS */