@charset "UTF-8";

/* ===================================================
   [Hjcare Premium Mobile Overlay Override]
   - 모바일 전용 오버레이 메뉴 스타일 보정
   - 좌측 여백 투명도 및 드로어 박스 사이징 정밀 조절
=================================================== */

@media screen and (max-width: 1024px) {
    /* 1. 좌측 여백 투명 보장 및 블러 제거 */
    .overlay-premium { 
        background: transparent !important; 
        backdrop-filter: none !important; 
        -webkit-backdrop-filter: none !important; 
        overflow: hidden !important;
    }
    .overlay-premium::before { display: none !important; }
    
    /* 2. 드로어 본체 - 박스 사이징 정밀 교정 */
    .drawer-inner { 
        width: 80% !important; 
        background: #000000 !important; 
        box-shadow: -20px 0 50px rgba(0,0,0,1) !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 3. 내부 컨텐츠 영역 패딩 최적화 */
    .overlay-content {
        padding: 20px 15px !important; /* 좌우 여백 미세 축소 */
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .overlay-footer {
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* 4. GNB 메뉴 버튼 - 가로폭 침범 방지 */
    .overlay-premium .overlay-menu-list {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .overlay-premium .overlay-menu-list li { 
        margin-bottom: 10px !important; 
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .overlay-premium .overlay-menu-list li a.menu-link {
        display: flex !important;
        align-items: center !important;
        background: #111111 !important;
        border: 1px solid #222222 !important;
        border-radius: 8px !important;
        padding: 12px 15px !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        width: 100% !important; /* 부모 너비를 넘지 않게 고정 */
    }
    .overlay-premium .overlay-menu-list li a.menu-link span.txt {
        font-size: 26px !important; 
        font-weight: 800 !important;
        color: #FFFFFF !important;
        letter-spacing: -1px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* 하단 버튼 가로폭 고정 */
    .footer-call, .footer-kakao {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 방문한 링크 보라색 방지 */
    .overlay-premium a.menu-link, .overlay-premium a.menu-link:visited {
        color: inherit !important;
    }
}