/* =============================================================
   sykimlaw footer — parts/footer.html 전용 스타일
   ============================================================= */

/* ── 공통 CSS 변수 (footer 범위) ── */
.sykimlaw-footer {
	--f-text-dim:   rgba(255, 255, 255, 0.50);
	--f-text-mid:   rgba(255, 255, 255, 0.72);
	--f-divider:    rgba(255, 255, 255, 0.08);
	--f-gold:       var(--wp--preset--color--gold-500);
	--f-gold-faint: rgba(184, 150, 46, 0.08);
	--f-ease:       0.16s ease;
}


/* =============================================================
   1. CTA STRIP
   ============================================================= */

.sykimlaw-footer-cta {
	position: relative;
	border-top: 1px solid rgba(184, 150, 46, 0.30);
	overflow: hidden;
}

/* 배경 위 얕은 빛 그라디언트 — glassmorphism 힌트 */
.sykimlaw-footer-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(184, 150, 46, 0.05) 0%,
		transparent 45%,
		rgba(255, 255, 255, 0.02) 100%
	);
	pointer-events: none;
}

.sykimlaw-footer-cta__eyebrow {
	margin: 0 !important;
	text-transform: uppercase;
	opacity: 0.60;
}

.sykimlaw-footer-cta__heading {
	margin: 0 !important;
}

.sykimlaw-footer-cta__sub {
	margin: 0 !important;
	opacity: 0.72;
}

/* 버튼 그룹 간격 */
.sykimlaw-footer-cta__buttons.wp-block-buttons {
	gap: 0.75rem !important;
}

/* 주 CTA: gold 배경 */
.sykimlaw-footer-cta__btn-primary .wp-block-button__link {
	transition: opacity var(--f-ease), transform var(--f-ease);
}
.sykimlaw-footer-cta__btn-primary .wp-block-button__link:hover {
	opacity: 0.85;
	transform: translateY(-1px);
}

/* 보조 CTA: outline */
.sykimlaw-footer-cta__btn-secondary .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.32) !important;
	transition: border-color var(--f-ease), background-color var(--f-ease);
}
.sykimlaw-footer-cta__btn-secondary .wp-block-button__link:hover {
	border-color: var(--f-gold) !important;
	background-color: var(--f-gold-faint);
}


/* =============================================================
   2. FOOTER GRID
   ============================================================= */

.sykimlaw-footer-grid {
	background-color: var(--wp--preset--color--gray-900);
	border-top: 1px solid var(--f-divider);
}

/* 컬럼 헤딩 레이블 */
.sykimlaw-footer__col-heading {
	text-transform: uppercase;
	margin-top: 0 !important;
	margin-bottom: 0.875rem !important;
	padding-bottom: 0.625rem;
	border-bottom: 1px solid var(--f-divider);
}

/* ── 브랜드 컬럼 ── */
.sykimlaw-footer__specialty {
	margin: 0 !important;
	text-transform: uppercase;
}

.sykimlaw-footer__bio {
	color: var(--f-text-dim) !important;
	margin: 0 !important;
}

/* ── 네비 리스트 (업무 / 정보) ── */
.sykimlaw-footer__nav-list.wp-block-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.sykimlaw-footer__nav-list li {
	padding: 0;
	margin: 0;
}

/* list-item 안의 ::marker 제거 */
.sykimlaw-footer__nav-list li::marker {
	display: none;
	content: "";
}

.sykimlaw-footer__nav-list a {
	display: inline-block;
	color: var(--f-text-mid);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--sm);
	line-height: 2.1;
	transition: color var(--f-ease);
}

.sykimlaw-footer__nav-list a:hover {
	color: var(--f-gold);
}

/* ── 연락처 컬럼 ── */

/* 각 행: group(flex row) → label p + value p */
.sykimlaw-footer__contact-item.wp-block-group {
	/* flex layout은 블록 속성으로 설정 */
}

.sykimlaw-footer__contact-label {
	min-width: 3.5rem;
	flex-shrink: 0;
	font-size: 0.75rem !important;
	color: var(--f-text-dim) !important;
	letter-spacing: 0.05em;
	white-space: nowrap;
	margin: 0 !important;
}

.sykimlaw-footer__contact-value {
	color: var(--f-text-mid) !important;
	margin: 0 !important;
}

.sykimlaw-footer__contact-value a {
	color: var(--f-text-mid);
	text-decoration: none;
	transition: color var(--f-ease);
}

.sykimlaw-footer__contact-value a:hover {
	color: var(--f-gold);
}


/* =============================================================
   3. BOTTOM BAR
   ============================================================= */

.sykimlaw-footer-bottom {
	background-color: var(--wp--preset--color--gray-900);
	border-top: 1px solid var(--f-divider);
}

.sykimlaw-footer-bottom__copy {
	color: var(--f-text-dim) !important;
	margin: 0 !important;
}

.sykimlaw-footer-bottom__disclaimer {
	color: var(--f-text-dim) !important;
	text-align: right;
	margin: 0 !important;
}


/* =============================================================
   4. 반응형
   ============================================================= */

@media (max-width: 768px) {
	.sykimlaw-footer-cta__inner.wp-block-group {
		flex-direction: column;
		align-items: flex-start;
	}

	.sykimlaw-footer-bottom__inner.wp-block-group {
		flex-direction: column;
		align-items: flex-start;
	}

	.sykimlaw-footer-bottom__disclaimer {
		text-align: left;
	}
}

@media (max-width: 599px) {
	/* 브랜드 컬럼 전체 너비 */
	.sykimlaw-footer-col--brand {
		flex-basis: 100% !important;
	}
}