/* =====================================================================
   card-links.css — 「課程與服務」卡片整卡点击跳转（Shadeo 影創）
   官方號卡 -> 官方 LINE ；其余卡片 -> AI 平台 https://ai.yingchuangai.xyz
   说明：用「透明覆盖层 <a>」实现整卡可点，保留真实锚文本（对 SEO/爬虫友好）
   ===================================================================== */

/* ---------- 课程页：新版 sd-course 卡片 ---------- */
.sd-course { cursor: pointer; }

.sd-course > .sd-course__link {
	position: absolute !important;
	inset: 0 !important;
	z-index: 3 !important;
	border-radius: inherit;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
}

/* 官方號卡内部的 LINE 按钮保持可点 + hover */
.sd-course .sd-course__line { position: relative; z-index: 4; }

/* ---------- 首页：Elementor 卡片 ---------- */
.yl-cl-card { position: relative !important; cursor: pointer; }

.yl-cl-card > .yl-cl {
	position: absolute !important;
	inset: 0 !important;
	z-index: 20 !important;
	border-radius: inherit;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
}

/* ---------- 键盘可访问 ---------- */
.yl-cl:focus-visible,
.sd-course__link:focus-visible {
	outline: 2px solid #8fd8ff;
	outline-offset: 3px;
}

/* ---------- hover 时轻微提示整卡可点 ---------- */
.yl-cl-card { transition: box-shadow .25s ease, transform .25s ease; }
.yl-cl-card:hover { box-shadow: 0 12px 32px rgba(0, 0, 0, .30); }
