/* MK156 */
/* 修改收件資料：取貨超商、取貨門市唯讀，樣子照甲1 一般欄位（不變灰） */
#nt-ja .mk104-form select:disabled,#nt-ja .mk104-form input[readonly]{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink);cursor:default}
#nt-ja .mk104-form select:disabled option{color:var(--ink)}
#nt-ja .mk104-form input[readonly]::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}
/* 社群帳號登入（Super Socializer 的輸出；甲1 account.html <style id="mk156"> 同樣子，標誌 data URI 兩邊同一份） */
/* 會員頁在 #nt-ja 裡：nt-jia1-acct.css 的「#nt-ja :where(div,p,span…){all:revert}」權重 1,0,0，所以要加 #nt-ja.nt-ja 才蓋得過 */
.mk156-social,#nt-ja.nt-ja .mk156-social{display:grid;gap:12px;justify-items:center;width:100%;margin:0;padding:0}
.mk156-social .mk156-or,#nt-ja.nt-ja .mk156-social .mk156-or{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:0;color:var(--muted);font-size:.85rem;line-height:1.5}
/* 甲1 表單裡的 span 是 .94rem（「或」實際 15.04px／行高 1.5），照量到的值 */
#nt-ja.nt-ja .mk156-social .mk156-or span{display:block;margin:0;padding:0;color:inherit;font-size:.94rem;font-weight:400;line-height:1.5}
.mk156-social .mk156-or::before,.mk156-social .mk156-or::after,#nt-ja.nt-ja .mk156-social .mk156-or::before,#nt-ja.nt-ja .mk156-social .mk156-or::after{content:"";flex:1;height:1px;background:var(--line)}
.mk156-social .the_champ_outer_login_container,#nt-ja.nt-ja .mk156-social .the_champ_outer_login_container{display:grid!important;gap:12px;justify-items:center;width:100%;margin:0!important;padding:0!important}
#nt-ja.nt-ja .mk156-social ul.the_champ_login_ul{gap:16px}
.mk156-social .the_champ_social_login_title{margin:0!important;padding:0!important;color:var(--ink)!important;font-size:.9rem!important;font-weight:500!important;line-height:1.5!important;text-align:center;font-family:inherit!important}
.mk156-social .the_champ_login_container{margin:0!important;padding:0!important;width:auto!important}
.mk156-social ul.the_champ_login_ul{display:flex!important;gap:16px;justify-content:center;margin:0!important;padding:0!important;list-style:none!important}
.mk156-social ul.the_champ_login_ul li{float:none!important;margin:0!important;padding:0!important;list-style:none!important;width:auto!important;height:auto!important;line-height:0!important;background:none!important}
.mk156-social i.theChampLogin{display:block!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;cursor:pointer;background:#1877F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.12 5.32H17V2.14A26.1 26.1 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.03.28-1.73 1.76-1.73z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease;opacity:1!important}
.mk156-social i.theChampLogin>*{display:none!important}
.mk156-social i.theChampLogin:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(31,77,63,.18)!important}
.mk156-social i.theChampLogin:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
.mk156-social i.theChampGoogleLogin{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M45.1 24.5c0-1.6-.1-3.1-.4-4.5H24v8.5h11.8c-.5 2.8-2.1 5.1-4.4 6.7v5.5h7.1c4.2-3.9 6.6-9.6 6.6-16.2z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.9 0 10.9-2 14.5-5.3l-7.1-5.5c-2 1.3-4.5 2.1-7.4 2.1-5.7 0-10.5-3.8-12.2-9H4.5v5.7C8.1 41.1 15.5 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.8 28.3c-.4-1.3-.7-2.8-.7-4.3s.3-3 .7-4.3V14H4.5C3 17 2.2 20.4 2.2 24s.8 7 2.3 10l7.3-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.7c3.2 0 6.1 1.1 8.4 3.3l6.3-6.3C34.9 4.2 29.9 2 24 2 15.5 2 8.1 6.9 4.5 14l7.3 5.7c1.7-5.2 6.5-9 12.2-9z'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;box-shadow:inset 0 0 0 1.5px var(--line)!important}
.mk156-social i.theChampGoogleLogin:hover{box-shadow:inset 0 0 0 1.5px var(--line),0 6px 14px rgba(31,77,63,.18)!important}
.mk156-social i.theChampLineLogin{background:#06C755 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/%3E%3C/svg%3E") center/26px 26px no-repeat!important}
/* 外掛自己的 Facebook 底色（#218CF2）權重比較高，這裡再寫一次 Facebook 官方藍（甲1 同色） */
#nt-ja.nt-ja .mk156-social i.theChampFacebookLogin,body .mk156-social.mk156-social-co i.theChampFacebookLogin{background-color:#1877F2!important}
.mk156-social>div[style*="clear"]{display:none!important}
/* 結帳頁（沒有 #nt-ja 的變數）：顏色直接寫甲1 的值；放在帳單資訊上面，下面留一點距離 */
.mk156-social-co{--muted:#5B6F68;--line:#CFE8DD;--ink:#1F4D3F;--leaf:#54B293;margin:0 0 20px}
/* 錯誤：甲1 沒有錯誤樣子，沿用會員頁通知的紅（#C0392B，nt-jia1-acct.css .woocommerce-error） */
#nt-ja .mk104-form [aria-invalid="true"]{border-color:#C0392B}
#nt-ja .mk104-form .nt-ad-err{color:#C0392B;font-size:.86rem;font-weight:500;line-height:1.5}