/**
 * 深色 LINE CTA 區塊（.sama-cta），課程一覽與六個課程頁共用。
 *
 * 規格取自站台既有的頁尾 CTA（Blocksy Content Block「Footer」）實查值：
 * 底色 #122B32、圓角 24px、外框 padding 24px，
 * 內容再限寬 900px 置中（外框 1152 時左右各內縮 126px），
 * 文字欄 645 ＋ 間距 60 ＋ QR 195，標題 36px/600 ls .08em。
 *
 * 由外掛在「內容含 sama-cta」的頁面條件載入（見 includes/page-assets.php）。
 */

.sama-cta {
	--sama-cta-ink: var(--theme-palette-color-4, #122B32);
	--sama-cta-line: var(--theme-palette-color-5, #EAEDF1);
	--sama-cta-accent: var(--theme-palette-color-1, #536D74);
	--sama-cta-surface: var(--theme-palette-color-8, #ffffff);

	background: var(--sama-cta-ink);
	border-radius: 24px;
	display: flex;
	justify-content: center;
	padding: 24px;
}

/* 佈景會對 p 注入 margin，同 class 寫兩次壓過去 */
.sama-cta.sama-cta :is(p, h2, h3) {
	margin: 0;
}

.sama-cta__inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	max-width: 900px;
	width: 100%;
}

.sama-cta__text {
	display: flex;
	flex: 1 1 380px;
	flex-direction: column;
	gap: 12px;
}

.sama-cta__t {
	color: var(--sama-cta-surface);
	font-size: 36px;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.5;
}

.sama-cta__d {
	color: var(--sama-cta-line);
	font-size: 16px;
	line-height: 1.8;
}

.sama-cta__btn {
	align-self: flex-start;
	background: var(--sama-cta-accent);
	border-radius: 8px;
	color: var(--sama-cta-surface);
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.6;
	margin-top: 4px;
	padding: 10px 24px;
	text-decoration: none;
}

.sama-cta__btn:hover {
	background: var(--sama-cta-surface);
	color: var(--sama-cta-ink);
}

.sama-cta__qr {
	border-radius: 12px;
	display: block;
	flex-shrink: 0;
	overflow: hidden;
	width: 195px;
}

.sama-cta__qrimg {
	display: block;
	height: auto;
	width: 100%;
}

@media (max-width: 900px) {
	.sama-cta__inner {
		gap: 28px;
	}
}

@media (max-width: 782px) {
	.sama-cta {
		padding: 22px 20px 24px;
	}

	.sama-cta__inner {
		gap: 20px;
	}

	.sama-cta__t {
		font-size: 25px;
	}

	.sama-cta__qr {
		align-self: center;
		width: 160px;
	}
}