/* GO-Chatbot v2 — 공통 스타일
 * 모든 페이지에 우선 로드. 페이지별 CSS는 이 다음에 로드되어 override 가능.
 */

/* 1) 한글·영문 혼용 폰트 — Noto Sans KR (한글), Inter (영문 메트릭)
 *    Inter를 먼저 두면 영문은 Inter로, 한글은 자동 fallback으로 Noto Sans KR이 적용됨.
 */
body {
    font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2) Hero 그라데이션 텍스트 */
.gradient-text {
    background: linear-gradient(to right, #2563eb, #9333ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 3) 가격표 ?seg= 쿼리 강조 */
.plan-card[data-segment-active] {
    outline: 3px solid #ef4444;
    outline-offset: 4px;
    border-radius: 16px;
}
.plan-card[data-segment-dim] {
    opacity: 0.55;
    transition: opacity 0.3s;
}

/* 4) Lucide 아이콘 로드 전 깜빡임 방지 */
[data-lucide] {
    width: 1em;
    height: 1em;
    display: inline-block;
}

/* 5) 모바일 GNB 토글 (간단한 버전 — JS에서 .open 토글) */
@media (max-width: 768px) {
    .mobile-nav {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        padding: 16px;
        flex-direction: column;
        gap: 12px;
    }
    .mobile-nav.open { display: flex; }
}