.elementor-800 .elementor-element.elementor-element-27c2bc35{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:0;--padding-left:5%;--padding-right:5%;}.elementor-800 .elementor-element.elementor-element-cc3650b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-800 .elementor-element.elementor-element-27c2bc35{--content-width:1020px;}}/* Start custom CSS for container, class: .elementor-element-27c2bc35 *//* 1. 로그인 버튼 브랜드 컬러 및 호버 효과 */
.elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .btn-submit {
    background-color: #FF5A36 !important;
    border-color: #FF5A36 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important; /* 부드러운 호버 효과 */
}

.elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .btn-submit:hover {
    background-color: #E04828 !important; /* 마우스 오버 시 살짝 어두운 톤 */
    border-color: #E04828 !important;
}

/* 2. 모바일 화면 여백 디테일 축소 */
@media (max-width: 767px) {
    /* 로그인 카드 전체 안쪽 여백 (더 타이트하게) */
    .elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .login-card {
        padding: 20px 15px !important; /* 측면 여백을 더 줄이려면 15px 10px 등으로 테스트해 보세요 */
    }

    /* 환영합니다 텍스트 영역과 아이디 입력칸 사이의 간격 축소 */
    .elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .login-header {
        margin-bottom: 20px !important; 
    }

    /* 아이디, 비밀번호 입력 필드 사이의 간격 더 축소 */
    .elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .form-group {
        margin-bottom: 12px !important; /* 기존 15px에서 12px로 더 조임 */
    }

    /* 자동로그인 체크박스와 로그인 버튼 사이의 간격 축소 */
    .elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .form-actions {
        margin-bottom: 15px !important; 
    }

    /* 로그인 버튼 자체의 높이나 여백을 살짝 줄이고 싶다면 (선택 사항) */
    .elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .btn-submit {
        padding: 12px 0 !important;
    }
}
/* 회원가입 성공 메시지 영역 회색 배경 제거 */
.elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form.register_success .message {
    background-color: transparent !important; /* 배경을 투명하게 */
    border: none !important; /* 테두리 제거 */
    box-shadow: none !important; /* 그림자 제거 */
}

/* (선택 사항) 성공 메시지 텍스트를 조금 더 눈에 띄게 하고 싶다면 아래 줄을 추가하세요 */
/* 엘리멘터 위젯 바깥에 생성되므로 .elementor-800 .elementor-element.elementor-element-27c2bc35를 제외하고 전역으로 적용합니다 */
.cosmosfarm-members-form.register_success .message {
    background-color: transparent !important; /* 배경을 투명하게 */
    border: none !important; /* 테두리 제거 */
    box-shadow: none !important; /* 그림자 제거 */
}

/* 성공 메시지 텍스트 브랜드 컬러 적용 */
.cosmosfarm-members-form.register_success .message p {
    color: #FF5A36 !important; 
    font-weight: 500 !important; 
}
/* 하단 회원가입 링크 브랜드 컬러 및 호버 효과 */
.elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .link-register {
    color: #FF5A36 !important;
    font-weight: 500 !important; /* 글씨를 살짝 또렷하게 강조 */
    text-decoration: none !important; /* 기본 밑줄 제거 */
    transition: all 0.3s ease !important; /* 부드러운 전환 효과 */
}

.elementor-800 .elementor-element.elementor-element-27c2bc35 .cosmosfarm-members-form .link-register:hover {
    color: #E04828 !important; /* 마우스 오버 시 살짝 어두운 톤으로 변경 */
    text-decoration: underline !important; /* 마우스 오버 시 밑줄 표시 (원치 않으시면 이 줄을 삭제하세요) */
}/* End custom CSS */