/* 註冊頁面暗色主題 CSS */
/* Dark Register Theme CSS */

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

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

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

/* 註冊頁面暗色主題 - 主內容區域 */
.dark-theme .registerMain {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* 註冊頁面暗色主題 - 表單 */
.dark-theme .form-control {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
}

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

.dark-theme .form-label,
.dark-theme .col-form-label,
.dark-theme label {
    color: #ffffff !important;
}

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

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

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

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

/* 註冊頁面暗色主題 - 輸入組 */
.dark-theme .input-group-text {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
}

/* 註冊頁面暗色主題 - 複選框和單選按鈕 */
.dark-theme .form-check-input {
    background-color: #2d2d2d !important;
    border: 1px solid #555555 !important;
}

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

.dark-theme .form-check-label {
    color: #ffffff !important;
}

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

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

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

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

/* 註冊頁面暗色主題 - 警告框 */
.dark-theme .alert {
    background-color: #2d2d2d !important;
    border: 1px solid #555555 !important;
    color: #ffffff !important;
}

.dark-theme .alert-success {
    background-color: rgba(40, 167, 69, 0.2) !important;
    border-color: #28a745 !important;
    color: #d4edda !important;
}

.dark-theme .alert-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    border-color: #dc3545 !important;
    color: #f8d7da !important;
}

.dark-theme .alert-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    border-color: #ffc107 !important;
    color: #fff3cd !important;
}

.dark-theme .alert-info {
    background-color: rgba(23, 162, 184, 0.2) !important;
    border-color: #17a2b8 !important;
    color: #d1ecf1 !important;
}

/* 註冊頁面暗色主題 - 表格 */
.dark-theme .table {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
}

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

.dark-theme .table thead th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

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

.dark-theme .table-hover tbody tr:hover {
    background-color: #3a3a3a !important;
}

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

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

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

.dark-theme p, .dark-theme div, .dark-theme span {
    color: #ffffff !important;
}

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

.dark-theme :-moz-placeholder {
    color: #888888 !important;
    opacity: 1;
}

.dark-theme ::-moz-placeholder {
    color: #888888 !important;
    opacity: 1;
}

.dark-theme :-ms-input-placeholder {
    color: #888888 !important;
}

/* 註冊頁面暗色主題 - 主題選擇器 */
.dark-theme #theme-selector-container .theme_select_btn a {
    color: #ffffff !important;
    background-color: rgba(45, 45, 45, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #555555 !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.dark-theme #theme-selector-container .theme_select_btn a:hover {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

.dark-theme #theme-selector-container .theme_panel {
    background: #2d2d2d !important;
    border: 1px solid #555555 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

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

.dark-theme #theme-selector-container .theme_panel li:hover {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
}

/* 註冊頁面暗色主題 - Banner背景色 */
.dark-theme .home_header_wrap,
.dark-theme .header_body {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
    border-bottom: 1px solid #555555 !important;
}

/* 註冊頁面暗色主題 - 語系選擇器 */
.dark-theme .home_culture_select a {
    color: #ffffff !important;
    background-color: rgba(45, 45, 45, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #555555 !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.dark-theme .home_culture_select a:hover {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

.dark-theme .culture_panel {
    background: #2d2d2d !important;
    border: 1px solid #555555 !important;
}

.dark-theme .culture_panel ul li {
    color: #ffffff !important;
}

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