/*
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;  /* 모바일: 지연로딩 인라인 고정높이만 차단 */
	}
}