/* shared/lux-academy.css - 참빛 데모 디자인 층: 교육원(pastor/) · 관리자 센터(admin/)
   각 화면 CSS 를 모두 읽은 뒤 맨 마지막에 읽는다 (원래 사이트와 다른 모양을 여기서 덮어쓴다).
   - 위 메뉴: 흰 막대 → 짙은 초록 막대 + 금색 밑줄
   - 칸: 그림자 없는 흰 상자 + 명조 제목 + 금색 짧은 밑줄 (왼쪽 세로 막대 없앰)
   - 버튼 네모 · 바닥글 짙은 초록 */

/* ── 위 메뉴 막대 ── */
.navbar {
    background: var(--brand-900) !important;
    box-shadow: 0 2px 0 var(--gold-500) !important;
    backdrop-filter: none !important;
}
.navbar-brand, .navbar-brand span, .navbar-brand h1 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: none !important;
    font-family: var(--font-serif);
}
.navbar-menu > li > a {
    color: rgba(250, 247, 240, 0.78) !important;
    background: none !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent;
}
.navbar-menu > li > a:hover { color: #fff !important; }
.navbar-menu > li > a.active {
    color: #fff !important;
    border-bottom-color: var(--gold-500);
}
.nav-toggle, .nav-toggle span { color: #fff !important; }
.nav-toggle span, .nav-toggle::before, .nav-toggle::after { background-color: #fff !important; }
.navbar .nav-home-btn,
.navbar .lwh > .lwh-btn,
.navbar .lwh-item > .lwh-btn {
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
}
.navbar .lang-switch { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.45); }
.navbar .lang-switch .lang-btn.active { color: #1c2420; }
.navbar .user-name { color: #fff !important; }
.navbar .user-church { color: rgba(250, 247, 240, 0.7) !important; }
.navbar .btn-logout { color: #fff !important; border-color: rgba(255, 255, 255, 0.45) !important; background: transparent !important; }

/* ── 칸 (공지 · 진도표 · 강의 · 자료 …) ── */
.progress-section,
.admin-section,
.content-section {
    box-shadow: none !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-lg) !important;
    background: #fff;
}
.section-header { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
.section-header h2 {
    font-family: var(--font-serif) !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: var(--brand-900) !important;
    position: relative;
}
.section-header h2::before { display: none !important; }
.section-header h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 36px;
    height: 2px;
    background: var(--gold-500);
}
.section-header > a { color: var(--gold-600) !important; font-weight: 700; font-size: 13px; letter-spacing: 0.04em; }

/* 강의 · 진도 카드 */
.lecture-card, .progress-card, .course-card {
    box-shadow: none !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-md) !important;
    transition: border-color 0.15s, transform 0.15s;
}
.lecture-card:hover, .progress-card:hover, .course-card:hover { border-color: var(--gold-500) !important; transform: translateY(-2px); }
.lecture-title, .course-title { font-family: var(--font-serif); }
.lecture-icon {
    border-radius: var(--radius-md) !important;
    background:
        radial-gradient(circle at 80% 20%, rgba(201, 162, 39, 0.4), transparent 55%),
        var(--brand-gradient-deep) !important;
}

/* 첫 화면 검색 판 */
.search-section { box-shadow: none !important; border-radius: var(--radius-lg) !important; }
.search-bar { border-radius: var(--radius-md) !important; box-shadow: none !important; }
.search-bar input, .search-bar button { border-radius: var(--radius-sm) !important; }
.search-chip { border-radius: var(--radius-sm) !important; }
.search-chip.active { background: var(--gold-gradient) !important; color: #1c2420 !important; border-color: transparent !important; }

/* ── 버튼: 네모 ── */
.btn { border-radius: var(--radius-md) !important; box-shadow: none !important; }
.btn-primary { background: var(--brand-600) !important; border-color: var(--brand-600) !important; color: #fff !important; }
.btn-primary:hover { background: var(--brand-900) !important; }
.btn-secondary, .btn-outline { background: #fff !important; color: var(--brand-600) !important; border: 1.5px solid var(--brand-600) !important; }

/* 표: 머리줄 크림 · 가는 선 */
table thead th {
    background: var(--cream) !important;
    color: var(--brand-900) !important;
    font-weight: 700;
    border-bottom: 2px solid var(--brand-600) !important;
}
table tbody tr:hover td { background: #fbf9f3; }

/* 관리자 탭 줄: 알약 → 밑줄 */
html[data-site="admin"] .admin-tabs button,
html[data-site="admin"] .admin-tab {
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    color: var(--ink-muted) !important;
}
html[data-site="admin"] .admin-tabs button.active,
html[data-site="admin"] .admin-tab.active {
    color: var(--brand-900) !important;
    border-bottom-color: var(--gold-500) !important;
}

/* 숫자 카드 (관리자 홈): 색 판 → 흰 상자 + 왼쪽 색 띠 */
.ah-card {
    background: #fff !important;
    color: var(--ink) !important;
    border: 1px solid var(--line);
    border-left: 4px solid var(--brand-600);
    box-shadow: none !important;
}
.ah-card * { color: inherit; }
.ah-card b, .ah-card strong, .ah-card .ah-card-num { font-family: var(--font-serif); color: var(--brand-900) !important; }
.ah-card.tone-green { border-left-color: #6b9e7f; }
.ah-card.tone-purple { border-left-color: var(--gold-500); }
.ah-card.tone-warn { border-left-color: #b4613a; }
.ah-card.tone-calm { border-left-color: #9a9884; }

/* ── 교육원 첫 화면 배치: 내 정보 칸을 왼쪽으로, 검색 판은 초록 그림 대신 흰 지면 + 명조 인사말 ── */
@media (min-width: 1025px) {
    .main-layout { grid-template-columns: 300px minmax(0, 1fr) !important; }
    .main-layout > .sidebar { order: -1; }
}
.search-section {
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-top: 4px solid var(--brand-600) !important;
    color: var(--ink) !important;
    text-align: left !important;
    align-items: flex-start !important;
}
.search-section::before, .search-section::after { display: none !important; }
.search-section .hero-greeting {
    font-family: var(--font-serif) !important;
    font-size: clamp(26px, 2.6vw, 34px) !important;
    color: var(--brand-900) !important;
    text-shadow: none !important;
    text-align: left !important;
    margin-left: 0 !important;
}
.search-section .search-bar {
    border: 1.5px solid var(--brand-600) !important;
    margin-left: 0 !important;
    max-width: 640px;
}
.search-section .search-chip {
    background: transparent !important;
    color: var(--ink-muted) !important;
    border: 1px solid var(--line) !important;
}
.search-section > *:not(.search-results) { justify-content: flex-start !important; }

/* 왼쪽 내 정보 칸: 위쪽 짙은 초록 띠 */
.sidebar > * {
    box-shadow: none !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-lg) !important;
}
.sidebar > *:first-child { border-top: 4px solid var(--gold-500) !important; }

/* 관리자 머리 판: 초록 그림 → 흰 지면 + 명조 제목 + 위쪽 초록 띠 */
.admin-header {
    background: #fff !important;
    color: var(--ink) !important;
    border: 1px solid var(--line) !important;
    border-top: 4px solid var(--brand-600) !important;
    box-shadow: none !important;
}
.admin-header::before, .admin-header::after { display: none !important; }
.admin-header h1, .admin-header h2 { color: var(--brand-900) !important; text-shadow: none !important; font-family: var(--font-serif) !important; }
.admin-header p, .admin-header span { color: var(--ink-muted) !important; text-shadow: none !important; }
.admin-header svg { color: var(--gold-600) !important; stroke: currentColor; }
.admin-header [class*="icon"] { background: var(--gold-100) !important; border-color: transparent !important; }
.admin-tabs { border-bottom: 1px solid var(--line); background: transparent !important; box-shadow: none !important; }

/* ── 바닥글 ── */
.seminary-footer {
    background: var(--brand-900) !important;
    color: rgba(250, 247, 240, 0.75) !important;
    border-top: 3px solid var(--gold-500);
    padding: 32px 16px 40px !important;
}
.seminary-footer a { color: var(--gold-500) !important; }
