/* =============================================================
   sykimlaw consultation-section — patterns/home-consultation-section.php
   ============================================================= */

/* ── Section Header ── */
.sykim-consultation__eyebrow {
	font-size: var(--wp--preset--font-size--sm);
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-500) !important;
}

.sykim-consultation__heading {
	word-break: keep-all;
}

.sykim-consultation__lead {
	color: rgba(255, 255, 255, 0.70) !important;
	font-size: var(--wp--preset--font-size--md) !important;
	line-height: 1.85;
	word-break: keep-all;
	max-width: 640px;
}

/* ── Flow Steps: 4-column grid ── */
.sykim-consultation-steps {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
}

/* ── Step Card ── */
.sykim-consultation-step {
	padding: 0 var(--wp--preset--spacing--lg) 0 var(--wp--preset--spacing--lg);
	border-left: 1px solid rgba(255, 255, 255, 0.10);
}

.sykim-consultation-step:first-child {
	border-left: none;
	padding-left: 0;
}

/* ── Step Number: small gold bar above + Inter number ── */
.sykim-consultation-step__num {
	position: relative;
	padding-top: 1.375rem;
	font-family: var(--wp--preset--font-family--inter) !important;
	font-size: 0.7rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--gold-500) !important;
	line-height: 1;
}

.sykim-consultation-step__num::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1.375rem;
	height: 2px;
	background: var(--wp--preset--color--gold-500);
	opacity: 0.55;
}

/* ── Step Title ── */
.sykim-consultation-step__title {
	font-size: var(--wp--preset--font-size--lg) !important;
	word-break: keep-all;
}

/* ── Step Description ── */
.sykim-consultation-step__desc {
	color: rgba(255, 255, 255, 0.58) !important;
	font-size: var(--wp--preset--font-size--sm) !important;
	line-height: 1.75;
	word-break: keep-all;
}

/* ── CTA Panel ── */
.sykim-consultation-cta {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(184, 150, 46, 0.22) !important;
	border-top: 2px solid rgba(184, 150, 46, 0.45) !important;
	border-radius: 3px;
}

/* ── CTA Heading ── */
.sykim-consultation-cta__heading {
	font-size: var(--wp--preset--font-size--xl) !important;
	word-break: keep-all;
}

/* ── CTA Copy ── */
.sykim-consultation-cta__copy {
	color: rgba(255, 255, 255, 0.70) !important;
	font-size: var(--wp--preset--font-size--md) !important;
	line-height: 1.85;
	word-break: keep-all;
}

/* ── Action Column alignment ── */
.sykim-consultation-cta__action-col.wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* ── Buttons: full-width stack ── */
.sykim-consultation-cta__buttons .wp-block-button {
	width: 100%;
}

.sykim-consultation-cta__buttons .wp-block-button .wp-block-button__link {
	width: 100%;
	text-align: center;
	display: block;
}

/* Primary: gold fill */
.sykim-consultation-cta .wp-block-button__link.has-gold-500-background-color {
	background-color: var(--wp--preset--color--gold-500) !important;
	color: var(--wp--preset--color--navy-900) !important;
	border: none;
	font-weight: 600;
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.sykim-consultation-cta .wp-block-button__link.has-gold-500-background-color:hover,
.sykim-consultation-cta .wp-block-button__link.has-gold-500-background-color:focus-visible {
	background-color: #c9a535 !important;
	box-shadow: 0 2px 10px rgba(184, 150, 46, 0.28);
}

/* Ghost: outlined on dark */
.sykim-consultation-cta .sykim-consultation-cta__btn-ghost .wp-block-button__link {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.80) !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

.sykim-consultation-cta .sykim-consultation-cta__btn-ghost .wp-block-button__link:hover,
.sykim-consultation-cta .sykim-consultation-cta__btn-ghost .wp-block-button__link:focus-visible {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
	color: #ffffff !important;
}

/* ── Phone Link ── */
.sykim-consultation-cta__phone {
	font-family: var(--wp--preset--font-family--inter) !important;
	font-size: var(--wp--preset--font-size--sm) !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em;
}

.sykim-consultation-cta__phone a {
	color: rgba(255, 255, 255, 0.65) !important;
	text-decoration: none;
	transition: color 0.18s ease;
}

.sykim-consultation-cta__phone a:hover,
.sykim-consultation-cta__phone a:focus-visible {
	color: rgba(255, 255, 255, 0.90) !important;
	text-decoration: underline;
}

/* ── Operating Hours Note ── */
.sykim-consultation-cta__note {
	color: rgba(255, 255, 255, 0.38) !important;
	font-size: var(--wp--preset--font-size--xs) !important;
	font-family: var(--wp--preset--font-family--noto-sans-kr) !important;
	line-height: 1.6;
	letter-spacing: 0.02em;
}

/* ── Tablet: 2×2 steps ── */
@media (max-width: 900px) {
	.sykim-consultation-steps {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.sykim-consultation-step {
		padding-top: var(--wp--preset--spacing--lg);
		padding-bottom: var(--wp--preset--spacing--lg);
	}

	/* Reset left border on first of each row */
	.sykim-consultation-step:nth-child(3) {
		border-left: none !important;
		padding-left: 0 !important;
	}

	/* Top divider on second row */
	.sykim-consultation-step:nth-child(3),
	.sykim-consultation-step:nth-child(4) {
		border-top: 1px solid rgba(255, 255, 255, 0.10);
	}
}

/* ── Mobile: single column ── */
@media (max-width: 599px) {
	.sykim-consultation-section {
		padding-left: var(--wp--preset--spacing--sm) !important;
		padding-right: var(--wp--preset--spacing--sm) !important;
		padding-top: var(--wp--preset--spacing--2xl) !important;
		padding-bottom: var(--wp--preset--spacing--2xl) !important;
	}

	.sykim-consultation-steps {
		grid-template-columns: 1fr !important;
	}

	.sykim-consultation-step {
		border-left: none !important;
		border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
		padding: var(--wp--preset--spacing--md) 0 !important;
	}

	.sykim-consultation-step:first-child {
		border-top: none !important;
		padding-top: 0 !important;
	}

	/* Reset nth-child tablet overrides on mobile */
	.sykim-consultation-step:nth-child(3) {
		padding-left: 0 !important;
	}

	.sykim-consultation-cta {
		padding-left: var(--wp--preset--spacing--md) !important;
		padding-right: var(--wp--preset--spacing--md) !important;
		padding-top: var(--wp--preset--spacing--lg) !important;
		padding-bottom: var(--wp--preset--spacing--lg) !important;
	}
}