/* 登入頁面地球主題 CSS */
/* Earth Login Theme CSS - Red Background with Yellow Text */

/* 登入頁面地球主題 */
.earth-theme .docs-body {
    background: linear-gradient(to bottom, #8B0000 0%, #A52A2A 100%) !important;
    background: -moz-linear-gradient(top, #8B0000 0%, #A52A2A 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #8B0000), color-stop(100%, #A52A2A)) !important;
    background: -webkit-linear-gradient(top, #8B0000 0%, #A52A2A 100%) !important;
    background: -o-linear-gradient(top, #8B0000 0%, #A52A2A 100%) !important;
    background: -ms-linear-gradient(top, #8B0000 0%, #A52A2A 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B0000', endColorstr='#A52A2A', GradientType=0) !important;
}

/* 登入頁面底部地球主題 */
.earth-theme .docs-footer {
    background-color: #A52A2A !important;
    color: #FFA500 !important;
}

/* 登入標題地球主題 - 保持商標文字原樣 */
/* .earth-theme .login-title {
    color: #FFD700 !important;
} */

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

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

/* 登入容器地球主題 */
.earth-theme .docs-login-wrapper {
    background-color: #A52A2A !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

/* 左側包裝器地球主題 - 保持商標區域原樣 */
/* .earth-theme .left-wrapper {
    background-color: #B22222 !important; 
    background: linear-gradient(135deg, #B22222 0%, #8B0000 100%) !important;
} */

/* 右側包裝器地球主題 */
.earth-theme .right-wrapper {
    background-color: #A52A2A !important;
}

/* 登入標題地球主題 */
.earth-theme .docs-login-header {
    color: #FFD700 !important;
}

/* 表單組地球主題 */
.earth-theme .docs-form-group {
    color: #FFD700 !important;
}

/* 輸入框包裝器地球主題 */
.earth-theme .docs-textbox-wrap {
    border: 1px solid #DC143C !important;
    background-color: #B22222 !important;
}

.earth-theme .docs-textbox {
    background-color: #B22222 !important;
    color: #FFD700 !important;
    border: 0 !important;
}

.earth-theme .docs-textbox::placeholder {
    color: #DAA520 !important;
}

/* 按鈕樣式地球主題 */
.earth-theme .docs-btn {
    background-color: #FF6347 !important;
    color: #FFD700 !important;
    border: 1px solid #FF6347 !important;
}

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

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

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

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

/* 主題選擇器地球主題 */
.earth-theme #theme-selector .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 .theme_select_btn a:hover {
    background-color: #B22222 !important;
    color: #FFD700 !important;
}

.earth-theme #theme-selector .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 .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 .theme_panel li:hover {
    background-color: #B22222 !important;
    color: #FFD700 !important;
    border: 1px solid #DC143C !important;
}

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

/* 響應式調整地球主題 - 保持商標區域原樣 */
@media only screen and (max-width: 1024px) {
    /* .earth-theme .left-wrapper {
        background: linear-gradient(180deg, #B22222 0%, #8B0000 100%) !important;
    } */
}

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

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