/*
Theme Name:   Kadence Child
Theme URI:    https://www.kadencewp.com/kadence-theme/
Description:  Kadence 부모 테마를 기반으로 한 자식 테마입니다. 디자인 수정은 모두 이 폴더 안에서 합니다.
Author:       dongja94
Template:     kadence
Version:      1.0.1
Text Domain:  kadence-child
*/

/* =========================================================
   여기 아래부터 내가 원하는 디자인(CSS)을 작성합니다.
   부모 테마(Kadence)의 스타일은 그대로 유지되고,
   여기서 쓴 내용이 그 위에 덮어써집니다.
   ========================================================= */

/* ---------------------------------------------------------
   [브랜드 색상 변수]
   색상값에 "이름"을 붙여 한 곳에서 관리합니다.
   다른 곳에서는 var(--이름) 형태로 불러서 씁니다.
   예) color: var(--brand-blue);
   색을 바꾸고 싶으면 여기 값만 고치면 전부 따라 바뀝니다.
   --------------------------------------------------------- */
:root {
	--brand-red:       #e60012; /* 로고·강조 포인트 빨강 */
	--brand-blue:      #2f4fa2; /* 배너 제목·링크·버튼 파랑 */
	--brand-blue-dark: #25306b; /* "약 2주간" 배지 등 진한 남색 */
	--brand-text:      #222222; /* 메뉴·본문 기본 글자색 */
	--brand-gray:      #888888; /* 상단 유틸바 회색 글자 */
	--brand-line:      #e5e5e5; /* 옅은 구분선 색 */
}

/* ---------------------------------------------------------
   [헤더 다듬기]
   --------------------------------------------------------- */

/* 헤더 맨 아래에 옅은 가로 구분선을 그립니다.
   border-bottom: 아래쪽 테두리 / 1px 두께 / solid 실선 / 색은 변수 사용 */
.site-header {
	border-bottom: 1px solid var(--brand-line);
}

/* 메뉴(내비게이션) 글자색을 진하게, 살짝 굵게.
   (Kadence 메뉴에 쓰이는 두 가지 클래스를 함께 지정해 확실히 적용) */
.header-navigation .menu-item > a,
.main-navigation .menu-item > a {
	color: var(--brand-text);
	font-weight: 600;
}

/* 메뉴 글자에 마우스를 올리면(:hover) 브랜드 파랑색으로 바뀝니다. */
.header-navigation .menu-item > a:hover,
.main-navigation .menu-item > a:hover {
	color: var(--brand-blue);
}