/* OpenClaw 20260728: force course enrollment/register buttons green */
.course-info .container .details .inner-wrapper .course-sidebar .enroll,
.course-info .container .details .inner-wrapper .course-sidebar .enroll a,
.course-info .container .details .inner-wrapper .course-sidebar .enroll button,
.course-info .enroll,
.course-info .enroll a,
.course-info .enroll button,
.course-info .enroll-btn,
.course-info .enrollment-button,
.course-info .register,
.course-info .register-button,
.course-info .register-btn,
.course-info a.register,
.course-info a.enroll,
.course-info button.enroll,
.course-info .action-enroll,
.course-info .action-primary,
.course-info .btn,
.course-info .btn-primary,
.course-info .course-sidebar .btn,
.course-info .course-sidebar button,
.course-info .course-sidebar a.button,
.course-info .course-sidebar .action,
.intro .main-cta,
.intro .main-cta a,
.intro .main-cta button,
.intro .register,
.intro .register-btn,
.intro .enroll,
.intro .enroll-btn,
.wrapper-course-info .register,
.wrapper-course-info .register-btn,
.wrapper-course-info .enroll,
.wrapper-course-info .enroll-btn,
a[href*="/register"].btn,
a[href*="/register"].button,
a[href*="enroll"].btn,
a[href*="enroll"].button,
button[class*="enroll"],
a[class*="enroll"],
button[class*="register"],
a[class*="register"] {
  background: #16a34a !important;
  background-color: #16a34a !important;
  background-image: linear-gradient(#22c55e, #16a34a) !important;
  border-color: #15803d !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.course-info .enroll:hover,
.course-info .enroll a:hover,
.course-info .enroll button:hover,
.course-info .enroll-btn:hover,
.course-info .enrollment-button:hover,
.course-info .register:hover,
.course-info .register-button:hover,
.course-info .register-btn:hover,
.course-info a.register:hover,
.course-info a.enroll:hover,
.course-info button.enroll:hover,
.course-info .action-enroll:hover,
.course-info .action-primary:hover,
.course-info .btn:hover,
.course-info .btn-primary:hover,
.course-info .course-sidebar .btn:hover,
.course-info .course-sidebar button:hover,
.course-info .course-sidebar a.button:hover,
.intro .main-cta:hover,
.intro .main-cta a:hover,
.intro .main-cta button:hover,
.intro .register:hover,
.intro .register-btn:hover,
.intro .enroll:hover,
.intro .enroll-btn:hover,
a[href*="/register"].btn:hover,
a[href*="/register"].button:hover,
a[href*="enroll"].btn:hover,
a[href*="enroll"].button:hover,
button[class*="enroll"]:hover,
a[class*="enroll"]:hover,
button[class*="register"]:hover,
a[class*="register"]:hover {
  background: #166534 !important;
  background-color: #166534 !important;
  background-image: linear-gradient(#16a34a, #166534) !important;
  border-color: #14532d !important;
  color: #ffffff !important;
}

/* OpenClaw 20260728: course enrollment button half width */
.course-info .enroll,
.course-info .enroll a,
.course-info .enroll button,
.course-info .enroll-btn,
.course-info .enrollment-button,
.course-info .register,
.course-info .register-button,
.course-info .register-btn,
.course-info a.register,
.course-info a.enroll,
.course-info button.enroll,
.course-info .action-enroll,
.course-info .course-sidebar .btn,
.course-info .course-sidebar button,
.course-info .course-sidebar a.button,
.intro .main-cta,
.intro .main-cta a,
.intro .main-cta button,
.wrapper-course-info .register,
.wrapper-course-info .register-btn,
.wrapper-course-info .enroll,
.wrapper-course-info .enroll-btn {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
@media (max-width: 700px) {
  .course-info .enroll,
  .course-info .enroll a,
  .course-info .enroll button,
  .course-info .enroll-btn,
  .course-info .enrollment-button,
  .course-info .register,
  .course-info .register-button,
  .course-info .register-btn,
  .course-info a.register,
  .course-info a.enroll,
  .course-info button.enroll,
  .course-info .action-enroll,
  .intro .main-cta,
  .intro .main-cta a,
  .intro .main-cta button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* OpenClaw 20260728: make enrollment CTA a single half-width button */
.course-info .enroll,
.course-info .register,
.intro .main-cta,
.wrapper-course-info .enroll,
.wrapper-course-info .register {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.course-info .enroll a,
.course-info .enroll button,
.course-info .enroll-btn,
.course-info .enrollment-button,
.course-info .register a,
.course-info .register button,
.course-info .register-button,
.course-info .register-btn,
.course-info a.register,
.course-info a.enroll,
.course-info button.enroll,
.course-info .action-enroll,
.intro .main-cta a,
.intro .main-cta button,
.intro .register-btn,
.intro .enroll-btn,
.wrapper-course-info .register-btn,
.wrapper-course-info .enroll-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: #16a34a !important;
  background-color: #16a34a !important;
  background-image: linear-gradient(#22c55e, #16a34a) !important;
  border: 1px solid #15803d !important;
  color: #ffffff !important;
  text-shadow: none !important;
}
.course-info .enroll a:hover,
.course-info .enroll button:hover,
.course-info .enroll-btn:hover,
.course-info .enrollment-button:hover,
.course-info .register a:hover,
.course-info .register button:hover,
.course-info .register-button:hover,
.course-info .register-btn:hover,
.course-info a.register:hover,
.course-info a.enroll:hover,
.course-info button.enroll:hover,
.course-info .action-enroll:hover,
.intro .main-cta a:hover,
.intro .main-cta button:hover,
.intro .register-btn:hover,
.intro .enroll-btn:hover {
  background: #166534 !important;
  background-color: #166534 !important;
  background-image: linear-gradient(#16a34a, #166534) !important;
  border-color: #14532d !important;
  color: #ffffff !important;
}
@media (max-width: 700px) {
  .course-info .enroll,
  .course-info .register,
  .intro .main-cta,
  .wrapper-course-info .enroll,
  .wrapper-course-info .register {
    width: 100% !important;
    max-width: 100% !important;
  }
}