/* 登入頁面亮色主題 CSS */
/* Light Login Theme CSS */

/* 登入頁面亮色主題 */
.light-theme .docs-body {
    background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%) !important;
    background: -moz-linear-gradient(top, #f8f9fa 0%, #e9ecef 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #e9ecef)) !important;
    background: -webkit-linear-gradient(top, #f8f9fa 0%, #e9ecef 100%) !important;
    background: -o-linear-gradient(top, #f8f9fa 0%, #e9ecef 100%) !important;
    background: -ms-linear-gradient(top, #f8f9fa 0%, #e9ecef 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f9fa', endColorstr='#e9ecef', GradientType=0) !important;
}

/* 登入頁面底部亮色主題 */
.light-theme .docs-footer {
    background-color: #e9ecef !important;
    color: #495057 !important;
}

/* 登入標題亮色主題 - 保持商標文字原樣 */
/* .light-theme .login-title {
    color: #212529 !important;
} */

/* 登入標題中的鏈接亮色主題 */
.light-theme .login-title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.light-theme .login-title a:hover {
    color: #f8f9fa !important;
}

/* 登入容器亮色主題 */
.light-theme .docs-login-wrapper {
    background-color: #ffffff !important;
    color: #495057 !important;
    border: 1px solid #dee2e6 !important;
}

/* 左側包裝器亮色主題 - 保持商標區域原樣 */
/* .light-theme .left-wrapper {
    background-color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
} */

/* 右側包裝器亮色主題 */
.light-theme .right-wrapper {
    background-color: #ffffff !important;
}

/* 登入標題亮色主題 */
.light-theme .docs-login-header {
    color: #212529 !important;
}

/* 表單組亮色主題 */
.light-theme .docs-form-group {
    color: #495057 !important;
}

/* 輸入框包裝器亮色主題 */
.light-theme .docs-textbox-wrap {
    border: 1px solid #ced4da !important;
    background-color: #ffffff !important;
}

.light-theme .docs-textbox {
    background-color: #ffffff !important;
    color: #495057 !important;
    border: 0 !important;
}

.light-theme .docs-textbox::placeholder {
    color: #6c757d !important;
}

/* 按鈕樣式亮色主題 */
.light-theme .docs-btn {
    background-color: #007bff !important;
    color: #ffffff !important;
    border: 1px solid #007bff !important;
}

.light-theme .docs-btn:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

.light-theme .docs-btn.no-background-color {
    border: 1px solid #ced4da !important;
    background-color: transparent !important;
    color: #495057 !important;
}

/* 忘記密碼和註冊鏈接亮色主題 */
.light-theme #forget-password,
.light-theme a[href*="Register"] {
    color: #007bff !important;
}

.light-theme #forget-password:hover,
.light-theme a[href*="Register"]:hover {
    color: #0056b3 !important;
}

/* 文化選擇亮色主題 */
.light-theme .home_culture_select a {
    color: #495057 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #dee2e6 !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.light-theme .home_culture_select a:hover {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.light-theme .culture_panel {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

.light-theme .culture_panel ul li {
    color: #495057 !important;
}

/* 主題選擇器亮色主題 */
.light-theme #theme-selector .theme_select_btn a {
    color: #495057 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #dee2e6 !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.light-theme #theme-selector .theme_select_btn a:hover {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.light-theme #theme-selector .theme_panel {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.light-theme #theme-selector .theme_panel li {
    color: #495057 !important;
    background-color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    margin: 2px 0 !important;
    border: 1px solid transparent !important;
}

.light-theme #theme-selector .theme_panel li:hover {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
}

/* 亮色主題 - Banner背景色 */
.light-theme .right-top-wrapper {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-bottom: 1px solid #dee2e6 !important;
}

/* 響應式調整亮色主題 - 保持商標區域原樣 */
@media only screen and (max-width: 1024px) {
    /* .light-theme .left-wrapper {
        background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
    } */
}

@media only screen and (max-width: 560px) {
    .light-theme .docs-login-wrapper {
        background-color: #ffffff !important;
    }
}

@media only screen and (max-width: 320px) {
    .light-theme .login-title {
        color: #212529 !important;
    }
}