/* 註冊頁面塵封主題 CSS */
/* Dusty Register Theme CSS */

/* 註冊頁面塵封主題 - 導航欄 */
.dusty-theme .navbar-light.bg-light {
    background-color: #5d4037 !important;
    border-bottom: 1px solid #a1887f;
}

.dusty-theme .navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}

.dusty-theme .navbar-light .navbar-nav .nav-link:hover {
    color: #ffc107 !important;
}

/* 註冊頁面塵封主題 - 主內容區域 */
.dusty-theme .registerMain {
    background-color: #3e2723 !important;
    color: #ffffff !important;
}

/* 註冊頁面塵封主題 - 表單 */
.dusty-theme .form-control {
    background-color: #5d4037 !important;
    color: #ffffff !important;
    border: 1px solid #a1887f !important;
}

.dusty-theme .form-control:focus {
    background-color: #5d4037 !important;
    color: #ffffff !important;
    border-color: #ffc107 !important;
    box-shadow: 0 0 5px #ffc107 !important;
}

.dusty-theme .form-label,
.dusty-theme .col-form-label,
.dusty-theme label {
    color: #ffffff !important;
}

/* 註冊頁面塵封主題 - 按鈕 */
.dusty-theme .btn {
    background-color: #ffc107 !important;
    color: #3e2723 !important;
    border: 1px solid #ffc107 !important;
}

.dusty-theme .btn:hover {
    background-color: #ffca28 !important;
    border-color: #ffca28 !important;
}

.dusty-theme .btn-secondary {
    background-color: #a1887f !important;
    color: #ffffff !important;
    border: 1px solid #a1887f !important;
}

.dusty-theme .btn-secondary:hover {
    background-color: #8d6e63 !important;
    border-color: #8d6e63 !important;
}

/* 註冊頁面塵封主題 - 輸入組 */
.dusty-theme .input-group-text {
    background-color: #5d4037 !important;
    color: #ffffff !important;
    border: 1px solid #a1887f !important;
}

/* 註冊頁面塵封主題 - 複選框和單選按鈕 */
.dusty-theme .form-check-input {
    background-color: #5d4037 !important;
    border: 1px solid #a1887f !important;
}

.dusty-theme .form-check-input:checked {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.dusty-theme .form-check-label {
    color: #ffffff !important;
}

/* 註冊頁面塵封主題 - 表單驗證 */
.dusty-theme .form-control.is-valid {
    border-color: #4caf50 !important;
}

.dusty-theme .form-control.is-invalid {
    border-color: #f44336 !important;
}

.dusty-theme .valid-feedback {
    color: #4caf50 !important;
}

.dusty-theme .invalid-feedback {
    color: #f44336 !important;
}

/* 註冊頁面塵封主題 - 警告框 */
.dusty-theme .alert {
    background-color: #5d4037 !important;
    border: 1px solid #a1887f !important;
    color: #ffffff !important;
}

.dusty-theme .alert-success {
    background-color: rgba(76, 175, 80, 0.2) !important;
    border-color: #4caf50 !important;
    color: #a5d6a7 !important;
}

.dusty-theme .alert-danger {
    background-color: rgba(244, 67, 54, 0.2) !important;
    border-color: #f44336 !important;
    color: #ef9a9a !important;
}

.dusty-theme .alert-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    border-color: #ffc107 !important;
    color: #fff176 !important;
}

.dusty-theme .alert-info {
    background-color: rgba(141, 110, 99, 0.2) !important;
    border-color: #a1887f !important;
    color: #d7ccc8 !important;
}

/* 註冊頁面塵封主題 - 表格 */
.dusty-theme .table {
    background-color: #5d4037 !important;
    color: #ffffff !important;
    border: 1px solid #a1887f !important;
}

.dusty-theme .table th,
.dusty-theme .table td {
    border-color: #a1887f !important;
}

.dusty-theme .table thead th {
    background-color: #3e2723 !important;
    color: #ffffff !important;
    border-color: #a1887f !important;
}

.dusty-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #5d4037 !important;
}

.dusty-theme .table-hover tbody tr:hover {
    background-color: #8d6e63 !important;
}

/* 註冊頁面塵封主題 - 鏈接 */
.dusty-theme a {
    color: #ffc107 !important;
}

.dusty-theme a:hover {
    color: #ffca28 !important;
}

/* 註冊頁面塵封主題 - 文字 */
.dusty-theme h1, .dusty-theme h2, .dusty-theme h3, 
.dusty-theme h4, .dusty-theme h5, .dusty-theme h6 {
    color: #ffffff !important;
}

.dusty-theme p, .dusty-theme div, .dusty-theme span {
    color: #ffffff !important;
}

/* 註冊頁面塵封主題 - 輸入框佔位符 */
.dusty-theme ::-webkit-input-placeholder {
    color: #d7ccc8 !important;
}

.dusty-theme :-moz-placeholder {
    color: #d7ccc8 !important;
    opacity: 1;
}

.dusty-theme ::-moz-placeholder {
    color: #d7ccc8 !important;
    opacity: 1;
}

.dusty-theme :-ms-input-placeholder {
    color: #d7ccc8 !important;
}

/* 註冊頁面塵封主題 - 主題選擇器 */
.dusty-theme #theme-selector-container .theme_select_btn a {
    color: #ffffff !important;
    background-color: rgba(93, 64, 55, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #a1887f !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.dusty-theme #theme-selector-container .theme_select_btn a:hover {
    background-color: #8d6e63 !important;
    color: #ffffff !important;
}

.dusty-theme #theme-selector-container .theme_panel {
    background: #5d4037 !important;
    border: 1px solid #a1887f !important;
}

.dusty-theme #theme-selector-container .theme_panel li {
    color: #ffffff !important;
}

.dusty-theme #theme-selector-container .theme_panel li:hover {
    background-color: #8d6e63 !important;
}

/* 註冊頁面塵封主題 - Banner背景色 */
.dusty-theme .home_header_wrap,
.dusty-theme .header_body {
    background: linear-gradient(135deg, #5d4037 0%, #3e2723 100%) !important;
    border-bottom: 1px solid #a1887f !important;
}

/* 註冊頁面塵封主題 - 語系選擇器 */
.dusty-theme .home_culture_select a {
    color: #ffffff !important;
    background-color: rgba(93, 64, 55, 0.9) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #a1887f !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.dusty-theme .home_culture_select a:hover {
    background-color: #8d6e63 !important;
    color: #ffffff !important;
}

.dusty-theme .culture_panel {
    background: #5d4037 !important;
    border: 1px solid #a1887f !important;
}

.dusty-theme .culture_panel ul li {
    color: #ffffff !important;
}

/* 註冊頁面塵封主題 - 響應式調整 */
@media screen and (max-width: 768px) {
    .dusty-theme .registerMain {
        width: calc(100% - 20px) !important;
        margin: 0 auto !important;
    }
}
