/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/






/* ============================================================
   사이드바 카테고리 위젯 — 상위 항목 높이 통일 (2026-06-12)
   접힌 하위목록(ul.children)이 max-height:0이어도 margin-top 6px가
   남아 하위 있는 항목만 6px 더 높아지는 문제 수정.
   같은 간격을 첫 하위 항목의 안쪽 여백으로 이동 (접히면 함께 사라짐).
   되돌리기: 이 블록 삭제.
   ============================================================ */
.wp-block-categories li.cat-item > ul.children {
	margin-top: 0 !important;
}
/* (첫 하위 항목 여백은 커스터마이저의 #sidebar 규칙이 담당 — 2026-06-13 정리) */

/* ============================================================
   헤더 하단 라인 — 전체폭 → 메뉴 첫·끝 글자 폭으로 (2026-06-12)
   헤더 컨테이너 좌우 여백(3%)과 동일하게 들여 그림.
   되돌리기: 이 블록 삭제.
   ============================================================ */
@media (min-width: 1000px) {
	body #top {
		border-bottom: none !important;
	}
	header#top {
		position: relative;
	}
	header#top::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 3%;
		right: 3%;
		height: 1px;
		background: rgb(45, 45, 45);
		z-index: 99; /* 현재 메뉴 항목 배경이 라인을 덮어 끊겨 보이던 문제 방지 */
	}
}
/* 모바일(<1000px)은 테마 기본 헤더 그대로 — 커스텀 라인 없음 (2026-06-12 팀장님 지시) */
/* 메뉴 글자와 라인 사이 숨통 (데스크탑) */
@media (min-width: 1000px) {
	header#top {
		padding-bottom: 3px;
	}
}

/* ============================================================
   헤더 드롭다운 — 하단 라인에 고정 + 아래로 펼침 (2026-06-12)
   라인 기준 하단에서 scaleY 펼침 애니메이션.
   ::before 투명 다리 = 메뉴와 패널 사이 18px 호버 끊김 방지.
   18px = 메뉴 칸 바닥에서 헤더 라인까지 거리 (데스크탑).
   되돌리기: 이 블록 삭제.
   ============================================================ */
@media (min-width: 1000px) {
	header#top nav ul.sub-menu {
		top: calc(100% + 18px) !important;
		margin: 0 !important;
		transform-origin: top center;
		transform: scaleY(0) !important;
		transition: transform .28s cubic-bezier(.4, 0, .2, 1), opacity .18s ease !important;
	}
	header#top nav ul.sub-menu::before {
		content: '';
		position: absolute;
		top: -18px;
		left: 0;
		right: 0;
		height: 18px;
	}
	header#top nav li:hover > ul.sub-menu,
	header#top nav li.sfHover > ul.sub-menu {
		transform: scaleY(1) !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}
}

/* ============================================================
   리뉴얼 메인페이지(6175) — 큰 로고 하단을 검색창 하단에 정렬 (2026-06-13)
   logo.svg 내부에 위아래 3.5%씩 여백이 있어 잉크가 검색창보다 위에서
   끝남 → 자기 높이의 3.5%만큼 내려 잉크 기준 정렬. (캔버스 픽셀 분석값)
   로고가 Lottie 모션으로 교체되면 이 규칙은 대상 없음(휴면) — 그때 재조정.
   ============================================================ */
/* 로고 크기 = 행 높이 기준 (2026-06-13 재설계)
   폭 % 기준은 화면이 넓을수록 세로로 커져 행을 뚫음 → 행 높이 기준으로 전환.
   크기 조절: 커스터마이저에 body.page-id-6175 { --logo-size: 93%; } 한 줄 (숫자만 변경).
   기본 93% = 1920 기준 잉크 바닥이 검색창 바닥과 일치하는 값. */
@media (min-width: 1000px) {
	body.page-id-6175 .main-visual-left .img-with-aniamtion-wrap {
		height: var(--logo-size, 100%); /* 2026-06-13 100%로 — 칸 높이 꽉 채움 */
		margin-top: auto !important; /* 칸 바닥에 항상 고정 — 위 요소를 넣고 빼도 정렬 유지 (2026-06-13) */
	}
	body.page-id-6175 .main-visual-left .img-with-aniamtion-wrap .inner,
	body.page-id-6175 .main-visual-left .img-with-aniamtion-wrap .hover-wrap,
	body.page-id-6175 .main-visual-left .img-with-aniamtion-wrap .hover-wrap-inner {
		height: 100%;
	}
	body.page-id-6175 .main-visual-left img.logo_custom {
		height: 100% !important;
		width: auto !important;  /* 커스터마이저의 width 100%보다 무거운 선택자 — 찌그러짐 방지 */
		transform: translateY(3.5%) !important;  /* logo.svg 내부 아래 여백 잉크 보정 — 바닥 고정 구조라 크기와 무관하게 상수 */
	}
}
@media (max-width: 999px) {
	body.page-id-6175 img.logo_custom {
		height: auto !important;  /* 모바일: 지연로딩 인라인 고정높이만 차단 */
	}
}

/* ============================================================
   카테고리 페이지 설명 글 — 제목 옆 한 줄이 아니라 제목 아래의 작은 회색 문장으로 (2026-09-18)
   워드프레스 카테고리 "설명" 칸의 글을 테마가 h1 옆 <p>로 내보내는데, 검색엔진이 읽도록 글은 두고
   보이는 모양만 바꾼다. 테마가 제목과 문장을 가로로 늘어놓으므로 !important로 세로로 세운다. 되돌리기: 이 블록 삭제.
   ============================================================ */
body .blog-archive-header .section-title {
	display: block !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}
body .blog-archive-header .section-title h1 {
	display: block !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
body .blog-archive-header .section-title p {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: auto !important;
	max-width: 62ch !important;
	margin: 12px 0 0 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: #7a7a7a !important;
	letter-spacing: -0.01em !important;
}
@media (max-width: 690px) {
	body .blog-archive-header .section-title p { font-size: 14px !important; margin-top: 8px !important; }
}

/* 카테고리 설명 글(목록 맨 아래) — functions.php의 같은 날짜 블록과 짝이다 (2026-09-18). 되돌리기: 이 블록 삭제. */
.post-area .posts-container .naumium-cat-desc {
	grid-column: 1 / -1;
	flex-basis: 100%;
	width: 100%;
	clear: both;
	float: none;
	margin: 36px 0 8px 0;
	padding: 22px 0 0 0;
	border-top: 1px solid #e6e4de;
	font-size: 15px;
	line-height: 1.75;
	color: #7a7a7a;
	max-width: 100%;
}
.post-area .posts-container .naumium-cat-desc p { margin: 0; max-width: 70ch; }