/* (位於 assets/is-quick-login.css) */

/* 按鈕外層容器 - 使用 Flexbox 置中 */
.ql-login-container {
    display: flex;
    flex-direction: column; /* 讓按鈕垂直排列 */
    align-items: center;    /* 水平置中對齊 */
    justify-content: center;/* 垂直置中對齊 */
    gap: 15px;              /* 設定按鈕之間的間距 */
    padding: 20px 0;        /* 上下留點空白 */
    width: 100%;            /* 佔滿彈窗寬度 */
}

/* Google 按鈕容器 */
#ql-google-btn {
    /* 確保容器本身也是置中的，雖然 Flex 已處理，但加這行更保險 */
    margin: 0 auto; 
}

/* Apple 按鈕容器 */
#ql-apple-btn {
    /* 確保 Apple 按鈕容器寬度與 Google 一致，這樣置中才好看 */
    width: 320px; 
    margin: 0 auto;
    cursor: pointer; /* 確保滑鼠移上去有手指形狀 */
}

/* (重要) 強制 Apple 內部的元素也要顯示手指游標 */
#appleid-signin-button div,
#appleid-signin iframe {
    cursor: pointer !important;
}