/*
 * landing-course-details-visual-standard.v1.css
 * Course Details is the visual master for buyer-intent landing-page hero controls.
 * Standardizes: hero secondary CTA, hero $25 badge, hero trust pills, Quick Facts pill.
 */

/* --------------------------------------------------------------------------
   SEE HOW IT WORKS — exact Course Details solid yellow/orange treatment
   -------------------------------------------------------------------------- */
body.ddtd-page .ddtd-hero-card .ddtd-cta-row a.ddtd-btn.ddtd-btn-secondary{
  background:#ffeb3b!important;
  background-image:none!important;
  border:2px solid #f97316!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
  box-shadow:0 12px 24px rgba(249,115,22,.28),0 2px 6px rgba(124,45,18,.12)!important;
}
body.ddtd-page .ddtd-hero-card .ddtd-cta-row a.ddtd-btn.ddtd-btn-secondary:hover{
  background:#fff176!important;
  background-image:none!important;
  border-color:#ea580c!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

/* --------------------------------------------------------------------------
   HERO $25 BADGE — same yellow/orange color, outline and shadow in all modes
   -------------------------------------------------------------------------- */
body.ddtd-page .ddtd-hero-card .ddtd-badge,
body.ddtd-page .ddtd-visual-desktop .ddtd-badge,
body.ddtd-page .ddtd-visual-mobile .ddtd-badge{
  background:#ffeb3b!important;
  background-image:none!important;
  border:2px solid #f97316!important;
  outline:0!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  box-shadow:0 12px 24px rgba(249,115,22,.28),0 2px 6px rgba(124,45,18,.12)!important;
  text-shadow:none!important;
}
body.ddtd-page .ddtd-hero-card .ddtd-badge strong,
body.ddtd-page .ddtd-hero-card .ddtd-badge small,
body.ddtd-page .ddtd-visual-desktop .ddtd-badge strong,
body.ddtd-page .ddtd-visual-desktop .ddtd-badge small,
body.ddtd-page .ddtd-visual-mobile .ddtd-badge strong,
body.ddtd-page .ddtd-visual-mobile .ddtd-badge small{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
}

/* --------------------------------------------------------------------------
   HERO TRUST PILLS — exact Course Details sizing/outline/type treatment
   Light/default: blue, green, blue sequence. Additional pills stay blue.
   -------------------------------------------------------------------------- */
body.ddtd-page .ddtd-hero-card .ddtd-mini-trust{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
}
body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  min-height:38px!important;
  padding:9px 8px!important;
  border-radius:999px!important;
  border:2px solid #38bdf8!important;
  background:#e7f7ff!important;
  background-image:none!important;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
  box-shadow:0 10px 22px rgba(14,165,233,.12)!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
}
body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill:nth-child(2){
  border-color:#22c55e!important;
  background:#ecfdf5!important;
  color:#065f46!important;
  -webkit-text-fill-color:#065f46!important;
  box-shadow:0 10px 22px rgba(34,197,94,.12)!important;
}
body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill::before{
  color:#16a34a!important;
  -webkit-text-fill-color:#16a34a!important;
  font-weight:1000!important;
}

/* Slate follows the Course Details light/slate treatment. */
html[data-theme="slate"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill{
  background:#f0f9ff!important;
  border-color:#38bdf8!important;
  color:#075985!important;
  -webkit-text-fill-color:#075985!important;
}
html[data-theme="slate"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill:nth-child(2){
  background:#ecfdf5!important;
  border-color:#22c55e!important;
  color:#065f46!important;
  -webkit-text-fill-color:#065f46!important;
}

/* Blue and Dark use the unified Course Details blue-pill treatment. */
html[data-theme="blue"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill,
html[data-theme="dark"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill,
html[data-theme="blue"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill:nth-child(2),
html[data-theme="dark"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill:nth-child(2){
  background:#0b4f75!important;
  background-image:none!important;
  border-color:#7dd3fc!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 12px 26px rgba(0,0,0,.30)!important;
}
html[data-theme="blue"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill::before,
html[data-theme="dark"] body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill::before{
  color:#7dd3fc!important;
  -webkit-text-fill-color:#7dd3fc!important;
}

/* --------------------------------------------------------------------------
   QUICK FACTS PILL — Course Details green treatment in all four modes
   -------------------------------------------------------------------------- */
body.ddtd-page .ddtd-quick-head > span,
html[data-theme="light"] body.ddtd-page .ddtd-quick-head > span,
html[data-theme="slate"] body.ddtd-page .ddtd-quick-head > span{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  background-image:none!important;
  border:1px solid rgba(22,163,74,.24)!important;
  color:#075a28!important;
  -webkit-text-fill-color:#075a28!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
}
html[data-theme="blue"] body.ddtd-page .ddtd-quick-head > span,
html[data-theme="dark"] body.ddtd-page .ddtd-quick-head > span{
  background:rgba(22,163,74,.18)!important;
  background-image:none!important;
  border-color:rgba(74,222,128,.32)!important;
  color:#d9ffe6!important;
  -webkit-text-fill-color:#d9ffe6!important;
  box-shadow:none!important;
}

@media (max-width:720px){
  body.ddtd-page .ddtd-hero-card .ddtd-mini-trust{
    grid-template-columns:1fr!important;
  }
  body.ddtd-page .ddtd-hero-card .ddtd-mini-trust .ddtd-pill{
    font-size:13px!important;
  }
}