/**
 * 付費課程頁中段：學員福利、完整教材、學員案例
 */

/* ── 區塊標題字級（token） ── */
.elementor-31075 .light-paid-mid-sections .light-paid-section-title.elementor-heading-title {
  font-size: var(--font-h2) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: var(--rgf-navy) !important;
}

.elementor-31075 .light-paid-mid-sections .light-paid-section-lead,
.elementor-31075 .light-paid-mid-sections .light-paid-section-lead p {
  font-size: var(--font-small) !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  color: var(--rgf-muted) !important;
}

.elementor-31075 #light-paid-audience .light-paid-section-title.elementor-heading-title {
  font-size: var(--font-h2) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: var(--rgf-navy) !important;
}

/* 完整教材：黃標籤置於四格卡片上方（勿與 grid 橫排） */
.elementor-31075 .elementor-element-4d86390 {
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 16px !important;
}

.elementor-31075 .elementor-element-4d86390 .elementor-element-7433ec4,
.elementor-31075 .elementor-element-4d86390 .elementor-element-light-materials {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

.elementor-31075 .elementor-element-4d86390 .elementor-element-7433ec4 .elementor-widget-container {
  width: auto;
}

.elementor-31075 .elementor-element-light-materials .elementor-widget-container {
  width: 100%;
}

/* ── 深藍 icon 卡（完整教材 4 格、橫向列卡右側） ── */
.elementor-31075 .light-benefit-cards-grid {
  display: grid;
  gap: 16px;
  width: 100%;
}

.elementor-31075 .light-benefit-cards-grid--4 {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
  .elementor-31075 .light-benefit-cards-grid--4 {
    grid-template-columns: 1fr;
  }
}

.elementor-31075 .light-benefit-card {
  background-color: var(--rgf-navy) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 16px !important;
  padding: 24px 20px !important;
  box-shadow: 0 8px 28px rgba(15, 26, 51, 0.2);
  box-sizing: border-box;
}

.elementor-31075 .light-benefit-card .team-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f5b81d;
  color: #1b2a4e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 14px;
}

.elementor-31075 .light-benefit-card .team-icon--dual {
  gap: 4px;
  font-size: 26px;
}

.elementor-31075 .light-benefit-card__title {
  margin: 0 0 8px;
  font-size: var(--font-h1) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: var(--rgf-white) !important;
}

.elementor-31075 .light-benefit-card__sub {
  margin: 0;
  font-size: var(--font-body) !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

.elementor-31075 .light-benefit-card__body {
  margin: 0;
  font-size: var(--font-caption) !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 橫向列卡：左文右 icon，隱藏舊截圖 */
.elementor-31075 .light-benefit-row--icon-only {
  flex-direction: row !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 28px rgba(15, 26, 51, 0.2) !important;
  overflow: hidden;
  background-color: var(--rgf-navy) !important;
}

.elementor-31075 .light-benefit-row--icon-only > .e-con.e-child:first-child {
  flex: 1 1 58% !important;
  min-width: 0;
}

.elementor-31075 .light-benefit-row__icon-panel {
  flex: 0 0 auto !important;
  width: 38% !important;
  max-width: 220px !important;
  min-height: 160px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 20px !important;
}

.elementor-31075 .light-benefit-row__icon-panel .team-icon {
  width: 72px;
  height: 72px;
  font-size: 36px;
  margin: 0;
}

.elementor-31075 .light-benefit-row--icon-only .elementor-widget-image,
.elementor-31075 .light-benefit-row--icon-only .elementor-widget-image img {
  display: none !important;
}

/* UAEL 標題字級（橫向卡左欄）— 由 light-typography 套用 token，此處僅色 */

/* 隱藏 UAEL 破圖 icon 區 */
.elementor-31075 .light-paid-mid-sections .uael-heading-icon,
.elementor-31075 .light-paid-mid-sections .uael-icon,
.elementor-31075 .light-paid-mid-sections .uael-heading-icon img {
  display: none !important;
}

/* 學員案例：卡片主標 h1、內文 caption */
.elementor-31075 #light-paid-audience .elementor-element-d5589b4 .elementor-heading-title,
.elementor-31075 #light-paid-audience .elementor-element-93e421c .elementor-heading-title,
.elementor-31075 #light-paid-audience .elementor-element-0777e3f .elementor-heading-title,
.elementor-31075 #light-paid-audience .elementor-element-b6cf6a4 .elementor-heading-title {
  font-size: var(--font-h1) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

.elementor-31075 #light-paid-audience .elementor-widget-text-editor,
.elementor-31075 #light-paid-audience .elementor-widget-text-editor p {
  font-size: var(--font-caption) !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* 學員案例：關閉 sticky／捲動動畫，正常垂直排列（靜態站不依賴 Elementor Pro） */
.elementor-31075 #light-paid-audience .elementor-element-fd709dd {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 28px !important;
  --row-gap: 28px !important;
  --column-gap: 28px !important;
  min-height: 0 !important;
  height: auto !important;
}

.elementor-31075 #light-paid-audience .elementor-invisible,
.elementor-31075 #light-paid-audience .animated-slow {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
}

