.elementor-1242 .elementor-element.elementor-element-1deee6d{--display:flex;--margin-top:1em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1242 .elementor-element.elementor-element-aa89696 > .elementor-widget-container{background-color:#F1EFE1;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1242 .elementor-element.elementor-element-aa89696 .mec-events-content{text-align:left;}.elementor-1242 .elementor-element.elementor-element-9e2e1b4 > .elementor-widget-container{padding:0em 0em 1em 0em;}.mec-events-meta-group-booking .mec-booking h4,
					 .elementor-1242 .elementor-element.elementor-element-9e2e1b4 .mec-events-meta-group-booking form>h4{display:block !important;}.mec-events-meta-group-booking .mec-booking h4,
					.elementor-1242 .elementor-element.elementor-element-9e2e1b4 .mec-events-meta-group-booking form>h4{text-align:center;}.mec-events-meta-group-booking .mec-booking h4:before,
					 .elementor-1242 .elementor-element.elementor-element-9e2e1b4 .mec-events-meta-group-booking form>h4:before{display:block !important;}.mec-events-meta-group-booking .mec-booking h4:before,
					.elementor-1242 .elementor-element.elementor-element-9e2e1b4 .mec-events-meta-group-booking form>h4:before{left:calc(50% - 35px);margin:0;}/* Start custom CSS for event_content, class: .elementor-element-aa89696 */.elementor-1242 .elementor-element.elementor-element-aa89696 p {
    margin-bottom: 0.5em;
    margin-left:2em;
    margin-right: 2em;
}

.elementor-1242 .elementor-element.elementor-element-aa89696 ul, .elementor-1242 .elementor-element.elementor-element-aa89696 ol {
    margin-bottom: 0.5em; 
    margin-left:2em;
    margin-right: 2em;
}

.elementor-1242 .elementor-element.elementor-element-aa89696 pre {
background: #6AB8B1;
padding: 20px 0px 0px 0px;
}

.elementor-1242 .elementor-element.elementor-element-aa89696 h2 {
  border-bottom: 2px solid #6AB8B1;
  padding-top: 20px;
  padding-bottom: 1em;
  margin-bottom: 1em;
  text-align: center; 
  font-weight: 700;
  color:#3B919E;
}

@media (max-width: 767px) {
    .elementor-1242 .elementor-element.elementor-element-aa89696 p {
    margin-bottom: 0.5em;
    margin-left:0.5em;
    margin-right: 0.5em;
}

.elementor-1242 .elementor-element.elementor-element-aa89696 ul, .elementor-1242 .elementor-element.elementor-element-aa89696 ol {
    margin-bottom: 0.5em; 
    margin-left:0.5em;
    margin-right: 0.5em;
}
.elementor-1242 .elementor-element.elementor-element-aa89696 h2 {
    margin-bottom: 0.5em;
    font-size: 28px;
}
}

/* 設定按鈕基本顏色 */
.elementor-1242 .elementor-element.elementor-element-aa89696 button {
    background-color: #FFBB00 !important; 
    color: #3A4F66
 !important;           
    border-color: #3A4F66 !important;     
}

/* 設定滑鼠經過 (Hover) 時的顏色 */
.elementor-1242 .elementor-element.elementor-element-aa89696 button:hover {
    background-color: #FFBB00 !important; 
    color:  #3B919E
!important;          
    opacity: 0.9;             
}/* End custom CSS */
/* Start custom CSS for event_booking, class: .elementor-element-9e2e1b4 *//* 隱藏 MEC 多場次預約提示區塊 */
.mec-next-occ-booking-p {
    display: none !important;
}

/* 隱藏 MEC 活動剩餘票數區塊 */
.mec-event-ticket-available {
    display: none !important;
}

.mec-events-meta-group-booking .mec-booking-shortcode, .mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox
 {
    padding: 30px;
    background: #F1EFE1;
    border: 1px solid #e6e7e8;
}

/* 通用型：隱藏預約表單內的所有 h4 標題 */
.mec-booking-form-container h4 {
    display: none !important;
}

.mec-booking .mec-event-tickets-list .mec-ticket-style-row .mec-event-ticket-name {
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    color: #3A4F66;
    margin-bottom: 4px
}

.mec-wrap p {
    color: #3A4F66;
    font-size: 16px;
}

#mec-book-form-btn-step-1 {
    color: #ffffff !important;
    background-color: #EEAC45 !important; /* 這裡可以換成您喜歡的背景顏色 */
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
}

#mec-book-form-btn-step-1 svg path {
    fill: #ffffff !important;          /* 強制箭頭圖示變白色 */
}

