/* --- 0. 全域通用設定 (Utility) --- */

.no-underline a { 

    text-decoration: none !important; 

}

/* --- 1. 頁首與主導覽列 (Header & Navigation) --- */

/* 手機版「展開選單」的呼吸空間與排版微調 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-left: 32px !important;  /* 左側向內推，增加留白 */
    padding-right: 32px !important; /* 右側向內推 */
    padding-top: 40px !important;   /* 頂部稍微拉開 */
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    margin-bottom: 20px !important; /* 展開後的文字項目上下距離 */
}

.wp-block-navigation__responsive-container-close {
    margin-top: 16px !important;    /* 讓右上角的 X 往內推 */
    margin-right: 24px !important; 
}

/* --- 2. 導覽列下拉子選單優化 (Submenu) --- */

/* 2-1. 整體往下推，拉出呼吸間距，並補上精品微陰影 */

.wp-block-navigation .wp-block-navigation__submenu-container {

    margin-top: 12px !important; 

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; 

}

/* 2-2. 安全隱形橋樑：確保滑鼠下滑時選單不閃退 */

.wp-block-navigation .wp-block-navigation__submenu-container::before {

    content: "" !important;

    position: absolute !important;

    top: -14px !important; 

    left: 0 !important;

    width: 100% !important;

    height: 14px !important;

    background: transparent !important; 

}

/* 2-3. 強制文字靠左對齊，破除預設置中 */

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {

    text-align: left !important;

}

/* 2-4. 內部文字按鈕的行距、留白與對齊優化 */

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {

    justify-content: flex-start !important;

    text-align: left !important;

    padding-top: 10px !important;    

    padding-bottom: 10px !important; 

    padding-left: 16px !important;  

    padding-right: 16px !important; 

    line-height: 1.4 !important;     

    letter-spacing: 0.08em !important;

}

/* --- 3. 品牌頁頂部水平篩選列 (Brand Filter Nav) --- */

/* 3-1. 切除外框虛胖，強制上下等距 (Top & Bottom = 25px) */

.scene-filter-nav {

    text-align: center !important;

    justify-content: center !important;

    padding-top: 0 !important;      

    padding-bottom: 0 !important;   

    margin-top: 25px !important;    

    margin-bottom: 25px !important; 

    border: none !important;

    min-height: unset !important;   

}

/* 3-2. 清除導覽容器預設外距 */