.elementor-31075 #light-paid-audience .blur {
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
}

.elementor-31075 #light-paid-audience :is(
  .elementor-element-d5589b4,
  .elementor-element-93e421c,
  .elementor-element-0777e3f,
  .elementor-element-b6cf6a4
) {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  --width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  min-height: 280px !important;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

/* 關閉 Elementor sticky（含 Pro JS 動態 class），避免大段空白與 failed */
.elementor-31075 #light-paid-audience :is(
  .elementor-element-d5589b4,
  .elementor-element-93e421c,
  .elementor-element-0777e3f,
  .elementor-element-b6cf6a4
),
.elementor-31075 #light-paid-audience :is(
  .elementor-element-d5589b4,
  .elementor-element-93e421c,
  .elementor-element-0777e3f,
  .elementor-element-b6cf6a4
).elementor-sticky,
.elementor-31075 #light-paid-audience :is(
  .elementor-element-d5589b4,
  .elementor-element-93e421c,
  .elementor-element-0777e3f,
  .elementor-element-b6cf6a4
).elementor-sticky--active {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  inset: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: auto !important;
}

.elementor-31075 #light-paid-audience :is(
  .elementor-element-d5589b4,
  .elementor-element-93e421c,
  .elementor-element-0777e3f,
  .elementor-element-b6cf6a4
)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    rgba(27, 42, 78, 0.96) 0%,
    rgba(27, 42, 78, 0.9) 38%,
    rgba(27, 42, 78, 0.62) 56%,
    rgba(27, 42, 78, 0.28) 72%,
    rgba(27, 42, 78, 0.08) 100%
  );
}

.elementor-31075 #light-paid-audience :is(
  .elementor-element-d795fff,
  .elementor-element-d443e69,
  .elementor-element-a7fdc54,
  .elementor-element-5ce5def
) {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  --width: 100% !important;
  max-width: min(100%, 640px) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
}

/* 背景圖層：鋪滿整卡、object-fit 等效 cover（覆寫 Elementor 40% 右欄） */
.elementor-31075 #light-paid-audience :is(
  .elementor-element-bfd8565,
  .elementor-element-98470e4,
  .elementor-element-dc86b7b,
  .elementor-element-c989d34
) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  --width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  flex: none !important;
  z-index: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

.elementor-31075 #light-paid-audience :is(
  .elementor-element-bfd8565,
  .elementor-element-98470e4,
  .elementor-element-dc86b7b,
  .elementor-element-c989d34
) > .elementor-motion-effects-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.elementor-31075 #light-paid-audience :is(
  .elementor-element-bfd8565,
  .elementor-element-98470e4,
  .elementor-element-dc86b7b,
  .elementor-element-c989d34
) > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.elementor-31075 #light-paid-audience .elementor-element-bfd8565:not(.elementor-motion-effects-element-type-background),
.elementor-31075 #light-paid-audience .elementor-element-bfd8565 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("/images/light/case-study-01.jpg") !important;
  background-position: 72% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.elementor-31075 #light-paid-audience .elementor-element-98470e4:not(.elementor-motion-effects-element-type-background),
