/* ==========================================
   findscan Clean Light Corporate Style
   ========================================== */

body {
    background-color: #F8FAFC;
    font-family: 'Plus Jakarta Sans', sans-serif;
    /* 모바일에서 폰트 렌더링을 선명하게 하고 가로 스크롤 방지 */
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    /* 모바일에서 글자 크기가 임의로 확대되는 현상 방지 */
    -webkit-text-size-adjust: 100%;
}

/* Custom Clean Scrollbar */
::-webkit-scrollbar {
    width: 6px; /* 모바일 화면을 고려해 스크롤바 두께 슬림화 */
}

::-webkit-scrollbar-track {
    background: #F1F5F9;
}

::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

/* ==========================================
   ✨ 커스텀 텍스트 그라데이션 효과 (로고용)
   ========================================== */
.text-gradient-find {
    background: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.text-gradient-scan {
    background: linear-gradient(135deg, #7c3aed 0%, #db2777 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* ==========================================
   📱 모바일 반응형 및 터치 최적화 추가 스타일
   ========================================== */

/* 터치 대상 최소 크기 확보 (모바일 클릭 미스 방지) */
button, a, input, select {
    touch-action: manipulation;
}

/* 모바일 화면 (태블릿 및 스마트폰) 대응 미디어 쿼리 */
@media (max-width: 768px) {
    /* 컨테이너 및 패딩 모바일 최적화 */
    body {
        font-size: 14px; /* 모바일 기본 폰트 사이즈 조정 */
    }

    /* 모바일에서 불필요한 스크롤바 숨기기 (선택사항) */
    ::-webkit-scrollbar {
        width: 4px;
    }
}

/* 가로모드 스마트폰 대응 */
@media screen and (max-height: 500px) and (orientation: landscape) {
    /* 모바일 가로 모드 시 여백 최적화 */
    body {
        padding-bottom: 10px;
    }
}

/* ==========================================
   🛡️ Reown / WalletConnect QR 모달 정상 출력 복원 설정
   ========================================== */
w3m-modal {
    position: fixed !important;
    z-index: 999999 !important;
}

[class*="w3m-"], 
div[id*="walletconnect"],
div[class*="modal"] {
    z-index: 999999 !important;
}