/**
 * 큐 12 — 성공사례 아카이브 / FAQ 전용 스타일.
 * 이 파일은 큐 12 작업자가 단독 소유한다. 다른 큐는 쓰지 않는다.
 * 공통 스타일(버튼·폼·헤더·푸터·커스텀 위젯)은 style.css 에 있다.
 */

/* post 16 FAQ — elementor 레거시 accordion 위젯의 <a class="elementor-accordion-title">가
   Astra 기본 a{} 규칙(골드 언더라인, 대형 폰트)을 그대로 상속받는 함정.
   Figma O/FAQ Item(78:43) 스펙대로 카드형 + 16px SemiBold 로 강제 재정의한다. */
/* 항목 간격은 페이지마다 다르다(시안 실측): O-03 개인회생 14px, O-04 개인파산 14px,
   O-06 FAQ 16px. Elementor Free 레거시 accordion 위젯 스키마에는 항목 간격 컨트롤이
   없어(Pro Nested Accordion 전용) CSS 가 유일한 경로다. 기본 14px + FAQ(post 16)만 상향.
   카드 외형(배경·테두리·radius·shadow·타이포)은 세 페이지 시안이 동일해 전역으로 둔다. */
.elementor-widget-accordion .elementor-accordion {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

body.page-id-16 .elementor-widget-accordion .elementor-accordion {
	gap: 16px;
}

/* Elementor 기본값은 붙어 있는 목록이라 첫 항목 외의 border-top 을 0 으로 지운다
   (`.elementor-accordion .elementor-accordion-item:not(:first-child)`). 시안은 카드가
   16px 간격으로 떨어져 있어 항목마다 4면 테두리가 필요하다 → 셀렉터 특이도를 올려 되살린다. */
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item {
	background: var(--e-global-color-surface_card, #ffffff);
	border: 1px solid var(--e-global-color-border_subtle, #e5e7eb);
	border-radius: 8px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
	overflow: hidden;
}

.elementor-widget-accordion .elementor-tab-title {
	padding: 20px 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	cursor: pointer;
}

/* :visited 를 셀렉터 목록에 포함하면 브라우저가 프라이버시 보호로 해당 그룹 룰 전체를
   CSSOM 열거에서 숨겨(getComputedStyle 결과가 원본 a{} 규칙으로 새는 관측됨) 색상이
   전혀 안 먹는 함정이 있었다. :visited/:hover 없이 단일 셀렉터 + !important 로 확정한다. */
.elementor-widget-accordion .elementor-accordion-title {
	order: 1;
	flex: 1 1 auto;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: normal !important;
	letter-spacing: -0.4px;
	color: var(--e-global-color-text, #121212) !important;
	text-decoration: none !important;
}

.elementor-widget-accordion .elementor-accordion-icon {
	order: 2;
	margin-left: auto;
	color: var(--e-global-color-primary, #4f46e5) !important;
	font-size: 22px;
}

.elementor-widget-accordion .elementor-tab-content {
	padding: 16px 24px 24px;
	border-top: 1px solid var(--e-global-color-border_subtle, #e5e7eb);
	font-size: 15px;
	line-height: 26px;
	letter-spacing: -0.375px;
	color: var(--e-global-color-text_body, #4a4a4a);
}