.elementor-31075 #light-paid-audience .elementor-element-98470e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("/images/light/case-study-02.jpg") !important;
  background-position: 72% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.elementor-31075 #light-paid-audience .elementor-element-dc86b7b:not(.elementor-motion-effects-element-type-background),
.elementor-31075 #light-paid-audience .elementor-element-dc86b7b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("/images/light/case-study-03.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.elementor-31075 #light-paid-audience .elementor-element-c989d34:not(.elementor-motion-effects-element-type-background),
.elementor-31075 #light-paid-audience .elementor-element-c989d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("/images/light/case-study-04.jpg") !important;
  background-position: 72% center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* 關閉 Elementor 破圖 overlay，改由卡片 ::after 漸層 */
.elementor-31075 #light-paid-audience .elementor-element-bfd8565::before,
.elementor-31075 #light-paid-audience .elementor-element-98470e4::before,
.elementor-31075 #light-paid-audience .elementor-element-dc86b7b::before,
.elementor-31075 #light-paid-audience .elementor-element-c989d34::before {
  background-image: none !important;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  /* 學員案例：標題保留內距，案例卡片列左右滿版 */
  .elementor-31075 #light-paid-audience.elementor-element-d885c6f {
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    overflow-x: clip;
  }

  .elementor-31075 #light-paid-audience > .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .elementor-31075 #light-paid-audience > .e-con-inner > .elementor-element-8a054ae {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  .elementor-31075 #light-paid-audience .elementor-element-fd709dd {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 12px !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    --gap: 0 !important;
    --row-gap: 0 !important;
    --column-gap: 0 !important;
    gap: 0 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .elementor-31075 #light-paid-audience :is(
    .elementor-element-d5589b4,
    .elementor-element-93e421c,
    .elementor-element-0777e3f,
    .elementor-element-b6cf6a4
  ) {
    min-height: 340px !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    --border-radius: 0 !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }

  .elementor-31075 #light-paid-audience :is(
    .elementor-element-d795fff,
    .elementor-element-d443e69,
    .elementor-element-a7fdc54,
    .elementor-element-5ce5def
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .elementor-31075 #light-paid-audience :is(
    .elementor-element-d5589b4,
    .elementor-element-93e421c,
    .elementor-element-0777e3f,
    .elementor-element-b6cf6a4
  ) :is(
    .elementor-widget-heading,
    .elementor-widget-text-editor
  ) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .elementor-31075 #light-paid-audience :is(
    .elementor-element-d5589b4,
    .elementor-element-93e421c,
    .elementor-element-0777e3f,
    .elementor-element-b6cf6a4
  )::after {
    background: linear-gradient(
      135deg,
      rgba(27, 42, 78, 0.96) 0%,
      rgba(27, 42, 78, 0.92) 38%,
      rgba(27, 42, 78, 0.72) 58%,
      rgba(27, 42, 78, 0.38) 78%,
      rgba(27, 42, 78, 0.12) 100%
    );
  }

  .elementor-31075 #light-paid-audience :is(
    .elementor-element-bfd8565,
    .elementor-element-98470e4,
    .elementor-element-dc86b7b,
    .elementor-element-c989d34
  ):not(.elementor-motion-effects-element-type-background),
  .elementor-31075 #light-paid-audience :is(
    .elementor-element-bfd8565,
    .elementor-element-98470e4,
    .elementor-element-dc86b7b,
    .elementor-element-c989d34
  ) > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (max-width: 1024px) {
  .elementor-31075 .light-benefit-row--icon-only {
    flex-direction: column !important;
  }

  .elementor-31075 .light-benefit-row__icon-panel {
    width: 100% !important;
    max-width: none !important;
    min-height: 120px;
  }
}