/**** CSP migration (Phase 2): 由各頁 inline <style> 區塊與 style="" 屬性抽出 ****/

/* ---- 通用 ---- */
[x-cloak] {
    display: none !important;
}

/* GTM noscript iframe（原 inline style="display:none;visibility:hidden"）*/
.gtm-noscript {
    display: none;
    visibility: hidden;
}

/* 條款/隱私連結（原 inline style="color:blue"，login）*/
.link-blue {
    color: blue;
}

/* 固定高度的間隔 div（原 inline style="height:XXpx"）*/
.h-spacer-30 { height: 30px; }
.h-spacer-40 { height: 40px; }
.h-spacer-42 { height: 42px; }
.h-spacer-43 { height: 43px; }
.h-spacer-52 { height: 52px; }
.h-spacer-60 { height: 60px; }

/* 帳號顯示/隱藏切換鈕外層（原 inline style="display:block"，register/forgotpwd）*/
.account-switch-block {
    display: block;
}

/* register 註冊區塊捲動（原 inline style="overflow: auto;"）*/
.concent-scroll {
    overflow: auto;
}

/* cht_sms_phone 的 appleid 說明小字（原 inline style="font-size:12px"）*/
.appleid-notice-sm {
    font-size: 12px;
}

/* #account-switch 手機版高度：email_login/forgotpwd/register 一致 */
@media screen and (max-width: 640px) {
    #account-switch {
        height: 45px;
    }
}

/* ---- verified（class 名為該頁專屬，不需 scope）---- */
.sing_up_success_gray_btn {
    background-color: #eeeeee;
    color: #474747;
    border: 1px solid #d4d4d4;
    margin-top: 1rem;
}

.sing_up_success_gray_btn:hover {
    background-color: #d8d8d8;
}

.sing_up_success_btn {
    cursor: pointer;
}

.sing_up_success_btn:hover {
    background-color: #5db307;
}

/* ---- email_login（scope，避免影響其他頁共享的 class/id）---- */
.p-email-login .login_page_concent_main {
    overflow: auto;
    height: 90% !important;
    min-height: initial;
}

.p-email-login .login_input_keyboard {
    cursor: pointer;
}

.p-email-login .ui-keyboard span {
    font-size: 1.1em;
}

/* #black_domain_block 為 email_login 專屬 id */
#black_domain_block {
    padding: 0 0 20px 0;
}

@media screen and (max-width: 640px) {
    .p-email-login #email {
        width: 100%;
    }
}

/* ---- forgotpwd（scope）---- */
.p-forgotpwd .signup_input_list {
    max-width: 312px;
    padding: 0;
}

.p-forgotpwd .login_page_error_text01 {
    width: 75%;
    margin: 10px auto;
    height: auto;
}

@media screen and (max-width: 640px) {
    .p-forgotpwd #email {
        width: 256px;
    }
}

/* ---- register（scope，.sign_up_error_text01 為與 email_login 共享的 class）---- */
.p-register .sign_up_error_text01 {
    height: 100%;
}

@media screen and (max-width: 640px) {
    .p-register #email {
        width: 256px;
    }

    .p-register .signup_input_list {
        max-width: 312px;
        padding: 0;
    }
}