/* --------------------------------------------------
   針對 style="order: 2;" 的欄位調整（例如：姓）
   -------------------------------------------------- */
 

div[style="order: 6;"], div[style="order: 12;"],div[style="order: 25;"],div[style="order: 26;"],div[style="order: 27;"] {
    display: none;
}

/* ==========================================================================
   1. 全域標題與註冊按鈕文字放大優化
   ========================================================================== */

/* 放大最上方的「個人資料」大標題文字 */
.flexColumn + h1.slds-text-title,
.slds h1.slds-text-title {
    font-size: 2rem !important;      
    font-weight: bold !important;
    padding: 15px 5px !important;    
    color: #ffffff !important;       
}

/* 放大最下方的「註冊」按鈕文字與按鈕高度 */
.button-container .slds-button_brand,
.button-container button .label.bBody {
    font-size: 1.5rem !important;    
    font-weight: bold !important;
    letter-spacing: 2px !important;  
}

/* 讓註冊按鈕本體稍微變高，字體放大後才不會擁擠 */
.button-container .slds-button_brand {
    height: 55px !important;         
    line-height: 35px !important;
    border-radius: 4px !important;   
}


/* ==========================================================================
   2. 六大主要表單欄位優化 (職務、姓、名、手機、店家、員工)
   ========================================================================== */

/* 讓格子維持自適應高度，當有錯誤訊息時會自動撐高白框 */
[data-auraid="DTE_CommunityProfile__cReq"] .slds-form-element,
[data-auraid="DTE_FirstName__cReq"] .slds-form-element,
[data-auraid="DTE_LastName__cReq"] .slds-form-element,
[data-auraid="DTE_MobilePhone__c"] .slds-form-element,
[data-auraid="DTE_CommunityRegistrationCode__c"] .slds-form-element,
[data-auraid="DTE_ShopName__c"] .slds-form-element {
    height: auto !important;         
    min-height: 100px !important;    
    display: flex !important;
    flex-direction: column !important; 
    background: #ffffff !important;
    padding: 12px 15px !important;   
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;  
}

/* 鎖定並放大六大欄位的標題外殼 */
[data-auraid="DTE_CommunityProfile__cReq"] .slds-form-element__label,
[data-auraid="DTE_FirstName__cReq"] .slds-form-element__label,
[data-auraid="DTE_LastName__cReq"] .slds-form-element__label,
[data-auraid="DTE_MobilePhone__c"] .slds-form-element__label,
[data-auraid="DTE_CommunityRegistrationCode__c"] .slds-form-element__label,
[data-auraid="DTE_ShopName__c"] .slds-form-element__label {
    position: static !important;    
    font-size: 1.25rem !important;  
    font-weight: bold !important;
    color: #696969 !important;
    white-space: normal !important;   
    word-break: break-all !important; 
    height: auto !important;          
    line-height: 1.4 !important;       
    margin: 0 0 8px 0 !important;
    display: block !important;        
}

/* 強迫標題內部的星號與文字一律維持橫向靠左並排 */
[data-auraid="DTE_CommunityProfile__cReq"] .slds-form-element__label *,
[data-auraid="DTE_FirstName__cReq"] .slds-form-element__label *,
[data-auraid="DTE_LastName__cReq"] .slds-form-element__label *,
[data-auraid="DTE_MobilePhone__c"] .slds-form-element__label *,
[data-auraid="DTE_CommunityRegistrationCode__c"] .slds-form-element__label *,
[data-auraid="DTE_ShopName__c"] .slds-form-element__label * {
    display: inline !important;        
    white-space: normal !important;
}

/* 🎯【手機號碼紅星號終極穩定解法】隱藏可能消失的原生 abbr，直接用偽元素百分之百逼出紅色星號 */

/* 隱藏原先可能跑版或不見的原生紅星標籤，確保不受干擾 */
[data-auraid="DTE_MobilePhone__c"] .slds-required {
    display: none !important;
}

/* 調整手機號碼欄位標題整體的黃金手機比例 */
[data-auraid="DTE_MobilePhone__c"] .slds-form-element__label {
    font-size: 1.25rem !important;    
    font-weight: bold !important;
    line-height: 1.4 !important;
    color: #696969 !important;
}

/* 🔥【核心修正】用前偽元素強行補回「正紅色」的必填星號，任何裝置下都 100% 絕對會顯示！ */
[data-auraid="DTE_MobilePhone__c"] .slds-form-element__label::before {
    content: "* " !important;           /* 重新補上星號與空格 */
    color: #ea001e !important;          /* 🔴 強制上必填亮紅色 */
    font-size: 1.5rem !important;       /* 維持大字體顆粒 */
    font-weight: bold !important;
    display: inline !important;
}


.flexColumn .slds-form-element.has-focus .slds-form-element__label,
.flexColumn .slds-form-element.not-empty .slds-form-element__label {
    font-size: 1.5rem !important;
    position: static !important;
    height: auto !important;           
}