.scene-filter-nav .wp-block-navigation__container {

    gap: 28px !important; /* 橫向字與字的優雅間距 */          

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

/* 3-3. 縮減文字按鈕行高與隱形留白 */

.scene-filter-nav .wp-block-navigation-item {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}

.scene-filter-nav .wp-block-navigation-item__content {

    font-size: 13px !important;

    text-transform: uppercase !important; 

    letter-spacing: 0.15em !important;   

    color: #888888 !important;            

    line-height: 1 !important; /* 強制單倍行高 */     

    padding: 0 !important;     /* 拔除隱形留白 */     

    transition: color 0.3s ease !important;

}

/* 3-4. 滑鼠懸停反黑回饋 */

.scene-filter-nav .wp-block-navigation-item__content:hover {

    color: #000000 !important; 

    text-decoration: none !important;

}


/* --- 4. Links 社群導流頁 (Linktree Style) --- */

/* 4-1. 居中內容群組：精準復刻品牌漸層 */

.scene-links-container {

    background: linear-gradient(180deg, #819183 0%, #69786B 60%, #4D574E 100%) !important; 

    border-radius: 20px !important; 

    padding: 40px 20px !important; 

    box-sizing: border-box !important;

}

.scene-links-container h2 {

    color: #ffffff !important;

}

/* 4-2. 按鈕基礎樣式與懸停動態 */

.scene-links-container .wp-block-button__link {

    background-color: #ffffff !important; 

    color: #69786B !important; 

    border: 1px solid #ffffff !important; 

    border-radius: 10px !important; 

    transition: all 0.3s ease !important; 

}

.scene-links-container .wp-block-button__link:hover {

    background-color: transparent !important; 

    color: #ffffff !important; 

    transform: translateY(-2px) !important; /* 立體上浮效果 */

}

/* --- 5. 頁尾區塊 (Footer) --- */

/* 5-1. 頁尾訂閱按鈕對齊框線 */

.scene-subscribe-fix form {

    display: flex !important;

    align-items: stretch !important;

}

.scene-subscribe-fix input[type="email"],

.scene-subscribe-fix button {

    height: 48px !important;

    box-sizing: border-box !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}

/* --- 6. 底部標籤雲優化 (Boutique Tag Cloud) --- */

/* 讓標籤雲整體置中，並加上整齊的間距 */

.wp-block-tag-cloud {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 12px !important;            /* 標籤與標籤之間的舒適距離 */

    justify-content: center !important; 

    margin-top: 40px !important;     /* 與上方商品保持距離 */

    margin-bottom: 40px !important;

}



/* 強制解除字體大小魔咒 */

.wp-block-tag-cloud a {

    font-size: 12px !important;      /* 強制所有標籤字體一樣大 */

    color: #666666 !important;       /* 低調的高級灰 */

    background-color: transparent !important;

    border: 1px solid #eaeaea !important; /* 極細的淺灰邊框 */

    padding: 8px 16px !important;    /* 撐出膠囊形狀的內部留白 */

    border-radius: 30px !important;  /* 圓角膠囊感 */

    text-transform: uppercase !important; /* 強制英文大寫 */

    letter-spacing: 0.1em !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;

}


/* 滑鼠懸停 (Hover) 時的俐落反黑效果 */

.wp-block-tag-cloud a:hover {

    background-color: #111111 !important; 

    color: #ffffff !important;

    border-color: #111111 !important;

}

/* --- SCENE SELECT: 商品頁特價標籤 --- */

.woocommerce span.onsale {

    background-color: #b4491c !important; /* 磚陶暖橘 */

    color: #ffffff !important; /* 文字 */

    border: 3px solid #98a590 !important; /* 邊框加粗至 3px */

    box-shadow: none !important; /* 保持乾淨的現代平面感 */

    font-weight: 550 !important; /* 稍微加粗字體，與加粗的外框呼應，更清晰讀取 */

    letter-spacing: 0.5px !important; /* 微調字距，提升精緻度 */

} 

/* ==========================================
    SCENE SELECT - 結帳頁面欄位留白優化
   ========================================== */

/* 1. 強制讓所有結帳格子「上下」保有舒服的呼吸空間 */
.woocommerce-checkout form .form-row {
    margin-bottom: 24px !important;
}

/* 2. 當螢幕夠大、格子需要「左右」並排時，強制留下完美間距 */
@media (min-width: 768px) {
    /* 左側半寬格子（例如：名字） */
    .woocommerce-checkout form .form-row-first {
        width: 48% !important;
        margin-right: 4% !important;
        float: left !important;
    }
    
    /* 右側半寬格子 */
    .woocommerce-checkout form .form-row-last {
        width: 48% !important;
        float: right !important;
        margin-right: 0 !important;
    }
    
    /* 全寬格子（例如：國家、地址），強制換行清理浮動，絕不重疊 */
    .woocommerce-checkout form .form-row-wide {
        clear: both !important;
        width: 100% !important;
    }
}


/* ==========================================
    SCENE SELECT - 新版區塊結帳欄位強制撐開
   ========================================== */

/* 1. 針對新版區塊結帳的所有輸入欄位母層，強制拉開上下距離 */
.wc-block-checkout .wc-block-components-form-row,
.wc-block-checkout .wc-block-components-address-form,
.wp-block-woocommerce-checkout {
    margin-bottom: 24px !important;
}

/* 2. 針對並排格子（如名字、國家等）的 Flex / Grid 佈局強制加上間距 */
.wc-block-components-address-form,
.wc-block-components-form-row {
    gap: 20px !important; /* 強制格子左右、上下都留下 20px 呼吸空間 */
}

/* 3. 針對個別輸入框（文字框、下拉選單）強制拉開底部留白 */
.wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-single-select,
.wc-block-checkout .wc-block-components-combobox {
    margin-bottom: 20px !important;
}

/* 4. 防止格子外框線貼死，補上精細的陰影與間隔 */
.wc-block-components-text-input input,
.wc-block-components-single-select select {
    margin: 0 !important;
}

/* ==========================================
    SCENE SELECT - 首頁商品按鈕強效拉平
   ========================================== */

/* 1. 強制所有商品的「品名」一律固定為兩行高度，多不退少補 */
.products .product h2,
.products .product .woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wp-block-post-title,
.wp-block-woocommerce-product-title,
h2.woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* 最多顯示兩行，多的優雅隱藏 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 48px !important;       /* 只有一行的話，強制撐開到兩行的高度 */
    height: 48px !important;           /* 鎖死高度，不讓文字行數干擾下方排版 */
    margin-bottom: 12px !important;
}

/* 2. 確保價格區塊下方也有固定的呼吸空間 */
.products .product .price,
.wc-block-grid__product-price,
.wp-block-woocommerce-product-price {
    margin-bottom: 16px !important;
    display: block !important;
}

/* 3. 將按鈕寬度微調成與 ADC STUDIO 視覺相符的俐落感 */
.products .product .button,
.wc-block-grid__product-add-to-cart a,
.wp-block-woocommerce-product-button a {
    width: 100% !important;
    text-align: center !important;
}


/* ==========================================
    SCENE SELECT - 首頁商品按鈕寬度完美齊寬
   ========================================== */

/* 強制所有商品按鈕外層與內層連結一律 100% 滿版 */
.products .product .button,
.products .product .add_to_cart_button,
.products .product .view-details,
.wc-block-grid__product-add-to-cart,
.wc-block-grid__product-add-to-cart a,
.wp-block-woocommerce-product-button,
.wp-block-woocommerce-product-button a,
.wp-block-button__link {
    display: block !important;
    width: 100% !important;           /* 強制寬度填滿商品格子 */
    box-sizing: border-box !important; /* 防止外框線把按鈕擠爆移位 */
    text-align: center !important;     /* 文字絕對置中 */
    padding-left: 0 !important;        /* 歸零內襯，確保不被文字長度撐開 */
    padding-right: 0 !important;
}

/* =========================================
   --- 10. 購物車優惠券區塊：橫向等寬、微圓角與動態防疊字 ---
   ========================================= */

@media (min-width: 769px) {
    /* 1. 強制優惠券外層橫向緊密並排 */
    form#wc-block-components-totals-coupon__form {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important; 
        flex-wrap: nowrap !important;
        margin-bottom: 0 !important;
        gap: 6px !important; /* 輸入框與按鈕的精品緊密間距 */
    }

    /* 2. 優惠券「輸入代碼」外層包裝盒 */
    .wc-block-components-totals-coupon__input {
        box-sizing: border-box !important;
        width: 140px !important;            /* 保持與下方點數輸入框一致的 140px */
        min-height: 42px !important;        
        height: 42px !important;            /* 強制整個外框高度為 42px */
        border-radius: 4px !important;      /* 4px 微圓角 */
        margin: 0 !important;               
        position: relative !important;      /* 作為文字定位的基準 */
        padding: 0 !important;              
    }

    /* 3. 內部的真實輸入框：填滿包裝盒 */
    input#wc-block-components-totals-coupon__input-coupon {
        box-sizing: border-box !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        border-radius: 4px !important;
        padding: 0 12px !important;         /* 讓輸入時的文字與邊框保持高級呼吸感 */
        margin: 0 !important;
        border: 1px solid #ccc !important;  
        background-color: #ffffff !important;
        color: #111111 !important;           /* 確保客人輸入的代碼是清晰的精品墨黑 */
    }

    /* 4. 未點擊時：提示文字「輸入代碼」在 42px 框內絕對垂直置中 */
    .wc-block-components-totals-coupon__input label {
        position: absolute !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important; 
        line-height: 1 !important;
        margin: 0 !important;
        font-size: 13px !important;
        color: #777777 !important;
        pointer-events: none !important;        /* 防止滑鼠點到字時卡住無法輸入 */
        transition: opacity 0.15s ease, visibility 0.15s ease !important;
    }

    /* 🌟 核心修正：當輸入框進入「點擊狀態(Focus)」或「已有文字(is-active)」時，自動讓提示文字隱形，徹底根治重疊！ */
    .wc-block-components-totals-coupon__input.is-active label,
    input#wc-block-components-totals-coupon__input-coupon:focus ~ label {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* 5. 右側套用按鈕（同步寬度、高度與圓角） */
    button.wc-block-components-totals-coupon__button {
        box-sizing: border-box !important;
        width: 140px !important;            /* 保持與點數折抵按鈕一致的 140px */
        min-height: 42px !important;
        height: 42px !important;            
        margin: 0 !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 4px !important;      
    }
}

