.elementor-92858 .elementor-element.elementor-element-7153598{--display:flex;--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-92858 .elementor-element.elementor-element-6684d89 img{border-radius:15px 15px 15px 15px;}.elementor-92858 .elementor-element.elementor-element-d176d86{--display:flex;--margin-top:100px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-92858 .elementor-element.elementor-element-8ebed96 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wc-add-to-cart .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-92858 .elementor-element.elementor-element-579cd9b .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}/* Start custom CSS for wc-add-to-cart, class: .elementor-element-579cd9b *//* =========================================
   1. 流程表 (Pagination) 設定
   ========================================= */
.composite_pagination {
    width: 100%;
    margin: 0 0 20px 0;
    background-color: transparent; 
    box-sizing: border-box;
}

.composite_pagination ul {
    display: flex;
    justify-content: space-between; 
    width: 100%;             
    padding: 0;
    margin: 0;
    list-style: none;        
    border-bottom: 1px solid #ddd; 
}

.composite_pagination .pagination_element {
    flex: 1;
    width: auto !important;  
    text-align: center;      
    padding: 15px 0;         
}

.composite_pagination .pagination_element .element_link.inactive {
    opacity: 0.5;
    cursor: default;
}
.composite_pagination .pagination_element.active .element_link {
    font-weight: bold;
    color: #000; 
    opacity: 1;
}

/* =========================================
   2. 價格樣式統一設定 (Step 1, 2, 3 通用邏輯)
   ========================================= */
/* 設定所有價格區塊啟用 Flexbox 並底部對齊 */
.bundle_wrap .price,
.component_wrap .price,
.summary_element_data .price,
.composite_wrap .price {
    display: inline-flex !important;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    line-height: 1.2;
}

/* 統一設定：特價 (橘色) 排第一 */
.bundle_wrap .price ins,
.component_wrap .price ins,
.summary_element_data .price ins,
.composite_wrap .price ins {
    order: -1; 
    font-weight: 800 !important;
    color: #d26e4b;             
    text-decoration: none;      
}

/* 統一設定：原價 (灰色) */
.bundle_wrap .price del,
.component_wrap .price del,
.summary_element_data .price del,
.composite_wrap .price del {
    font-size: 16px !important; 
    font-weight: normal;
    color: #999;
    opacity: 0.8;
}

/* --- 個別字體大小微調 --- */
/* Step 1 & 3 & 總計 的特價字體 */
.bundle_wrap .price ins, .bundle_wrap .price ins .amount,
.summary_element_data .price ins, .summary_element_data .price ins .amount {
    font-size: 28px !important;
}
/* Step 2 (選項) 的特價字體稍微小一點 */
.component_wrap .price ins, .component_wrap .price ins .amount {
    font-size: 26px !important;
}
/* Step 2 的間距修正 */
.component_wrap p.price {
    margin: 5px 0 !important;
}

/* =========================================
   3. 步驟三 (檢視與結帳) 內容優化
   ========================================= */
.summary_element_wrapper_outer,
.summary_element_wrapper,
.summary_element_image,
.summary_element_data {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.summary_element {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
/* 隱藏編輯按鈕 */
.summary_element_button {
    display: none !important;
}

/* =========================================
   4. 通用按鈕與數量欄位隱藏
   ========================================= */
.quantity-button-wrapper label,
.cart .quantity label,
.quantity-button-wrapper .quantity,
.cart .quantity input {
    display: none !important;
}

/* =========================================
   5. 最終結帳卡片區塊 (優化版)
   ========================================= */
.composite_wrap {
    background-color: #f9f9f9;  
    border: 2px solid #eee;     
    border-radius: 12px;        
    padding: 40px;              
    margin-top: 40px;           
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
    width: 100% !important;     
    box-sizing: border-box;     
    display: flex;
    flex-direction: column;     
    align-items: center;        
    text-align: center;         
}

/* 修正卡片內的價格置中 */
.composite_wrap .price {
    justify-content: center;    
    width: 100%;                
    margin-bottom: 25px !important;
    font-size: 1.2em; 
}

/* 排序 1: 「訂單總計」文字 */
.composite_wrap .price::before {
    content: "訂單總計：";
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
    order: 1 !important;        
}

/* 排序 2: 特價 */
.composite_wrap .price ins {
    order: 2 !important;        
    margin-left: 0 !important; 
    margin-right: 10px;         
}
.composite_wrap .price ins .amount {
    font-size: 36px !important; /* 卡片區特價最大 */
}

/* 排序 3: 原價 */
.composite_wrap .price del {
    order: 3 !important;        
}

/* --- 按鈕區域 --- */
.composite_wrap .quantity-button-wrapper,
.composite_wrap .cart {
    width: 100% !important;     
    display: flex !important;   
    flex-direction: column;     
    align-items: center;        
    margin-top: 0 !important;
}

/* 1. 【加入購物車】按鈕 */
.composite_wrap button.single_add_to_cart_button,
.composite_wrap .single_add_to_cart_button {
    width: 80% !important;      
    min-width: 300px;           
    display: block !important;
    padding: 18px 0;            
    font-size: 20px;
    margin: 0 auto !important;  
    border-radius: 5px;         
    position: relative;         
    opacity: 1 !important;      
}

/* --- 安全性優化：Loading 隱藏 --- */
/* 這裡加上了 .composite_wrap 限定範圍，避免誤傷全站其他地方 */
.composite_wrap .blockUI.blockOverlay {
    display: none !important;
}
.single_add_to_cart_button::after,
.single_add_to_cart_button.loading::after {
    display: none !important;
    content: none !important;
}
.single_add_to_cart_button.loading {
    opacity: 0.5 !important;
    cursor: wait;
}

/* 2. 【查看購物車】按鈕 - 已加入，前往查看 */
.composite_wrap a.added_to_cart {
    width: 80% !important;      
    min-width: 300px;
    padding: 18px 0;
    margin: 15px auto 0 auto !important; 
    background-color: #333;     
    color: #fff !important;     
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s;
    
    display: flex !important;   
    justify-content: center !important; 
    align-items: center !important;
    font-size: 0 !important; /* 隱藏原文字 */
}

.composite_wrap a.added_to_cart:hover {
    background-color: #555;     
}

.composite_wrap a.added_to_cart::after {
    content: "已加入，前往查看"; 
    font-size: 18px !important; 
    display: block !important;
}

/* 隱藏所有 Icon */
.composite_wrap a.added_to_cart i,
.composite_wrap a.added_to_cart svg,
.composite_wrap a.added_to_cart img,
.composite_wrap a.added_to_cart span {
    display: none !important;
    content: none !important;
}/* End custom CSS */
/* Start custom CSS */.page-title-bar-05 {
display: none;
}/* End custom CSS */