/* ══════════════════════════════════════════════════════
   CITHRD 상단/하단 메뉴 화이트 테마 오버라이드
   각 페이지에 내장된 헤더/푸터 CSS(포맷이 제각각이라 직접 수정이
   어려움)를 이 파일 하나로 덮어써서 전 사이트 일관성을 유지한다.
   반드시 각 페이지의 <style> 태그보다 "뒤"에 로드되어야 함.
════════════════════════════════════════════════════════ */

/* ── 상단 헤더 ── */
header{
  background:rgba(255,255,255,0.95) !important;
  border-bottom:1px solid rgba(212,175,55,0.25) !important;
  box-shadow:0 2px 20px rgba(0,0,0,0.06) !important;
}
.logo,
a.logo,
a.logo:link,
a.logo:visited,
a.logo:hover,
a.logo:active{color:var(--navy) !important;}
.logo span,
a.logo span,
a.logo span:link,
a.logo span:visited{color:#888 !important;}

nav>a,
.nav-item>a{color:rgba(20,20,20,0.82) !important;}
nav>a:hover,
.nav-item>a:hover{color:var(--navy) !important;}

.nav-arrow{border-top-color:rgba(20,20,20,0.4) !important;}
.nav-item:hover .nav-arrow{border-top-color:var(--navy) !important;}

.dropdown{
  background:rgba(255,255,255,0.98) !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  box-shadow:0 16px 48px rgba(0,0,0,0.18) !important;
}
.dropdown a{color:rgba(30,30,30,0.78) !important;}
.dropdown a:hover,
.dropdown a.active{
  color:var(--navy) !important;
  background:rgba(27,58,107,0.06) !important;
}
.dropdown-divider{background:rgba(0,0,0,0.07) !important;}

.menu-btn span{background:#1a1a1a !important;}

/* ── 모바일 메뉴 ── */
.mobile-menu{background:#ffffff !important;}
.mobile-menu a{
  color:rgba(20,20,20,0.85) !important;
  border-bottom:1px solid rgba(0,0,0,0.07) !important;
}
.mobile-menu a:hover{color:var(--navy) !important;}
p.m-group-title,
div.m-group-title,
.m-group-title{
  color:#111 !important;
  border-bottom:1px solid rgba(0,0,0,0.1) !important;
}
.m-sub{color:rgba(20,20,20,0.75) !important;}
.m-sub:hover,
.m-sub.active{color:var(--navy) !important;}

/* ── 푸터 ── */
footer{
  background:#ffffff !important;
  border-top:1px solid rgba(212,175,55,0.3) !important;
}
.footer-logo,
.footer-brand .footer-logo{color:var(--navy) !important;}
.footer-info,
.footer-brand .footer-info{color:#555 !important;}
.footer-info strong,
.footer-brand .footer-info strong{color:#222 !important;}
.footer-col h4{
  color:var(--navy) !important;
  border-bottom:1px solid rgba(0,0,0,0.08) !important;
}
.footer-col a{color:#555 !important;}
.footer-col a:hover,
.footer-col a.active{color:var(--navy) !important;}
.footer-divider{border-top:1px solid rgba(0,0,0,0.07) !important;}
.footer-bottom{color:#777 !important;}
.footer-bottom a{color:#666 !important;}
.footer-bottom a:hover{color:var(--navy) !important;}
.footer-link-btn{
  border:1px solid rgba(0,0,0,0.12) !important;
  color:#555 !important;
}
.footer-link-btn:hover{
  border-color:var(--gold) !important;
  color:#111 !important;
}