/* 註冊頁面亮色主題 CSS */
/* Light Register Theme CSS */

/* 註冊頁面亮色主題 - 導航欄 */
.light-theme .navbar-light.bg-light {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6;
}

.light-theme .navbar-light .navbar-nav .nav-link {
    color: #495057 !important;
}

.light-theme .navbar-light .navbar-nav .nav-link:hover {
    color: #007bff !important;
}

/* 註冊頁面亮色主題 - 主內容區域 */
.light-theme .registerMain {
    background-color: #ffffff !important;
    color: #212529 !important;
}

/* 註冊頁面亮色主題 - 表單 */
.light-theme .form-control {
    background-color: #ffffff !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
}

.light-theme .form-control:focus {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #007bff !important;
    box-shadow: 0 0 5px #007bff !important;
}

.light-theme .form-label,
.light-theme .col-form-label,
.light-theme label {
    color: #495057 !important;
}

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

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

.light-theme .btn-secondary {
    background-color: #6c757d !important;
    color: #ffffff !important;
    border: 1px solid #6c757d !important;
}

.light-theme .btn-secondary:hover {
    background-color: #545b62 !important;
    border-color: #545b62 !important;
}

/* 註冊頁面亮色主題 - 輸入組 */
.light-theme .input-group-text {
    background-color: #e9ecef !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
}

/* 註冊頁面亮色主題 - 複選框和單選按鈕 */
.light-theme .form-check-input {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
}

.light-theme .form-check-input:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.light-theme .form-check-label {
    color: #495057 !important;
}

/* 註冊頁面亮色主題 - 表單驗證 */
.light-theme .form-control.is-valid {
    border-color: #28a745 !important;
}

.light-theme .form-control.is-invalid {
    border-color: #dc3545 !important;
}

.light-theme .valid-feedback {
    color: #28a745 !important;
}

.light-theme .invalid-feedback {
    color: #dc3545 !important;
}

/* 註冊頁面亮色主題 - 警告框 */
.light-theme .alert {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #495057 !important;
}

.light-theme .alert-success {
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    color: #155724 !important;
}

.light-theme .alert-danger {
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    color: #721c24 !important;
}

.light-theme .alert-warning {
    background-color: #fff3cd !important;
    border-color: #ffeaa7 !important;
    color: #856404 !important;
}

.light-theme .alert-info {
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
    color: #0c5460 !important;
}

/* 註冊頁面亮色主題 - 表格 */
.light-theme .table {
    background-color: #ffffff !important;
    color: #495057 !important;
    border: 1px solid #dee2e6 !important;
}

.light-theme .table th,
.light-theme .table td {
    border-color: #dee2e6 !important;
}

.light-theme .table thead th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
}

.light-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa !important;
}

.light-theme .table-hover tbody tr:hover {
    background-color: #e9ecef !important;
}

/* 註冊頁面亮色主題 - 鏈接 */
.light-theme a {
    color: #007bff !important;
}

.light-theme a:hover {
    color: #0056b3 !important;
}

/* 註冊頁面亮色主題 - 文字 */
.light-theme h1, .light-theme h2, .light-theme h3, 
.light-theme h4, .light-theme h5, .light-theme h6 {
    color: #212529 !important;
}

.light-theme p, .light-theme div, .light-theme span {
    color: #495057 !important;
}

/* 註冊頁面亮色主題 - 輸入框佔位符 */
.light-theme ::-webkit-input-placeholder {
    color: #6c757d !important;
}

.light-theme :-moz-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.light-theme ::-moz-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.light-theme :-ms-input-placeholder {
    color: #6c757d !important;
}

/* 註冊頁面亮色主題 - 主題選擇器 */
.light-theme #theme-selector-container .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-container .theme_select_btn a:hover {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.light-theme #theme-selector-container .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-container .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-container .theme_panel li:hover {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
}

/* 註冊頁面亮色主題 - Banner背景色 */
.light-theme .home_header_wrap,
.light-theme .header_body {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-bottom: 1px solid #dee2e6 !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;
}

/* 註冊頁面亮色主題 - 響應式調整 */
@media screen and (max-width: 768px) {
    .light-theme .registerMain {
        width: calc(100% - 20px) !important;
        margin: 0 auto !important;
    }
}