/* 登入頁面物種主題 CSS - 紫底白字暗色調 */
/* Species Login Theme CSS - Purple Background with White Text, Dark Tone */

/* 登入頁面物種主題 */
.species-theme .docs-body {
    background: linear-gradient(to bottom, #2d1b69 0%, #4a2c8a 100%) !important;
    background: -moz-linear-gradient(top, #2d1b69 0%, #4a2c8a 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2d1b69), color-stop(100%, #4a2c8a)) !important;
    background: -webkit-linear-gradient(top, #2d1b69 0%, #4a2c8a 100%) !important;
    background: -o-linear-gradient(top, #2d1b69 0%, #4a2c8a 100%) !important;
    background: -ms-linear-gradient(top, #2d1b69 0%, #4a2c8a 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d1b69', endColorstr='#4a2c8a', GradientType=0) !important;
}

/* 登入頁面底部物種主題 */
.species-theme .docs-footer {
    background-color: #4a2c8a !important;
    color: #e1bee7 !important;
}

/* 登入標題物種主題 - 保持商標文字原樣 */
/* .species-theme .login-title {
    color: #ffeb3b !important;
} */

/* 登入標題中的鏈接物種主題 */
.species-theme .login-title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.species-theme .login-title a:hover {
    color: #f8f9fa !important;
}

/* 登入容器物種主題 */
.species-theme .docs-login-wrapper {
    background-color: #4a2c8a !important;
    color: #ffffff !important; /* 白色 */
    border: 1px solid #8e24aa !important;
}

/* 左側包裝器物種主題 - 保持商標區域原樣 */
/* .species-theme .left-wrapper {
    background-color: #6a4c93 !important;
    background: linear-gradient(135deg, #6a4c93 0%, #2d1b69 100%) !important;
} */

/* 右側包裝器物種主題 */
.species-theme .right-wrapper {
    background-color: #4a2c8a !important;
}

/* 登入標題物種主題 */
.species-theme .docs-login-header {
    color: #ffffff !important; /* 白色 */
}

/* 表單組物種主題 */
.species-theme .docs-form-group {
    color: #ffffff !important; /* 白色 */
}

/* 輸入框包裝器物種主題 */
.species-theme .docs-textbox-wrap {
    border: 1px solid #8e24aa !important;
    background-color: #6a4c93 !important;
}

.species-theme .docs-textbox {
    background-color: #6a4c93 !important;
    color: #ffffff !important; /* 白色 */
    border: 0 !important;
}

.species-theme .docs-textbox::placeholder {
    color: #ce93d8 !important; /* 淺紫色 */
}

/* 按鈕樣式物種主題 - 使用強調色點綴 */
.species-theme .docs-btn {
    background-color: #ffeb3b !important; /* 亮黃色點綴 */
    color: #2d1b69 !important; /* 深紫色 */
    border: 1px solid #ffeb3b !important;
}

.species-theme .docs-btn:hover {
    background-color: #fff176 !important; /* 淺亮黃色 */
    border-color: #fff176 !important;
}

.species-theme .docs-btn.no-background-color {
    border: 1px solid #8e24aa !important; /* 紫色點綴 */
    background-color: transparent !important;
    color: #ffffff !important; /* 白色 */
}

/* 忘記密碼和註冊鏈接物種主題 */
.species-theme #forget-password,
.species-theme a[href*="Register"] {
    color: #ffeb3b !important;
}

.species-theme #forget-password:hover,
.species-theme a[href*="Register"]:hover {
    color: #fff176 !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; /* 白色 */
}

/* 主題選擇器物種主題 */
.species-theme #theme-selector .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 .theme_select_btn a:hover {
    background-color: #6a4c93 !important;
    color: #ffffff !important;
}

.species-theme #theme-selector .theme_panel {
    background: #4a2c8a !important;
    border: 1px solid #8e24aa !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

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

.species-theme #theme-selector .theme_panel li:hover {
    background-color: #6a4c93 !important;
    color: #ffffff !important;
    border: 1px solid #8e24aa !important;
}

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

/* 響應式調整物種主題 - 保持商標區域原樣 */
@media only screen and (max-width: 1024px) {
    /* .species-theme .left-wrapper {
        background: linear-gradient(180deg, #6a4c93 0%, #2d1b69 100%) !important;
    } */
}

@media only screen and (max-width: 560px) {
    .species-theme .docs-login-wrapper {
        background-color: #4a2c8a !important;
    }
}

@media only screen and (max-width: 320px) {
    /* .species-theme .login-title {
        color: #ffeb3b !important;
    } */
}