/*
 * PC 로그인/회원가입/계정문의 팝업 색상 테마
 * 레이아웃과 동작은 유지하고 색상만 정글북 팔레트로 덮어씁니다.
 */

:root {
    --jungle-dialog-bg-start: #20483b;
    --jungle-dialog-bg-end: #10261f;
    --jungle-dialog-surface: #16352c;
    --jungle-dialog-input: #07110e;
    --jungle-dialog-green: #315b4a;
    --jungle-dialog-gold: #c69b4b;
    --jungle-dialog-text: #f5efe5;
    --jungle-dialog-muted: #cbd6d0;
}

#sign .loginContainer .wrap2 .box,
.memberLayer.layerLogin,
.memberLayer.layerJoin,
#pop.popup.memberLayer {
    background: linear-gradient(135deg, var(--jungle-dialog-bg-start) 0%, var(--jungle-dialog-bg-end) 100%) !important;
    border: 1px solid rgba(198, 155, 75, 0.88) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(245, 239, 229, 0.08) !important;
}

#sign .loginContainer .wrap2 .box {
    border-radius: 10px !important;
}

#sign .loginContainer .wrap2 .box .col,
.memberLayer.layerLogin .layerInner,
.memberLayer.layerJoin .layerInner,
#pop.popup.memberLayer .popup-cont {
    background-color: transparent !important;
}

.memberLayer .layerInner .popLogo p,
.memberLayer.layerLogin .popLogo,
#pop.popup.memberLayer .pop-tit p {
    color: var(--jungle-dialog-gold) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

#pop.popup.memberLayer .pop-tit {
    background: rgba(7, 17, 14, 0.36) !important;
    border-bottom: 1px solid rgba(198, 155, 75, 0.7) !important;
}

.memberLayer .layerInner .cont li .first,
.memberLayer .layerInner .first,
.memberLayer .layerInner label,
#pop.popup.memberLayer .popup-cont,
#pop.popup.memberLayer .popup-cont li {
    color: var(--jungle-dialog-text) !important;
}

.memberLayer .layerInner .cont .third,
.memberLayer .layerInner .third,
.memberLayer .layerInner .isJoin,
#pop.popup.memberLayer .third {
    color: var(--jungle-dialog-muted) !important;
}

#sign .loginContainer .wrap2 .box .col input,
.memberLayer .layerInner .cont input,
.memberLayer .layerInner .cont select,
#formforget input {
    background-color: var(--jungle-dialog-input) !important;
    border-color: #49695d !important;
    color: var(--jungle-dialog-text) !important;
}

#sign .loginContainer .wrap2 .box .col input:focus,
.memberLayer .layerInner .cont input:focus,
.memberLayer .layerInner .cont select:focus,
#formforget input:focus {
    background-color: #0b1a15 !important;
    border-color: var(--jungle-dialog-gold) !important;
    box-shadow: 0 0 0 2px rgba(198, 155, 75, 0.18);
    outline: none !important;
}

#sign .loginContainer .btn_login,
.memberLayer .layerInner .btnMember,
#pop.popup.memberLayer .popup-btn a {
    background: #172b24 !important;
    border-color: var(--jungle-dialog-gold) !important;
    color: var(--jungle-dialog-text) !important;
}

#sign .loginContainer .btn_login:hover,
.memberLayer .layerInner .btnMember:hover,
#pop.popup.memberLayer .popup-btn a:hover {
    background: var(--jungle-dialog-green) !important;
}

.memberLayer .layerInner .repeat-btn {
    background: #172b24 !important;
    border-color: var(--jungle-dialog-gold) !important;
    color: #e4c477 !important;
}

.memberLayer .layerInner .layerClose,
#pop.popup.memberLayer .b-close {
    color: var(--jungle-dialog-gold) !important;
}

.memberLayer .askArea {
    border-top-color: rgba(198, 155, 75, 0.4) !important;
}

.memberLayer .askArea a,
.memberLayer .layerInner .isJoin a {
    color: #e4c477 !important;
}