/* VN Override — Indochine Jade palette + Be Vietnam Pro (body) / Playfair Display (serif heading) */
/* Vietnamese diacritic full support via Google Fonts preload in HTML head with display=swap */

:root {
    --bg: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-elevated: #F0F4EC;
    --accent: #4A7C6A;
    --accent-light: #7BA790;
    --text: #1A1A1A;
    --text-muted: #5C5C5C;
    --text-dim: #999;
    --border: rgba(74,124,106,0.22);
    --white: #1A1A1A;
    --heading: 'Be Vietnam Pro', 'Noto Sans', sans-serif;
    --body: 'Be Vietnam Pro', 'Noto Sans', sans-serif;
    --serif: 'Playfair Display', 'Be Vietnam Pro', serif;
}

/* === BODY — Be Vietnam Pro === */
body, p, .why-text, .doctor-bio, .review-slide-text, .faq-a p, .trust-label,
.video-card-sub, .review-name, .review-proc, .nav-drawer-info-row,
.footer-addr, .footer-links, .nav-drawer-info-addr, .hero-desc {
    font-family: var(--body) !important;
    letter-spacing: 0.005em;
}

/* === HEADINGS — Playfair Display (serif, VN diacritics supported) === */
h1, h2, h3, .sec-title, .doctor-name, .hero-text h1, .cat-hero-text h1,
.why-title, .video-card-title, .review-cta-score, .footer-col-title,
.faq-q, .splash-name {
    font-family: var(--serif) !important;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* === SUBHEADINGS === */
.hero-sub, .doctor-title, .sec-desc, .splash-tagline, .doctor-num {
    font-family: var(--serif) !important;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* === LABELS / NAV === */
.sec-label, .nav-links, .nav-drawer-links, .hero-label,
.demo-label, .proc-section-label, .nav-drawer-info-title,
.btn-primary, .cta-actions a, .doctor-link, .review-cta-btn {
    font-family: var(--heading) !important;
    letter-spacing: 0.04em;
}

/* === NAV: VN text overflow — gap 축소 + font 약간 축소 === */
.nav-links {
    gap: 20px !important;
    font-size: 0.88rem !important;
}
.nav-links a {
    font-size: 0.88rem !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap;
}
@media (max-width: 1200px) {
    .nav-links {
        gap: 14px !important;
        font-size: 0.80rem !important;
    }
    .nav-links a {
        font-size: 0.80rem !important;
    }
}

/* === HERO h1 강조 === */
.hero-text h1 {
    font-weight: 500 !important;
}

/* === NUMBERS === */
.trust-num, .review-cta-score, .google-badge-score {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.01em;
}
.trust-num {
    font-size: 2.6rem;
    line-height: 1;
}

/* === doctor-num === */
.doctor-num {
    font-family: var(--heading) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: none !important;
    color: var(--accent) !important;
    margin-bottom: 20px !important;
}
.doctor-num .num-id {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    color: var(--text-muted);
    margin-left: 6px;
}

/* === doctor-title === */
.doctor-title {
    font-family: var(--heading) !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    color: var(--text-muted) !important;
    margin-bottom: 22px !important;
}

/* === Splash === */
.splash { background: #F0F4EC; }
.splash-name {
    font-family: var(--serif) !important;
    color: #1A1A1A;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    animation: splashFadeIn 1s ease-out;
}
.splash-tagline {
    color: var(--accent);
    font-family: var(--serif) !important;
    letter-spacing: 0.08em;
    opacity: 0;
    animation: splashTagline 1s 0.5s ease-out forwards;
}

/* === Nav accent === */
.nav-logo-text { color: var(--text); }
.nav a:hover, .nav-drawer a:hover { color: var(--accent); }

/* === Section labels === */
.sec-label { color: var(--accent); }
.proc-section-label { color: var(--accent); }

/* === FAQ === */
.faq-item summary { color: var(--text); }
.faq-item[open] summary { color: var(--accent); }

/* === Related Procedures === */
.related-link:hover { border-color: var(--accent); color: var(--accent); }

/* === Cards/elevated bg === */
.why-section { background: var(--bg-elevated); }
.answer-capsule { background: var(--bg-elevated); border-color: var(--border); }

/* === Detail grid items === */
.detail-item { border-color: var(--border); }
.detail-item h3 { color: var(--accent); }

/* === Footer === */
.footer-map-btns { margin-top: 14px !important; }

/* === FAB === */
.fab-btn { background: var(--accent); }
.fab-btn:hover { background: #3A6354; }

/* === Scroll progress === */
.scroll-progress { background: var(--accent); }

/* === CTA box === */
.cta-box { background: var(--bg-elevated); border-color: var(--border); }

/* === EN PALETTE OVERRIDES (style.css → Indochine Jade) === */
.doctor-info { background: #F0F4EC !important; }
.doctor-card,
.doctor-card:last-child,
.doctor-photo-col,
.doctor-card:nth-child(even) .doctor-photo-col { border-color: rgba(74,124,106,0.16) !important; }

.nav-drawer-links a:hover { background: #F0F4EC !important; color: var(--accent) !important; }
.nav-drawer-toggle:hover { background: #F0F4EC !important; }
.nav-drawer-sub a:hover { color: var(--accent) !important; }
.nav-drawer-cta { background: var(--accent) !important; color: #fff !important; }
.nav-drawer-cta:hover { background: #3A6354 !important; }

section[style*="#f8f8f6"], div[style*="#f8f8f6"] { background: var(--bg-elevated) !important; }

.sec-label { color: var(--accent) !important; }
.proc-section-label { color: var(--accent) !important; }

.doctor-link { color: var(--accent) !important; }
.doctor-link:hover { color: #3A6354 !important; }

.why-icon { color: var(--accent) !important; }
.trust-num { color: var(--accent) !important; }

span[style*="#c9a96e"] { color: var(--accent) !important; }
span[style*="rgba(201,169,110"] {
    background: linear-gradient(transparent 55%, rgba(123,167,144,0.45) 55%) !important;
}

.gallery-body-title, .gallery-body-sub { color: inherit; }

.faq-q { color: var(--text); }
.faq-q[aria-expanded="true"] { color: var(--accent) !important; }
.faq-icon { color: var(--accent); }

.review-cta-score { color: var(--accent) !important; }
.google-badge-score { color: var(--accent) !important; }

/* === Reviews Section === */
.reviews-section { background: #F0F4EC !important; }
.google-badge { border-color: rgba(74,124,106,0.26) !important; }
.review-slide-inner {
    border: 1px solid rgba(74,124,106,0.26) !important;
    background: #FFFFFF !important;
}
.review-slide-inner::before {
    background: linear-gradient(90deg, var(--accent) 0%, rgba(123,167,144,0.18) 100%) !important;
}
.review-quote-mark {
    color: var(--accent) !important;
    opacity: 0.45;
}
.review-dots .swiper-pagination-bullet { background: rgba(74,124,106,0.3) !important; }
.review-dots .swiper-pagination-bullet-active { background: var(--accent) !important; }
.review-avatar {
    background: linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%) !important;
}
.review-slide-author { border-top-color: rgba(74,124,106,0.15) !important; }

.review-slide-stars, .google-badge-stars { color: #fbbc04 !important; }

.review-cta-inner {
    background: linear-gradient(135deg, #FFFFFF 0%, #F0F4EC 100%) !important;
}
.review-cta-btn {
    background: var(--accent) !important;
    color: #fff !important;
}
.review-cta-btn:hover { background: #3A6354 !important; }

.review-prev, .review-next {
    border-color: rgba(74,124,106,0.26) !important;
    color: var(--accent) !important;
}
.review-prev:hover, .review-next:hover {
    background: var(--accent) !important;
    color: #fff !important;
}