/* 登入頁面塵封主題 CSS - 咖啡色白字暗色調，深淺區別 */
/* Dusty Login Theme CSS - Brown Background with White Text, Dark Tone with Light/Dark Variations */

/* 登入頁面塵封主題 */
.dusty-theme .docs-body {
    background: linear-gradient(to bottom, #3e2723 0%, #5d4037 100%) !important;
    background: -moz-linear-gradient(top, #3e2723 0%, #5d4037 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e2723), color-stop(100%, #5d4037)) !important;
    background: -webkit-linear-gradient(top, #3e2723 0%, #5d4037 100%) !important;
    background: -o-linear-gradient(top, #3e2723 0%, #5d4037 100%) !important;
    background: -ms-linear-gradient(top, #3e2723 0%, #5d4037 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e2723', endColorstr='#5d4037', GradientType=0) !important;
}

/* 登入頁面底部塵封主題 */
.dusty-theme .docs-footer {
    background-color: #5d4037 !important;
    color: #efebe9 !important;
}

/* 登入標題塵封主題 - 保持商標文字原樣 */
/* .dusty-theme .login-title {
    color: #ffc107 !important;
} */

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

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

/* 登入容器塵封主題 */
.dusty-theme .docs-login-wrapper {
    background-color: #5d4037 !important;
    color: #ffffff !important; /* 白色 */
    border: 1px solid #a1887f !important;
}

/* 左側包裝器塵封主題 - 保持商標區域原樣 */
/* .dusty-theme .left-wrapper {
    background-color: #8d6e63 !important;
    background: linear-gradient(135deg, #8d6e63 0%, #3e2723 100%) !important;
} */

/* 右側包裝器塵封主題 */
.dusty-theme .right-wrapper {
    background-color: #5d4037 !important;
}

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

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

/* 輸入框包裝器塵封主題 */
.dusty-theme .docs-textbox-wrap {
    border: 1px solid #a1887f !important;
    background-color: #8d6e63 !important;
}

.dusty-theme .docs-textbox {
    background-color: #8d6e63 !important;
    color: #ffffff !important; /* 白色 */
    border: 0 !important;
}

.dusty-theme .docs-textbox::placeholder {
    color: #d7ccc8 !important; /* 淺咖啡色 */
}

/* 按鈕樣式塵封主題 - 使用強調色點綴 */
.dusty-theme .docs-btn {
    background-color: #ffc107 !important; /* 琥珀色點綴 */
    color: #3e2723 !important; /* 深咖啡色 */
    border: 1px solid #ffc107 !important;
}

.dusty-theme .docs-btn:hover {
    background-color: #ffca28 !important; /* 淺琥珀色 */
    border-color: #ffca28 !important;
}

.dusty-theme .docs-btn.no-background-color {
    border: 1px solid #a1887f !important; /* 咖啡色點綴 */
    background-color: transparent !important;
    color: #ffffff !important; /* 白色 */
}

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

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

/* 主題選擇器塵封主題 */
.dusty-theme #theme-selector .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 .theme_select_btn a:hover {
    background-color: #8d6e63 !important;
    color: #ffffff !important;
}

.dusty-theme #theme-selector .theme_panel {
    background: #5d4037 !important;
    border: 1px solid #a1887f !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

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

.dusty-theme #theme-selector .theme_panel li:hover {
    background-color: #8d6e63 !important;
    color: #ffffff !important;
    border: 1px solid #a1887f !important;
}

/* 塵封主題 - Banner背景色 */
.dusty-theme .right-top-wrapper {
    background: linear-gradient(135deg, #5d4037 0%, #3e2723 100%) !important;
    border-bottom: 1px solid #a1887f !important;
}

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

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

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