/* 修正輸入框與下拉選單本體樣式 */
.flexColumn .slds-input,
.flexColumn .slds-select {
    opacity: 1 !important;          
    display: block !important;
    font-size: 1.2rem !important;   
    height: 40px !important;        
    line-height: 40px !important;
    border: 1px solid #c9c9c9 !important; 
    border-radius: 4px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

.flexColumn .slds-select_container {
    width: 100% !important;
    height: 40px !important;
}
.flexColumn .slds-select_container::after {
    bottom: 50% !important;
    transform: translateY(50%) !important;
}

/* 精準管理六大欄位的紅字錯誤訊息 */
.flexColumn .slds-form-element__help,
.flexColumn div[role="alert"].slds-form-element__help {
    position: static !important;    
    margin-top: 8px !important;     
    font-size: 1rem !important;    
    color: #ea001e !important;      
    line-height: 1.4 !important;
    display: block !important;
}


/* ==========================================================================
   3. 特殊勾選欄位優化 (法定年齡認證 + 同意此網站三大條款)
   ========================================================================== */

/* 法定年齡最外層包覆框：保持乾淨白框 */
[data-auraid="DTE_AgeValidated__c"] {
    background: #ffffff !important;   
    padding: 15px !important;         
    margin-top: 15px !important;    
    margin-bottom: 15px !important;  
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    box-sizing: border-box !important;
    display: block !important;       
    height: auto !important;          
    width: 100% !important;
}

/* 還原年齡確認內部的 Salesforce 預設狀態 */
[data-auraid="DTE_AgeValidated__c"] .slds-form-element {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: 100% !important;
    box-shadow: none !important;
}

/* 內部佈局容器：改為標準區塊 */
[data-auraid="DTE_AgeValidated__c"] .slds-checkbox {
    display: block !important; 
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 鎖定年齡確認的「勾選方框」 */
[data-auraid="DTE_AgeValidated__c"] .slds-checkbox_faux {
    width: 1.5rem !important;
    height: 1.5rem !important;
    display: inline-block !important;   
    vertical-align: middle !important;  
    margin: 0 12px 0 0 !important;      
    position: static !important;
    float: none !important;
}

/* 鎖定年齡確認的「文字標籤」，左右完美對齊 */
[data-auraid="DTE_AgeValidated__c"] .slds-form-element__label {
    font-size: 1.3rem !important;   
    line-height: 1.5 !important;
    color: #4a4a4a !important;
    display: inline-block !important;   
    vertical-align: middle !important;  
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    text-align: left !important;        
}

/* 平時完全隱藏年齡錯誤提示 */
.ageValidatedCheckboxError,
.flexColumn .ageValidatedCheckboxError {
    display: none !important; 
}

/* 統一三大同意條款的白框外殼 */
.checkbox-field {
    background: #ffffff !important;
    padding: 15px !important;       
    margin-top: 15px !important;    
    margin-bottom: 15px !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    box-sizing: border-box !important;
    display: flex !important;       
    align-items: center !important; 
    justify-content: flex-start !important; 
    width: 100% !important;
}

/* 同意條款內部佈局彈性容器 */
.checkbox-field .slds-form-element__control {
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-start !important; 
    width: 100% !important;
    height: auto !important;
}

/* 消滅綠框（原生的純文字），防止畫面出現重複字 */
[data-auraid="termsAndConditionsCheckbox"] label {
    font-size: 0 !important;       
    color: transparent !important; 
    pointer-events: none !important;
}

/* 重新精準定位所有條款的勾選方框 */
[data-auraid="termsAndConditionsCheckbox"] .checkbox,
.checkbox-field .slds-checkbox input[type=checkbox]~.slds-checkbox__label .slds-checkbox_faux {
    width: 1.5rem !important;
    height: 1.5rem !important;
    flex-shrink: 0 !important;      
    margin: 0 12px 0 0 !important;  
    display: inline-block !important;
    float: none !important;
    position: static !important;    
    pointer-events: auto !important; 
}

/* 修正紅框（真正的點擊連結區塊） */
.checkbox-field .slds-checkbox {
    flex: 1 !important;             
    display: block !important; 
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-align: left !important;    
}

/* 放大同意條款文字（例如：同意此網站） */
.checkbox-field .slds-form-element__label {
    font-size: 1.3rem !important;   
    line-height: 1.5 !important;
    color: #4a4a4a !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    text-align: left !important;    
    width: 100% !important;
    padding-left: 0 !important;    
}

/* 強制讓藍色連結換行顯示，並維持完美靠左 */
.checkbox-field .slds-form-element__label div.link {
    font-size: 1.3rem !important;   
    line-height: 1.6 !important;
    color: #3860BE !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    cursor: pointer !important;
    display: block !important;       
    margin-top: 4px !important;     
    text-align: left !important;    
    padding-left: 0 !important;    
}