/* ==========================================================================
   모바일 19금 인증 게이트 오버레이
   - 모바일 index.php 에서 $need_gate 일 때 로드
   ========================================================================== */

/* 게이트 활성화 시 본문 스크롤 차단 */
html.has-gate, html.has-gate body { overflow: hidden !important; height: 100% !important; }

/* 모바일 게이트 오버레이 */
.m-gate-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 99999; background: #ffffff;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.m-gate-overlay .m-gate__wrap {
    padding: 30px 20px 40px;
    max-width: 480px; margin: 0 auto;
}

/* 19금 경고 */
.m-gate-overlay .m-gate__mark {
    width: 70px; height: 70px; border: 6px solid #e51e26; border-radius: 50%;
    display: flex; justify-content: center; align-items: center;
    font-size: 36px; font-weight: 900; color: #000;
    margin: 0 auto 12px;
}
.m-gate-overlay .m-gate__warn { text-align: center; margin-bottom: 24px; }
.m-gate-overlay .m-gate__warn-title { font-size: 16px; font-weight: bold; color: #333; margin: 0 0 6px; }
.m-gate-overlay .m-gate__warn-text { font-size: 13px; color: #666; line-height: 1.5; margin: 0 0 12px; }
.m-gate-overlay .m-gate__warn-text strong { color: #d11832; }
.m-gate-overlay .m-gate__back {
    display: inline-block; background: #fff; border: 1px solid #ccc;
    padding: 6px 16px; font-size: 12px; color: #555; border-radius: 4px; cursor: pointer;
}

/* 박스 */
.m-gate-overlay .m-gate__box {
    background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 8px;
    padding: 20px 16px; margin-bottom: 16px; text-align: center;
}
.m-gate-overlay .m-gate__box-title {
    font-size: 15px; font-weight: bold; color: #333; margin: 0 0 12px;
}
.m-gate-overlay .m-gate__btn-phone {
    display: block; background: #4a90d9; color: #fff; text-decoration: none;
    padding: 12px 0; border-radius: 6px; font-size: 15px; font-weight: bold;
    margin-bottom: 8px;
}
.m-gate-overlay .m-gate__notice {
    font-size: 11px; color: #999; margin: 8px 0 0; line-height: 1.4;
}
.m-gate-overlay .m-gate__notice--warn { color: #c00; }

/* 로그인 폼 */
.m-gate-overlay .m-gate__input {
    display: block; width: 100%; box-sizing: border-box;
    border: 1px solid #ddd; border-radius: 4px; padding: 10px 12px;
    font-size: 14px; margin-bottom: 8px; background: #fff;
}
.m-gate-overlay .m-gate__check {
    display: flex; align-items: center; font-size: 12px; color: #666;
    margin-bottom: 10px; justify-content: flex-start; gap: 4px;
}
.m-gate-overlay .m-gate__btn-login {
    display: block; width: 100%; background: #d11832; color: #fff; border: none;
    border-radius: 6px; padding: 12px 0; font-size: 15px; font-weight: bold;
    cursor: pointer;
}
.m-gate-overlay .m-gate__sub {
    margin-top: 10px; text-align: center; font-size: 12px;
}
.m-gate-overlay .m-gate__sub a { color: #888; text-decoration: none; }