/* =============================================================
   sykimlaw cta-strong — patterns/cta-strong.php 전용 스타일
   ============================================================= */

/* ── Eyebrow ── */
.sykim-cta-strong__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);
}

/* ── Heading + Gold Rule ── */
.sykim-cta-strong__heading {
	word-break: keep-all;
}

.sykim-cta-strong__heading::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 2px;
	background: var(--wp--preset--color--gold-500);
	margin-top: 1.375rem;
	opacity: 0.85;
}

/* ── Sub-copy ── */
.sykim-cta-strong__copy {
	color: rgba(255, 255, 255, 0.80) !important;
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.9;
	word-break: keep-all;
}

/* ── Buttons ── */

/* Primary: gold background */
.sykim-cta-strong .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-cta-strong .wp-block-button__link.has-gold-500-background-color:hover,
.sykim-cta-strong .wp-block-button__link.has-gold-500-background-color:focus-visible {
	background-color: #c9a535 !important;
	box-shadow: 0 2px 12px rgba(184, 150, 46, 0.35);
}

/* Secondary: ghost on dark background */
.sykim-cta-strong .sykim-cta-strong__btn-ghost .wp-block-button__link {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.88) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

.sykim-cta-strong .sykim-cta-strong__btn-ghost .wp-block-button__link:hover,
.sykim-cta-strong .sykim-cta-strong__btn-ghost .wp-block-button__link:focus-visible {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
	color: #ffffff !important;
}

/* ── Trust Box ── */
.sykim-cta-strong__trust-box {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(184, 150, 46, 0.22) !important;
	border-radius: 4px;
	height: 100%;
}

/* Trust label */
.sykim-cta-strong__trust-label {
	font-size: var(--wp--preset--font-size--sm);
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-500) !important;
	padding-bottom: 0.875rem;
	border-bottom: 1px solid rgba(184, 150, 46, 0.2);
}

/* Trust items */
.sykim-cta-strong__trust-item {
	position: relative;
	padding-left: 1.125rem;
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: var(--wp--preset--font-size--sm);
	font-family: var(--wp--preset--font-family--noto-sans-kr);
	line-height: 1.7;
	word-break: keep-all;
}

.sykim-cta-strong__trust-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 5px;
	height: 5px;
	background: var(--wp--preset--color--gold-500);
	border-radius: 50%;
	opacity: 0.85;
}

/* ── Mobile ── */
@media (max-width: 781px) {
	.sykim-cta-strong {
		padding-left: var(--wp--preset--spacing--sm) !important;
		padding-right: var(--wp--preset--spacing--sm) !important;
		padding-top: var(--wp--preset--spacing--xl) !important;
		padding-bottom: var(--wp--preset--spacing--xl) !important;
	}

	.sykim-cta-strong__trust-col {
		flex-basis: 100% !important;
	}

	/* 버튼 모바일 전체 폭 */
	.sykim-cta-strong .wp-block-buttons {
		flex-direction: column;
	}

	.sykim-cta-strong .wp-block-buttons .wp-block-button {
		width: 100%;
	}

	.sykim-cta-strong .wp-block-buttons .wp-block-button .wp-block-button__link {
		width: 100%;
		text-align: center;
		display: block;
	}
}