/* ➔ 手機版一體化同步修正（同樣加入防重疊機制） */
@media (max-width: 768px) {
    form#wc-block-components-totals-coupon__form {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
    .wc-block-components-totals-coupon__input {
        width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        position: relative !important;
        padding: 0 !important;
    }
    input#wc-block-components-totals-coupon__input-coupon {
        width: 100% !important;
        height: 100% !important;
        border-radius: 4px !important;
        padding: 0 12px !important;
    }
    .wc-block-components-totals-coupon__input label {
        position: absolute !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        line-height: 1 !important;
    }
    /* 手機版點擊或有字時也同步隱形 */
    .wc-block-components-totals-coupon__input.is-active label,
    input#wc-block-components-totals-coupon__input-coupon:focus ~ label {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    button.wc-block-components-totals-coupon__button {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 4px !important;
        height: 42px !important;
    }
}

/* =========================================
   --- 10. 購物車優惠券區塊：防疊字與間距調整 ---
   ========================================= */
@media (min-width: 769px) {
    form#wc-block-components-totals-coupon__form {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important; 
        flex-wrap: nowrap !important;
        margin-bottom: 0 !important;
        
        /* 🌟【優惠券間距遙控器】調整這裡的 6px 就可以改變「輸入代碼格子」與「套用按鈕」之間的縫隙！ */
        gap: 1px !important; 
    }

    .wc-block-components-totals-coupon__input {
        box-sizing: border-box !important;
        width: 140px !important;            
        min-height: 42px !important;        
        height: 42px !important;            
        border-radius: 4px !important;      
        margin: 0 !important;               
        position: relative !important;      
        padding: 0 !important;              
    }

    input#wc-block-components-totals-coupon__input-coupon {
        box-sizing: border-box !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        border-radius: 4px !important;
        padding: 0 12px !important;         
        margin: 0 !important;
        border: 1px solid #ccc !important;  
        background-color: #ffffff !important;
        color: #111111 !important;           
    }

    .wc-block-components-totals-coupon__input label {
        position: absolute !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important; 
        line-height: 1 !important;
        margin: 0 !important;
        font-size: 13px !important;
        color: #777777 !important;
        pointer-events: none !important;        
        transition: opacity 0.15s ease, visibility 0.15s ease !important;
    }

    .wc-block-components-totals-coupon__input.is-active label,
    input#wc-block-components-totals-coupon__input-coupon:focus ~ label {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    button.wc-block-components-totals-coupon__button {
        box-sizing: border-box !important;
        width: 140px !important;            
        min-height: 42px !important;
        height: 42px !important;            
        margin: 0 !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 4px !important;      
    }
}


