/* 關於視窗的統一style */
@import url("./windows.css");

/* 登入視窗 */
@import url("./login.css");

/* 忘記密碼視窗 */
@import url("./forget.css");

/* 註冊視窗 */
@import url("./register.css");

/* 三方登入錯誤switch視窗 */
@import url("./switch_login.css");

/* ========= 提示視窗 start ========= */

#message_windows.login_warning_style .windows_content .btn_group .btn_style {
    padding: 8px 14px;
    font-size: var(--font-small-size, 0.875rem);
    border-radius: 6px;
    color: var(--textlightColor, #363636);
    background: var(--lightGreyColor, #F2F2F2);
    border: 2px solid var(--lightGreyColor, #F2F2F2);
}

#message_windows.login_warning_style .windows_content .btn_group .btn_style:hover {
    border: 2px solid #DDD;
}

#message_windows.login_warning_style .windows_content .msg {
    margin-block: 38px 20px;
}

#message_windows.login_warning_style .windows_content .close_btn,
#message_windows.login_warning_style .windows_content .btn_group .refuse {
    display: none;
}

#message_windows .fa-info-circle {
    /* background: url(../../images/svg/Infoalert.svg) no-repeat;*/
    color: rgb(216, 35, 22);
    background-size: contain;
}

/* ========= 提示視窗 end ========= */

/* ========= 標題確認視窗 start ========= */
#message_windows.title_alert_style .windows_content header {
    display: flex;
    align-items: center;
    color: var(--textlightColor, #363636);
    font-size: var(--font-normal-size, 1rem);
    font-weight: 600;
    margin: 0;
    margin-bottom: 28px;
}

#message_windows.title_alert_style .my.windows_content header {
    align-items: flex-start;
    gap: 6px;
    margin-block: 5px 22px;
}

#message_windows.title_alert_style .my.windows_content header span {
    line-height: 1.6rem;
}

#message_windows.title_alert_style .my.windows_content .msg div {
    font-size: 0.875rem;
    line-height: 1.9rem;
}

#message_windows.title_alert_style .fa-info-circle {
    width: 24px;
    height: 24px;
}

#message_windows.title_alert_style .windows_content .msg {
    min-height: auto;
}

#message_windows.title_alert_style .windows_content .btn_group .btn_style {
    padding: 8px 14px;
    font-size: var(--font-small-size, 0.875rem);
    border-radius: 6px;
    color: #999;
}

#message_windows.title_alert_style .windows_content .btn_group .btn_style.confirm {
    color: #FFFFFF;
    background: var(--alertColor, #D82316);
}

/* ========= 標題確認視窗 end ========= */
/* 眼睛按鈕 */
:where(#login_windows, #signup_windows, #forget_windows) .show_pswd {
    cursor: pointer;
}

:where(#login_windows, #signup_windows, #forget_windows, #switch_login_windows) .show_pswd:hover {
    color: var(--mainColor, #FFBD27);
}