/* ════════════════════════════════════════
   사이트 헤더 — 언어 스위쳐 + 모바일 메뉴 화살표
   ════════════════════════════════════════ */

/* ─── 언어 전환 드롭다운 (Phase 7) ─── */
.lang-switch { position: relative; display: inline-block; margin-right: 8px; }
.lang-toggle {
    background: transparent; border: 1px solid #e0e0e0; border-radius: 18px;
    padding: 6px 12px; font-size: 13px; cursor: pointer; color: #444;
    display: inline-flex; align-items: center; gap: 4px; transition: background .15s;
}
.lang-toggle:hover { background: #f5f5f5; }
.lang-toggle .lang-current { font-weight: 500; }
.lang-toggle .lang-icon { font-size: 20px; vertical-align: middle; }
.lang-toggle .lang-caret { font-size: 11px; }
.lang-menu {
    position: absolute; top: calc(100% + 6px); right: 0; min-width: 160px;
    background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08); padding: 6px 0; margin: 0;
    list-style: none; opacity: 0; visibility: hidden;
    transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility .15s;
    z-index: 1000;
}
.lang-switch.open .lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-menu a {
    display: flex; align-items: center; gap: 8px; padding: 9px 16px;
    font-size: 13px; color: #333; text-decoration: none;
}
.lang-menu a:hover { background: #f8f9fa; }
.lang-menu a.active { font-weight: 600; color: #2c3e50; background: #eef4fa; }
.lang-menu .lang-code { font-family: monospace; color: #888; font-size: 11px; min-width: 36px; }
.lang-menu .lang-name { flex: 1; }
.lang-menu .lang-check { color: #2c3e50; font-weight: 700; }

/* ─── 모바일 1차 메뉴 — 자식이 있는 항목에 펼침 화살표 ─── */
.mobile-nav .mo-depth1.has-child {
    position: relative;
    padding-right: 36px;
}
.mobile-nav .mo-depth1.has-child::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin-top: -7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: .55;
    transition: transform .25s ease, opacity .25s ease;
}
/* 펼침 상태 (sample-main.js 가 부모 li 에 .open 토글) */
.mobile-nav li.open > .mo-depth1.has-child::after {
    transform: rotate(-135deg);
    margin-top: -3px;
    opacity: 1;
}