/* WP Social Login - social-login.css */

.wsl-wrap {
    max-width: 40rem;
    margin: 1.6rem auto;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 숏코드 title 속성 */
.wsl-title {
    margin: 0 0 1.5rem 0;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400;
    color: #505050;
}

.wsl-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}

.wsl-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    text-decoration: none;
    transition: background-color 0.15s ease;
    cursor: pointer;
    border: none;
    flex-shrink: 0;
}

.wsl-btn:hover,
.wsl-btn:active {
    text-decoration: none;
}

.wsl-btn svg {
    flex-shrink: 0;
}

/* 카카오 */
.wsl-kakao         { background-color: #fee500;}
.wsl-kakao svg     { fill: #191919; width: 3.2rem; height: 3.2rem;}
.wsl-kakao:hover   { background-color: #e6ce00; }
.wsl-kakao:active  { background-color: #ccb700; }

/* 구글 */
.wsl-google        { background-color: #ffffff; border: 1px solid #747775;}
.wsl-google svg     { width: 2.4rem; height: 2.4rem; }
.wsl-google:hover  { background-color: #f1f3f4; }
.wsl-google:active { background-color: #e8eaed; }

/* 네이버 */
.wsl-naver         { background-color: #03c75a; }
.wsl-naver svg     { fill: #ffffff; width: 2rem; height: 2rem;}
.wsl-naver:hover   { background-color: #02b350; }
.wsl-naver:active  { background-color: #029e47; }

/* 구글 SVG는 display:block 필요 (인라인 SVG 기본값 보정) */
.wsl-google svg { display: block; }

/* ------------------------------------------------------------------ */
/*  로그인/가입 완료 알림 모달                                          */
/* ------------------------------------------------------------------ */

.wsl-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
    animation: wsl-fade-in 0.18s ease;
}

@keyframes wsl-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.wsl-modal-box {
    background: #fff;
    border-radius: 1.4rem;
    padding: 3.2rem 3.2rem 2.4rem;
    min-width: 28rem;
    max-width: 90vw;
    text-align: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    animation: wsl-pop-in 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes wsl-pop-in {
    from { transform: scale(0.88); opacity: 0; }
    to   { transform: scale(1);    opacity: 1; }
}

.wsl-modal-msg {
    margin: 0 0 2.4rem;
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.75;
    color: #222;
    word-break: keep-all;
}

.wsl-modal-close {
    display: inline-block;
    padding: 0.85rem 3.2rem;
    background: #222;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: inherit;
    border: none;
    border-radius: 10rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.wsl-modal-close:hover  { background: #444; }
.wsl-modal-close:active { background: #000; }