.elementor-kit-28{--e-global-color-primary:#750000;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-36ac4ff:#A89300;--e-global-typography-primary-font-family:"Noto Serif TC";--e-global-typography-primary-font-size:28px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Serif TC";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Serif TC";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Noto Serif TC";--e-global-typography-accent-font-weight:500;background-color:#FBF9F0;}.elementor-kit-28 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:10px;}.elementor-element{--widgets-spacing:10px 20px;--widgets-spacing-row:10px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 報名表的欄位標題改成黑色000 */
.jet-form-builder__label-text {
    color: #2e6f69;
    font-weight: 600;
}
/* --------------------------- */
#floating-icon {
  position: fixed;
  right: 20px; /* 靠右邊距離 */
  bottom: 50px;
  /* 垂直位置：置中，可改成 bottom: 80px; 之類 */
  transform: translateY(-50%);
  z-index: 9999;
}

/* 商品頁面隱藏商品tabs */
.woocommerce-tabs .tabs {
    display: none !important;
}
.woocommerce-tabs #tab-description {
    border-top: 0;
}

/* --- JetFormBuilder 底部自動消失通知 (Toast Style) --- */
.jet-form-builder-message {
    /* 1. 定位：底部置中 */
    position: fixed !important;
    top: auto !important;        /* 取消垂直置中 */
    bottom: 25% !important;     /* 距離底部 30px (比10px好看一點，避開手機Home條) */
    left: 50% !important;
    transform: translateX(-50%) !important; /* 水平置中修正 */
    z-index: 999999 !important;
    
    /* 2. 外觀設定 */
    min-width: 300px;
    max-width: 90%;
    padding: 15px 25px !important;
    border-radius: 50px !important; /* 變成膠囊狀，比較像通知 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    text-align: center !important;
    font-weight: bold !important;
    background-color: #fff; /* 確保有背景色 */
    
    /* 3. 關鍵動畫設定 */
    /* 動畫名稱: jfb-toast */
    /* 總長度: 4秒 (0.5秒進場 + 2.5秒停留 + 1秒消失) */
    /* forwards: 動畫結束後停留在最後一幀 (透明狀態) */
    animation: jfb-toast 8s forwards !important;
}

/* 定義動畫劇本 */
@keyframes jfb-toast {
    /* 0% - 開始進場 */
    0% {
        opacity: 0;
        transform: translate(-50%, 20px); /* 從更下方稍微滑上來 */
    }
    
    /* 10% - 進場完畢 (完全顯示) */
    10% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    
    /* 80% - 停留時間結束 (準備消失) */
    80% {
        opacity: 1;
        transform: translate(-50%, 0);
        pointer-events: auto; /* 還看得到時，滑鼠可以摸到它 */
    }
    
    /* 100% - 完全消失 */
    100% {
        opacity: 0;
        transform: translate(-50%, 20px); /* 往下沉一點 */
        pointer-events: none; /* 關鍵！消失後讓滑鼠可以穿透它，不擋住底下的按鈕 */
    }
}

/*-----------------------------*/
/* =========================================
   Part A: 單選(Radio) & 多選(Checkbox) 橫排優化
   ========================================= */
.field-type-radio-field .jet-form-builder__fields-group,
.field-type-checkbox-field .jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px;
    align-items: center !important;
}

.field-type-radio-field .jet-form-builder__field-wrap,
.field-type-checkbox-field .jet-form-builder__field-wrap,
.field-type-radio-field label,
.field-type-checkbox-field label {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    width: auto !important;
    cursor: pointer;
}

.field-type-radio-field span,
.field-type-checkbox-field span {
    margin-left: 6px !important;
    line-height: 1.2 !important;
}

/* =========================================
   Part B: 送出按鈕 (Submit Button) 置中設定 (修正版)
   ========================================= */
/* ★ 關鍵修正：針對 wrapper 設定置中 */
.jet-form-builder__submit-wrap {
    display: flex !important;
    justify-content: center !important; 
    width: 100% !important;
}

