/* login-custom.css 檔案內容 */

/* 處理容器邊距 */
.top-margin {
    margin-top: 40px;
}

/* 處理連結字體大小 */
.home-link {
    font-size: 1.0rem;
}

/* 處理 logo 容器和圖片樣式 */
.logo-container {
    width: 100%;
}

.logo-image {
    max-width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 處理標題字體大小 */
.login-title {
    font-size: 1.5rem;
}

/* 處理密碼輸入框高度 */
.pwd-input {
    height: 48px;
}

/* 處理按鈕寬度 */
.btn-width-120 {
    width: 120px;
}

/* 處理隱藏元素 */
.hidden-element {
    display: none;
}

/* 來自原本 <style> 區塊的樣式 */
.ErrMsg {
    color: red;
}

.custom-card {
    border: 3px solid #166f5a !important;
}

#emailLoginBtn {
    background-color: #96414E;
    color: #fff;
    border: none;
}

#emailLoginBtn:hover,
#emailLoginBtn:focus {
    background-color: #73313b;
    color: #fff;
}

.form-check-input[type="checkbox"] {
    border-width: 2px;
    border-color: #808080;
    /* 一個較深的灰色 */
}

/* * 勾選後的狀態
 * 讓邊框和背景都使用您的主題綠色，保持一致性
 */
.form-check-input[type="checkbox"]:checked {
    background-color: #166f5a;
    border-color: #166f5a;
}

/* * 焦點狀態 (當使用者用鍵盤 Tab 或滑鼠點擊時)
 * 顯示一個綠色的光暈效果，提升可及性 (Accessibility)
 */
.form-check-input[type="checkbox"]:focus {
    border-color: #166f5a;
    box-shadow: 0 0 0 0.25rem rgba(22, 111, 90, 0.25);
    /* 綠色光暈 */
}