/* 同時隱藏小計與總計區塊 */
.mec-ticket-subtotal-wrapper, 
.mec-ticket-total-wrapper {
    display: none !important;
}

/* 隱藏 MEC 報名表單中的票券詳情區塊（包含活動名稱與小計） */
.mec-ticket-detail {
    display: none !important;
}

.lity-content .mec-events-meta-group-booking .mec-wrap-checkout h4, .lity-content .mec-events-meta-group-booking form>h4, .mec-events-meta-group-booking .mec-booking-shortcode .mec-wrap-checkout h4, .mec-events-meta-group-booking .mec-booking-shortcode form>h4, .mec-single-event .mec-events-meta-group-booking .mec-wrap-checkout h4, .mec-single-event .mec-events-meta-group-booking form>h4, .mec-single-event .mec-frontbox-title, .mec-single-event .mec-wrap-checkout h4 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    color: #313131;
    margin: 0 0 30px 0;
        border-bottom: 4px solid #ffffff;
}

/* 修改 MEC 返回按鈕 (Back) 的背景與字體顏色 */
#mec-book-form-back-btn-step-2 {
    background-color: #EEAC45 !important; /* 按鈕背景顏色 */
    color: #ffffff !important;            /* 字體顏色改為白色 */
    border: none !important;               /* 移除預設邊框 */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;                              /* 文字與圖示的間距 */
}

/* 將按鈕內的 SVG 圖示圖片轉為白色 */
#mec-book-form-back-btn-step-2 img.mec-svg-icon {
    filter: brightness(0) invert(1) !important;
}

/* 修改 MEC 送出按鈕 (Submit) 的背景與字體顏色 */
#mec-book-form-btn-step-2 {
    background-color: #EEAC45 !important; /* 按鈕背景顏色 */
    color: #ffffff !important;            /* 字體顏色改為白色 */
    border: none !important;               /* 移除預設邊框 */
    padding: 10px 20px !important;         /* 增加一點內距讓按鈕更紮實 */
    cursor: pointer;
}

/* 滑鼠移上去時的微調（可選：稍微變深一點點增加互動感） */
#mec-book-form-btn-step-2:hover {
    background-color: #d69a3d !important; 
    transition: 0.3s;
}

.lity-content .mec-booking .mec-book-form-btn-wrap,.mec-wrap .mec-booking .mec-book-form-btn-wrap {
    padding-top: 0px;
}

/* 針對手機版進行優化 (螢幕寬度 480px 以下) */
@media (max-width: 480px) {
    .mec-book-form-btn-wrap {
        display: flex !important;
        /* 改為 column，讓 HTML 順序決定上下：Back 在上，Submit 在下 */
        flex-direction: column !important; 
        gap: 12px !important;
        margin-top: 25px !important;
    }

    #mec-book-form-back-btn-step-2, 
    #mec-book-form-btn-step-2 {
        width: 100% !important; /* 寬度全滿 */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 12px 0 !important; /* 增加一點高度，手機比較好點擊 */
        box-sizing: border-box;
    }
}

.lity-content .mec-events-meta-group-booking ul li,.mec-events-meta-group-booking .mec-booking-shortcode .mec-book-ticket-variation-wrapper,.mec-events-meta-group-booking .mec-booking-shortcode ul li:not(.option),.mec-single-event .mec-events-meta-group-booking .mec-book-ticket-variation-wrapper,.mec-single-event .mec-events-meta-group-booking ul li {
    margin-bottom: 10px;
}

/* 隱藏 MEC 報名表單中的日期標籤（包含開始與結束日期） */
.mec-booking-shortcode h4:has(.mec-start-date-label),
.mec-booking-shortcode h4:has(.mec-end-date-label) {
    display: none !important;
}

/* 針對較舊版本瀏覽器的備用方案 */
.mec-start-date-label, 
.mec-end-date-label {
    display: none !important;
}


/* 隱藏選擇人數輸入框與剩餘票數文字 */
.mec-ticket-style-row-section-3 {
    display: none !important;
}