/* 外層雙重保險 */
.field-type-submit-field {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.jet-form-builder__submit {
    width: auto !important;
    
    background-color: #7ab7c1 !important; /* 按鈕背景色 */
    border-color: #7ab7c1 !important;     /* 按鈕邊框色 (建議跟背景一樣) */
    color: #ffffff !important;            /* 按鈕文字顏色 (白色比較清楚) */
}

/* 通常會設得比原本深一點點，讓使用者知道滑鼠有指到 */
.jet-form-builder__submit:hover {
    background-color: #689ca5 !important; /* 稍微深一點的顏色 */
    border-color: #689ca5 !important;
}

/* =========================================
   Part C: 手機版響應式設定
   ========================================= */
@media (max-width: 767px) {
    /* 選項改直排 */
    .field-type-radio-field .jet-form-builder__fields-group,
    .field-type-checkbox-field .jet-form-builder__fields-group {
        flex-direction: column !important; 
        align-items: flex-start !important;
        gap: 10px;
    }
    
    /* 按鈕改滿版 */
    .jet-form-builder__submit {
        width: 100% !important;
        display: block !important;
    }
}


/* 報名表的文字標題變大，上下加上適當距離 */
.jet-form-builder__label-text {
    padding-bottom: 5px;
    padding-top: 10px;
    font-size: 105%;
}


/* 報名表展開按鈕 */
.uj-btn-tiffany {
    display: inline-block;
    background-color: #81D8D0; /* Tiffany 藍 */
    color: #ffffff;
    font-weight: 900;
    padding: 12px 30px;
    font-size: 26px;
    border-radius: 50px;
    text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid #81D8D0;
}

.uj-btn-tiffany:hover {
    background-color: #ffffff;
    color: #81D8D0;
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}


/* --- 手機版商品頁面：減少左右留白 --- */
@media (max-width: 767px) {
    
    /* 1. 處理外層 Container：將原本各 15px 的留白歸零 */
    /* 加上 .single-product 確保只影響單一商品頁 */
    .single-product .woocommerce-tabs.container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important; /* 確保容器寬度撐滿 */
    }

    /* 2. 處理內層 Panel：將原本各 20px 的留白縮小 */
    /* 建議保留 5px~10px，避免文字貼齊螢幕邊緣太難看 */
    .woocommerce div.product.elementor .woocommerce-tabs .panel {
        padding-left: 5px !important;  /* 您可以改為 0 */
        padding-right: 5px !important; /* 您可以改為 0 */
        padding-top: 10px !important;  /* 上方保留一點距離 */
        padding-bottom: 10px !important;
    }

    /* 3. (選用) 修正 Elementor 內部可能的額外留白 */
    /* 如果做完上面兩步覺得還不夠寬，通常是 Elementor 欄位 (Column) 還有預設的 10px */
    .single-product .woocommerce-tabs .elementor-section .elementor-container {
        width: 100% !important;
    }
    .single-product .woocommerce-tabs .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding-left: 0px !important; /* 視情況調整 */
        padding-right: 0px !important;
    }
}


/* 將主要內容區塊背景改為米色 */
#main {
    background-color: #f2fbfa !important;
}

.header-wrapper .header-main {
    background-color: #81d8d0;
}

.header-wrapper.stuck .header-main {
    background-color: #81d8d060;
}

/* 只有在「非管理員」(無頂部黑條) 時，才隱藏這些導覽列元素
body:not(.admin-bar) .header-inner.flex-row.container.logo-left.medium-logo-center,
body:not(.admin-bar) .flex-col.hide-for-medium.flex-right, 
body:not(.admin-bar) .mobile-nav.nav.nav-left, 
body:not(.admin-bar) .mobile-nav.nav.nav-right,
body:not(.admin-bar) .cart-item.has-icon.has-dropdown{
    display: none !important;
}
 */

.cart-item.has-icon.has-dropdown {
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noto Serif TC';
	font-display: auto;
	src: url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500&family=Noto+Serif+TC:wght@200;300;400;500;600;700&display=swap') format('truetype');
}
/* End Custom Fonts CSS */