/* 註冊頁面物種主題 CSS */
/* Species Register Theme CSS */

/* 註冊頁面物種主題 - 導航欄 */
.species-theme .navbar-light.bg-light {
    background-color: #4a2c8a !important;
    border-bottom: 1px solid #8e24aa;
}

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

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

/* 註冊頁面物種主題 - 主內容區域 */
.species-theme .registerMain {
    background-color: #2d1b69 !important;
    color: #ffffff !important;
}

/* 註冊頁面物種主題 - 表單 */
.species-theme .form-control {
    background-color: #4a2c8a !important;
    color: #ffffff !important;
    border: 1px solid #8e24aa !important;
}

.species-theme .form-control:focus {
    background-color: #4a2c8a !important;
    color: #ffffff !important;
    border-color: #ffeb3b !important;
    box-shadow: 0 0 5px #ffeb3b !important;
}

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

/* 註冊頁面物種主題 - 按鈕 */
.species-theme .btn {
    background-color: #ffeb3b !important;
    color: #2d1b69 !important;
    border: 1px solid #ffeb3b !important;
}

.species-theme .btn:hover {
    background-color: #fff176 !important;
    border-color: #fff176 !important;
}

.species-theme .btn-secondary {
    background-color: #8e24aa !important;
    color: #ffffff !important;
    border: 1px solid #8e24aa !important;
}

.species-theme .btn-secondary:hover {
    background-color: #7b1fa2 !important;
    border-color: #7b1fa2 !important;
}

/* 註冊頁面物種主題 - 輸入組 */
.species-theme .input-group-text {
    background-color: #4a2c8a !important;
    color: #ffffff !important;
    border: 1px solid #8e24aa !important;
}

/* 註冊頁面物種主題 - 複選框和單選按鈕 */
.species-theme .form-check-input {
    background-color: #4a2c8a !important;
    border: 1px solid #8e24aa !important;
}

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

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

/* 註冊頁面物種主題 - 表單驗證 */
.species-theme .form-control.is-valid {
    border-color: #4caf50 !important;
}

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

.species-theme .valid-feedback {
    color: #4caf50 !important;
}

.species-theme .invalid-feedback {
    color: #f44336 !important;
}

/* 註冊頁面物種主題 - 警告框 */
.species-theme .alert {
    background-color: #4a2c8a !important;
    border: 1px solid #8e24aa !important;
    color: #ffffff !important;
}

.species-theme .alert-success {
    background-color: rgba(76, 175, 80, 0.2) !important;
    border-color: #4caf50 !important;
    color: #a5d6a7 !important;
}

.species-theme .alert-danger {
    background-color: rgba(244, 67, 54, 0.2) !important;
    border-color: #f44336 !important;
    color: #ef9a9a !important;
}

.species-theme .alert-warning {
    background-color: rgba(255, 235, 59, 0.2) !important;
    border-color: #ffeb3b !important;
    color: #fff176 !important;
}

.species-theme .alert-info {
    background-color: rgba(142, 36, 170, 0.2) !important;
    border-color: #8e24aa !important;
    color: #ce93d8 !important;
}

/* 註冊頁面物種主題 - 表格 */
.species-theme .table {
    background-color: #4a2c8a !important;
    color: #ffffff !important;
    border: 1px solid #8e24aa !important;
}

.species-theme .table th,
.species-theme .table td {
    border-color: #8e24aa !important;
}

.species-theme .table thead th {
    background-color: #2d1b69 !important;
    color: #ffffff !important;
    border-color: #8e24aa !important;
}

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

.species-theme .table-hover tbody tr:hover {
    background-color: #6a4c93 !important;
}

/* 註冊頁面物種主題 - 鏈接 */
.species-theme a {
    color: #ffeb3b !important;
}

.species-theme a:hover {
    color: #fff176 !important;
}

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

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

/* 註冊頁面物種主題 - 輸入框佔位符 */
.species-theme ::-webkit-input-placeholder {
    color: #ce93d8 !important;
}

.species-theme :-moz-placeholder {
    color: #ce93d8 !important;
    opacity: 1;
}

.species-theme ::-moz-placeholder {
    color: #ce93d8 !important;
    opacity: 1;
}

.species-theme :-ms-input-placeholder {
    color: #ce93d8 !important;
}

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

.species-theme #theme-selector-container .theme_select_btn a:hover {
    background-color: #6a4c93 !important;
    color: #ffffff !important;
}

.species-theme #theme-selector-container .theme_panel {
    background: #4a2c8a !important;
    border: 1px solid #8e24aa !important;
}

.species-theme #theme-selector-container .theme_panel li {
    color: #ffffff !important;
}

.species-theme #theme-selector-container .theme_panel li:hover {
    background-color: #6a4c93 !important;
}

/* 註冊頁面物種主題 - Banner背景色 */
.species-theme .home_header_wrap,
.species-theme .header_body {
    background: linear-gradient(135deg, #4a2c8a 0%, #2d1b69 100%) !important;
    border-bottom: 1px solid #8e24aa !important;
}

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

.species-theme .home_culture_select a:hover {
    background-color: #6a4c93 !important;
    color: #ffffff !important;
}

.species-theme .culture_panel {
    background: #4a2c8a !important;
    border: 1px solid #8e24aa !important;
}

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

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