/* 註冊頁面地球主題 CSS */
/* Earth Register Theme CSS */

/* 註冊頁面地球主題 - 導航欄 */
.earth-theme .navbar-light.bg-light {
    background-color: #A52A2A !important;
    border-bottom: 1px solid #DC143C;
}

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

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

/* 註冊頁面地球主題 - 主內容區域 */
.earth-theme .registerMain {
    background-color: #8B0000 !important;
    color: #FFD700 !important;
}

/* 註冊頁面地球主題 - 表單 */
.earth-theme .form-control {
    background-color: #A52A2A !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

.earth-theme .form-control:focus {
    background-color: #A52A2A !important;
    color: #FFD700 !important;
    border-color: #FFA500 !important;
    box-shadow: 0 0 5px #FFA500 !important;
}

.earth-theme .form-label,
.earth-theme .col-form-label,
.earth-theme label {
    color: #FFD700 !important;
}

/* 註冊頁面地球主題 - 按鈕 */
.earth-theme .btn {
    background-color: #FFA500 !important;
    color: #8B0000 !important;
    border: 1px solid #FFA500 !important;
}

.earth-theme .btn:hover {
    background-color: #FF8C00 !important;
    border-color: #FF8C00 !important;
}

.earth-theme .btn-secondary {
    background-color: #DC143C !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

.earth-theme .btn-secondary:hover {
    background-color: #B22222 !important;
    border-color: #B22222 !important;
}

/* 註冊頁面地球主題 - 輸入組 */
.earth-theme .input-group-text {
    background-color: #A52A2A !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

/* 註冊頁面地球主題 - 複選框和單選按鈕 */
.earth-theme .form-check-input {
    background-color: #A52A2A !important;
    border: 1px solid #DC143C !important;
}

.earth-theme .form-check-input:checked {
    background-color: #FFA500 !important;
    border-color: #FFA500 !important;
}

.earth-theme .form-check-label {
    color: #FFD700 !important;
}

/* 註冊頁面地球主題 - 表單驗證 */
.earth-theme .form-control.is-valid {
    border-color: #32cd32 !important;
}

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

.earth-theme .valid-feedback {
    color: #32cd32 !important;
}

.earth-theme .invalid-feedback {
    color: #ff6347 !important;
}

/* 註冊頁面地球主題 - 警告框 */
.earth-theme .alert {
    background-color: #A52A2A !important;
    border: 1px solid #DC143C !important;
    color: #FFD700 !important;
}

.earth-theme .alert-success {
    background-color: rgba(50, 205, 50, 0.2) !important;
    border-color: #32cd32 !important;
    color: #90EE90 !important;
}

.earth-theme .alert-danger {
    background-color: rgba(255, 99, 71, 0.2) !important;
    border-color: #ff6347 !important;
    color: #FFB6C1 !important;
}

.earth-theme .alert-warning {
    background-color: rgba(255, 165, 0, 0.2) !important;
    border-color: #FFA500 !important;
    color: #FFFFE0 !important;
}

.earth-theme .alert-info {
    background-color: rgba(135, 206, 235, 0.2) !important;
    border-color: #87CEEB !important;
    color: #E0F6FF !important;
}

/* 註冊頁面地球主題 - 表格 */
.earth-theme .table {
    background-color: #A52A2A !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

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

.earth-theme .table thead th {
    background-color: #8B0000 !important;
    color: #FFD700 !important;
    border-color: #DC143C !important;
}

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

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

/* 註冊頁面地球主題 - 鏈接 */
.earth-theme a {
    color: #FFA500 !important;
}

.earth-theme a:hover {
    color: #FF8C00 !important;
}

/* 註冊頁面地球主題 - 文字 */
.earth-theme h1, .earth-theme h2, .earth-theme h3, 
.earth-theme h4, .earth-theme h5, .earth-theme h6 {
    color: #FFD700 !important;
}

.earth-theme p, .earth-theme div, .earth-theme span {
    color: #FFD700 !important;
}

/* 註冊頁面地球主題 - 輸入框佔位符 */
.earth-theme ::-webkit-input-placeholder {
    color: #DAA520 !important;
}

.earth-theme :-moz-placeholder {
    color: #DAA520 !important;
    opacity: 1;
}

.earth-theme ::-moz-placeholder {
    color: #DAA520 !important;
    opacity: 1;
}

.earth-theme :-ms-input-placeholder {
    color: #DAA520 !important;
}

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

.earth-theme #theme-selector-container .theme_select_btn a:hover {
    background-color: #B22222 !important;
    color: #FFD700 !important;
}

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

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

.earth-theme #theme-selector-container .theme_panel li:hover {
    background-color: #B22222 !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

/* 註冊頁面地球主題 - Banner背景色 */
.earth-theme .home_header_wrap,
.earth-theme .header_body {
    background: linear-gradient(135deg, #A52A2A 0%, #8B0000 100%) !important;
    border-bottom: 1px solid #DC143C !important;
}

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

.earth-theme .home_culture_select a:hover {
    background-color: #B22222 !important;
    color: #FFD700 !important;
}

.earth-theme .culture_panel {
    background: #A52A2A !important;
    border: 1px solid #DC143C !important;
}

.earth-theme .culture_panel ul li {
    color: #FFD700 !important;
}

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