/* cta.css — 導流出口：hero 按鈕、頁首選單、單元底部小卡、首頁「找教練評估」段
   全部只在 course.config.json 有 cta 區塊時才會被渲染出來 */

/* --- Hero 兩顆按鈕 --- */

.Hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-size-8);
  margin-top: var(--base-size-24);
}

.btn-lg {
  padding: 9px 18px;
  font-size: 15px;
}

/* --- 頁首選單（任何分頁都摸得到） --- */

.CtaMenu {
  position: relative;
}

.CtaMenu__summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.CtaMenu__summary::-webkit-details-marker {
  display: none;
}

.CtaMenu__body {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 40;
  display: grid;
  gap: var(--base-size-8);
  min-width: 200px;
  padding: var(--base-size-8);
  border: 1px solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
  box-shadow: var(--shadow-floating-small);
}

.CtaMenu__body .btn {
  justify-content: flex-start;
}

/* --- 單元底部小卡 --- */

.Cta--unit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--base-size-12) var(--base-size-16);
  margin-top: var(--base-size-16);
  padding: var(--base-size-12) var(--base-size-16);
  border: 1px solid var(--borderColor-default);
  border-left: 3px solid var(--fgColor-success);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
}

.Cta__icon {
  display: inline-flex;
  color: var(--fgColor-success);
}

.Cta__text {
  flex: 1 1 260px;
  display: grid;
  gap: 2px;
  font-size: 13px;
  line-height: 1.6;
}

.Cta__text strong {
  font-size: 14px;
}

.Cta__text span {
  color: var(--fgColor-muted);
}

.Cta__btns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-size-8);
}

.Cta--unit .Cta__btns .btn {
  font-size: 13px;
  padding: 4px 10px;
}

/* --- 首頁一整段 --- */

.Cta--home {
  padding: var(--base-size-32);
  border: 1px solid var(--borderColor-default);
  border-radius: var(--borderRadius-large);
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, var(--bgColor-success-muted), transparent 70%),
    var(--bgColor-muted);
}

.Cta--home .Landing__h2 {
  margin-top: var(--base-size-8);
}

.Cta--home .Cta__btns {
  margin-top: var(--base-size-16);
}

.Cta__hint {
  margin: var(--base-size-12) 0 0;
  font-size: 12px;
  color: var(--fgColor-muted);
}

@media (max-width: 767px) {
  .Hero__actions .btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  /* 頁首太窄就只留圖示 */
  .CtaMenu__summary #ctaMenuLabel {
    display: none;
  }

  .Cta--home {
    padding: var(--base-size-24) var(--base-size-16);
  }

  .Cta__btns .btn {
    flex: 1 1 100%;
    justify-content: center;
  }
}