/* =========================================
   --- 9. 購物車與結帳頁：點數區塊全面解耦與分流對齊 ---
   ========================================= */

/* -----------------------------------------
   ➔ 9-A. 購物車頁面 (Cart Page) 專屬設定：橫向並排精品風
   ----------------------------------------- */
/* 拔除購物車頁面的外掛突兀灰色大提示框 */
.woocommerce-cart .mwb_wpr_cart_notice, 
.woocommerce-cart .wps_wpr_cart_notice,
.woocommerce-cart .wps-wpr-cart-notice,
.woocommerce-cart .woocommerce-info:has(#wps_cart_points) {
    display: block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* 透過安全清除機制，確保下方 Subtotal 元素不被浮動干擾 */
.woocommerce-cart .mwb_wpr_cart_notice::after, 
.woocommerce-cart .wps_wpr_cart_notice::after,
.woocommerce-cart .wps-wpr-cart-notice::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 購物車：Points 白底輸入框（強制另起一行，靠左浮動並排） */
.woocommerce-cart input#wps_cart_points {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: block !important;
    float: left !important;
    clear: both !important;              /* 🌟 核心魔法：強制甩開長文字，自己跳到下一行 */
    
    /* 💡【購物車輸入框寬度遙控器】如果前台看覺得跟上方輸入代碼格子長短不一，只改這裡的數字即可 */
    width: 230px !important;              
    min-width: 230px !important;
    max-width: 230px !important;
    
    height: 42px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;        /* 4px 微圓角 */
    padding: 0 12px !important;
    background-color: #ffffff !important;
    
    margin-top: 12px !important;         /* 與上方長文字的精品呼吸距離 */
    margin-bottom: 0 !important;
    
    /* 🌟【購物車中間縫隙遙控器】調整這裡控制「購物車點數格」與「按鈕」之間的縫隙 */
    margin-right: 6px !important;        
    margin-left: 0 !important;
}

/* 購物車：Apply Points 黑色按鈕（緊跟在輸入框右側浮動並排） */
.woocommerce-cart #wps_cart_points_apply,
.woocommerce-cart button#wps_cart_points_apply {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: block !important;
    float: left !important;
    clear: none !important;              /* 絕對不准換行，死死貼在輸入框右邊 */
    
    /* 💡【購物車按鈕寬度遙控器】 */
    width: 140px !important;              
    min-width: 140px !important;
    max-width: 140px !important;
    
    height: 42px !important;
    border-radius: 4px !important;
    border: none !important;
    margin-top: 12px !important;         /* 高度與左邊輸入框完全平行齊平 */
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}