/* 僅針對手機版（螢幕寬度 767px 以下） */
@media (max-width: 767px) {
    /* 1. 統一所有欄位容器的左右內距為 0，確保它們貼齊左右邊緣 */
    .lity-content .mec-events-meta-group-booking ul li,
    .mec-single-event .mec-events-meta-group-booking ul li,
    li.mec-book-reg-field-mec_email,
    li.mec-book-reg-field-name,
    li.mec-book-reg-field-tel {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important; /* 強制手機版寬度 100% */
    }

    /* 2. 確保姓名欄位底部的 Margin 統一 */
    li.mec-book-reg-field-name {
        margin-bottom: 30px !important;
    }

    /* 4. 針對單選框 (Radio) 的對齊微調 */
    .mec-book-reg-field-radio label {
        display: block;
        padding-left: 5px;
        margin-bottom: 10px;
    }
}

#mec-book-form-back-btn-step-3 {
    background-color: #FFBB00 !important;
    color: #FFFFFF !important;
    border: none; /* 如果有預設邊框可以移除 */
    padding: 10px 20px; /* 視需求調整間距 */
    border-radius: 5px; /* 視需求調整圓角 */
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

/* 確保按鈕內的文字也是白色 */
#mec-book-form-back-btn-step-3, 
#mec-book-form-back-btn-step-3 span {
    color: #FFFFFF !important;
}

/* 統一修改 MEC 預訂流程中「下一步」與「加入購物車」按鈕的樣式 */
.lity-content .mec-events-meta-group-booking .mec-click-pay #mec_woo_add_to_cart_btn_r,
.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 #mec_woo_add_to_cart_btn_r,
.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 #mec_woo_add_to_cart_btn_r,
.mec-single-event .mec-events-meta-group-booking .mec-click-pay button.mec-book-form-next-button {
    float: right;
    margin: 30px 0 0 0 !important;
    background: #FFBB00 !important;   /* 背景改為橘黃色 */
    border-color: #FFBB00 !important; /* 邊框同步改為橘黃色 */
    color: #FFFFFF !important;        /* 文字維持白色 */
    font-weight: 700 !important;
    padding: 10px 25px !important;    /* 建議增加內距讓按鈕更大氣 */
    border-radius: 4px;               /* 建議增加一點圓角 */
    transition: all 0.3s ease;        /* 增加平滑過渡動畫 */
}

/* 額外建議：增加滑鼠懸停效果，讓使用者知道這是可以點擊的 */
.lity-content .mec-events-meta-group-booking .mec-click-pay button.mec-book-form-next-button:hover,
.mec-single-event .mec-events-meta-group-booking .mec-click-pay #mec_woo_add_to_cart_btn_r:hover {
    background: #E6A900 !important;   /* 懸停時深一點的橘黃 */
    border-color: #E6A900 !important;
    opacity: 0.9;
}


/* 針對手機版 (螢幕寬度 767px 以下) 調整按鈕排列 */
@media only screen and (max-width: 767px) {
    /* 1. 強制讓存放按鈕的容器取消 float 並清空限制 */
    .lity-content .mec-events-meta-group-booking .mec-click-pay,
    .mec-events-meta-group-booking .mec-booking-shortcode .mec-click-pay,
    .mec-single-event .mec-events-meta-group-booking .mec-click-pay,
    .lity-content .mec-events-meta-group-booking .mec-click-next,
    .mec-events-meta-group-booking .mec-booking-shortcode .mec-click-next,
    .mec-single-event .mec-events-meta-group-booking .mec-click-next {
        float: none !important;
        width: 100% !important;
        display: block !important;
        clear: both !important;
    }

    /* 2. 針對返回按鈕 (Back Button) */
    .mec-book-form-back-button, 
    #mec-book-form-back-btn-step-3 {
        float: none !important;
        width: 100% !important;     /* 寬度撐滿 */
        margin: 0 0 15px 0 !important; /* 與下方按鈕保持間距 */
        display: flex !important;
        justify-content: center;   /* 文字與圖標置中 */
        align-items: center;
    }

    /* 3. 針對下一步/支付按鈕 (Free Booking / Pay Button) */
    .lity-content .mec-events-meta-group-booking .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_woo_add_to_cart_btn_r {
        float: none !important;
        width: 100% !important;     /* 寬度撐滿 */
        margin: 0 !important;       /* 清除原本可能有的 30px margin */
        display: block !important;
        text-align: center;
    }
}/* End custom CSS */