.elementor-86 .elementor-element.elementor-element-0d02a09{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}/* Start custom CSS for container, class: .elementor-element-0d02a09 *//* --- 修正版：蒸氣魔法屋 訂單追蹤 (寬度全相容) --- */

.woocommerce-form-track-order {
    background: #FFFFFF !important;
    padding: 40px 30px !important;
    border-radius: 20px !important;
    border: 3px solid #6F4E37 !important;
    box-shadow: 12px 12px 0px rgba(111, 78, 55, 0.05) !important;
    max-width: 900px !important;
    margin: 40px auto !important;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    box-sizing: border-box !important; /* 確保 padding 不會撐破寬度 */
    overflow: hidden; /* 防止內部溢出 */
}

/* 提示文字 */
.woocommerce-form-track-order p:first-child {
    flex: 0 0 100%;
    width: 100%;
    font-size: 16px;
    color: #6F4E37;
    background: #FDF5E6;
    padding: 20px;
    border-radius: 12px;
    border-left: 6px solid #90D5EC;
    box-sizing: border-box !important;
}

/* 輸入框欄位：電腦版並排，手機版自動滿版 */
.woocommerce-form-track-order .form-row-first, 
.woocommerce-form-track-order .form-row-last {
    flex: 1 1 300px; /* 這裡的 300px 是觸發換行的臨界點 */
    max-width: 100%;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.woocommerce-form-track-order .input-text {
    width: 100% !important;
    border: 2px solid #D2B48C !important;
    border-radius: 12px !important;
    padding: 15px !important;
    background: #FFFCF9 !important;
    box-sizing: border-box !important; /* 關鍵：確保 padding 在 100% 內 */
}

/* 按鈕區塊 */
.woocommerce-form-track-order .form-row:last-of-type {
    flex: 0 0 100%;
    width: 100%;
    text-align: center;
}

.woocommerce-form-track-order .button {
    width: 280px !important; 
    max-width: 100% !important; /* 確保按鈕在手機上不超出 */
    background: linear-gradient(135deg, #6F4E37 0%, #4B3621 100%) !important;
    color: #FFFFFF !important;
    padding: 16px 30px !important;
    border-radius: 50px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    border: none !important;
    box-sizing: border-box !important;
}

/* --- 手機版強制微調 --- */
@media (max-width: 767px) {
    .woocommerce-form-track-order {
        padding: 30px 20px !important; /* 減少縮排，給手機更多空間 */
        margin: 20px 10px !important;
        width: calc(100% - 20px) !important; /* 強制寬度不超過螢幕 */
    }
    
    .woocommerce-form-track-order .form-row-first, 
    .woocommerce-form-track-order .form-row-last {
        flex: 0 0 100% !important; /* 手機版強迫佔滿一整行 */
    }

    .woocommerce-form-track-order .button {
        width: 100% !important; /* 手機版按鈕填滿，防止超出 */
    }
}/* End custom CSS */