/* -----------------------------------------
   ➔ 9-B. 結帳頁面 (Checkout Page) 專屬設定：滿版垂直塊狀風（零重疊風險）
   ----------------------------------------- */
/* 鎖定結帳頁面，拔除灰色醜框，改為大氣的垂直彈性容器 */
.woocommerce-checkout .mwb_wpr_cart_notice, 
.woocommerce-checkout .wps_wpr_cart_notice,
.woocommerce-checkout .wps-wpr-cart-notice,
.woocommerce-checkout .woocommerce-info:has(#wps_cart_points) {
    display: flex !important;
    flex-direction: column !important;   /* 🌟 鋼鐵防線：文字、輸入框、按鈕全面解散橫排，改為垂直疊放 */
    align-items: stretch !important;    /* 寬度自動完美拉滿側欄 */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    
    /* 🌟【結帳頁垂直縫隙遙控器】調整這裡可以自由控制長文字、格子、按鈕之間的垂直上下間距 */
    gap: 8px !important;                 
    width: 100% !important;
    max-width: 100% !important;
}

/* 結帳頁面：Points 輸入框（自適應完美撐滿窄小的結帳側欄） */
.woocommerce-checkout input#wps_cart_points {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: 100% !important;              /* 🌟 100% 滿版，線條最乾淨大器 */
    min-width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    background-color: #ffffff !important;
}

/* 結帳頁面：Apply Points 按鈕（同步滿版，形成現代穩重的矩形色塊） */
.woocommerce-checkout #wps_cart_points_apply,
.woocommerce-checkout button#wps_cart_points_apply {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: 100% !important;              /* 🌟 同步 100% 滿版 */
    min-width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    border-radius: 4px !important;
    border: none !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* =========================================
   --- 13. Footer：緊貼照片、零縫隙精品細線版 ---
   ========================================= */
footer, 
.site-footer, 
#colophon {
    /* 🌟 核心防線：徹底拔除所有多餘的間距，強制與上方照片 100% 緊密貼合，絕不留白 */
    margin-top: 0 !important;             
    padding-top: 0 !important;            

    /* 🌟 精品細線：在最頂端加上一條乾淨、俐落的精品淺灰細線，精準切開照片與 footer */
    border-top: 1px solid #eaeaea !important; 
}

/* =========================================
   --- 14. Footer：訂閱區塊（徹底拔除高低差終極版） ---
   ========================================= */

/* ➔ 第一步：鎖定表單外殼，強制內部變成彈性水平線 */
footer form,
footer .wp-block-search__inside-wrapper { /* 涵蓋可能的 Gutenberg 區塊外殼 */
    display: flex !important;
    align-items: center !important;     /* 🌟 核心：確保內容絕對垂直居中對齊 */
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ➔ 第二步：左側輸入框（拔除原生干擾、高度與底部外距死鎖） */
footer form input[type="email"],
footer form input[type="text"],
footer form input[type="search"] {
    -webkit-appearance: none !important; /* 🌟 殺手鐧：強行拔除瀏覽器預設樣式干擾 */
    appearance: none !important;
    box-sizing: border-box !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;               /* 🌟 核心防線：強制拔除導致下沉的隱形底部外距 */
    padding: 0 15px !important;
    border-radius: 0 !important;
    vertical-align: top !important;
    width: 100% !important;             /* 讓輸入框彈性填滿左側空間 */
}

/* ➔ 第三步：右側按鈕（同步拔除原生干擾、拒絕擠壓） */
footer form button,
footer .wp-block-button__link,
footer input[type="submit"],
footer button[type="submit"] {
    -webkit-appearance: none !important; /* 🌟 殺手鐧：同步拔除按鈕預設干擾 */
    appearance: none !important;
    box-sizing: border-box !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;               /* 🌟 核心防線：高度必須絕對平手 */
    padding: 0 20px !important;         /* 保持優雅的窄版留白 */
    border-radius: 0 !important;
    border: none !important;            /* 拔除多餘邊框，確保高度不被撐大 */
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;          /* 🌟 絕對不准被左邊擠壓變形 */
    white-space: nowrap !important;
    vertical-align: top !important;
}

@media (max-width: 781px) {
    .wp-block-navigation__responsive-dialog .wp-block-navigation__submenu-container {
        display: none !important;
    }
    .wp-block-navigation__responsive-dialog li.has-child.js-submenu-open > .wp-block-navigation__submenu-container {
        display: flex !important;
        flex-direction: column !important;
    }
}