/*
 * ACL Community — LearnDash Style Overrides
 * Targets the ld30 theme classes to match Community design tokens.
 */

/* ── Global LD overrides ───────────────────────────────── */
body.single-sfwd-courses,
body.single-sfwd-lessons,
body.single-sfwd-topic,
body.single-sfwd-quiz{
  background:var(--wp--preset--color--paper);
  color:var(--wp--preset--color--ink);
  font-family:Inter,system-ui,sans-serif;
}

/* ── Course Content Table ──────────────────────────────── */
.learndash-wrapper .ld-table-list{
  border:1px solid var(--wp--preset--color--rule);
  border-radius:16px;
  overflow:hidden;
}
.learndash-wrapper .ld-table-list .ld-table-list-header{
  background:var(--wp--preset--color--sage);
  border-bottom:1px solid var(--wp--preset--color--rule);
  font-family:Inter,system-ui,sans-serif;
  font-weight:700;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item{
  border-bottom:1px solid var(--wp--preset--color--rule);
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item:last-child{
  border-bottom:none;
}

/* ── Lesson / Topic List ───────────────────────────────── */
.learndash-wrapper .ld-lesson-list .ld-lesson-item,
.learndash-wrapper .ld-topic-list .ld-topic-item{
  background:var(--wp--preset--color--white);
  border:1px solid var(--wp--preset--color--rule);
  border-radius:16px;
  margin-bottom:12px;
  padding:18px 22px;
  transition:box-shadow .15s;
}
.learndash-wrapper .ld-lesson-list .ld-lesson-item:hover,
.learndash-wrapper .ld-topic-list .ld-topic-item:hover{
  box-shadow:0 8px 24px rgba(31,42,36,.08);
}

/* ── Item Titles ───────────────────────────────────────── */
.learndash-wrapper .ld-lesson-item .ld-lesson-title,
.learndash-wrapper .ld-topic-item .ld-topic-title,
.learndash-wrapper .ld-table-list-item .ld-table-list-item-preview a{
  color:var(--wp--preset--color--ink);
  font-family:"Fraunces",Georgia,serif;
  font-size:20px;
  font-weight:500;
  text-decoration:none;
}
.learndash-wrapper .ld-table-list-item .ld-table-list-item-preview a:hover{
  color:var(--wp--preset--color--forest);
}

/* ── Progress Bar ──────────────────────────────────────── */
.learndash-wrapper .ld-progress{
  background:var(--wp--preset--color--rule);
  border-radius:999px;
  height:10px;
  overflow:hidden;
}
.learndash-wrapper .ld-progress .ld-progress-bar{
  background:var(--wp--preset--color--forest);
  border-radius:999px;
  height:100%;
}
.learndash-wrapper .ld-progress .ld-progress-stats{
  color:var(--wp--preset--color--forest);
  font-size:13px;
  font-weight:700;
}

/* ── Status Icons ──────────────────────────────────────── */
.learndash-wrapper .ld-status-icon{
  background:var(--wp--preset--color--forest);
  border-radius:50%;
}
.learndash-wrapper .ld-status-incomplete .ld-status-icon{
  background:var(--wp--preset--color--rule);
}

/* ── Buttons ───────────────────────────────────────────── */
.learndash-wrapper .ld-button,
.learndash-wrapper #btn-join,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper input[type="submit"]{
  background:var(--wp--preset--color--forest) !important;
  border:none !important;
  border-radius:999px !important;
  color:var(--wp--preset--color--paper) !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:15px 24px !important;
  transition:background .15s;
}
.learndash-wrapper .ld-button:hover,
.learndash-wrapper #btn-join:hover,
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper input[type="submit"]:hover{
  background:var(--wp--preset--color--ink) !important;
}

/* ── Links ─────────────────────────────────────────────── */
.learndash-wrapper a{
  color:var(--wp--preset--color--forest);
}
.learndash-wrapper a:hover{
  color:var(--wp--preset--color--ink);
}

/* ── Course Grid (homepage + archive) ──────────────────── */
.learndash-wrapper .ld-course-list-items .ld-item-list-item,
.learndash-course-grid .course{
  background:var(--wp--preset--color--paper);
  border:1px solid var(--wp--preset--color--rule);
  border-radius:24px;
  box-shadow:0 12px 36px rgba(31,42,36,.06);
  overflow:hidden;
  transition:transform .15s,box-shadow .15s;
}
.learndash-wrapper .ld-course-list-items .ld-item-list-item:hover,
.learndash-course-grid .course:hover{
  box-shadow:0 18px 48px rgba(31,42,36,.12);
  transform:translateY(-2px);
}
.learndash-course-grid .course .caption h3,
.learndash-course-grid .course .caption .ld-course-grid-title{
  font-family:"Fraunces",Georgia,serif;
  font-size:24px;
  font-weight:500;
}
.learndash-course-grid .course .caption p{
  color:var(--wp--preset--color--ink);
  font-size:15px;
  line-height:1.5;
}
.learndash-course-grid .course .ribbon{
  background:var(--wp--preset--color--clay);
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

/* ── Quiz UI ───────────────────────────────────────────── */
.learndash-wrapper .wpProQuiz_content{
  background:var(--wp--preset--color--white);
  border:1px solid var(--wp--preset--color--rule);
  border-radius:24px;
  padding:28px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text{
  font-family:"Fraunces",Georgia,serif;
  font-size:22px;
  font-weight:500;
}
.learndash-wrapper .wpProQuiz_content input[type="radio"],
.learndash-wrapper .wpProQuiz_content input[type="checkbox"]{
  accent-color:var(--wp--preset--color--forest);
}

/* ── Focus Mode ────────────────────────────────────────── */
.learndash-wrapper .ld-focus{
  background:var(--wp--preset--color--paper);
}
.learndash-wrapper .ld-focus .ld-focus-header{
  background:var(--wp--preset--color--ink);
  color:var(--wp--preset--color--paper);
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img{
  max-height:40px;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar{
  background:var(--wp--preset--color--white);
  border-right:1px solid var(--wp--preset--color--rule);
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger{
  background:var(--wp--preset--color--forest);
  color:var(--wp--preset--color--paper);
}
.learndash-wrapper .ld-focus .ld-focus-content{
  font-family:Inter,system-ui,sans-serif;
  font-size:17px;
  line-height:1.55;
}
.learndash-wrapper .ld-focus .ld-focus-content h1,
.learndash-wrapper .ld-focus .ld-focus-content h2,
.learndash-wrapper .ld-focus .ld-focus-content h3{
  font-family:"Fraunces",Georgia,serif;
  font-weight:500;
}

/* ── Breadcrumbs ───────────────────────────────────────── */
.learndash-wrapper .ld-breadcrumbs{
  color:var(--wp--preset--color--clay);
  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
}
.learndash-wrapper .ld-breadcrumbs a{
  color:var(--wp--preset--color--forest);
  text-decoration:none;
}

/* ── Alerts / Notices ──────────────────────────────────── */
.learndash-wrapper .ld-alert{
  border-radius:16px;
  font-size:15px;
}
.learndash-wrapper .ld-alert-success{
  background:var(--wp--preset--color--sage);
  border-color:var(--wp--preset--color--forest);
  color:var(--wp--preset--color--forest);
}
.learndash-wrapper .ld-alert-warning{
  background:var(--wp--preset--color--cream);
  border-color:var(--wp--preset--color--clay);
  color:var(--wp--preset--color--clay);
}

/* ── Expand / Collapse ─────────────────────────────────── */
.learndash-wrapper .ld-expand-button{
  background:var(--wp--preset--color--sage);
  border-radius:999px;
  color:var(--wp--preset--color--forest);
  font-size:13px;
  font-weight:700;
  padding:8px 16px;
}

/* ── Course Grid Overrides ─────────────────────────────── */
.ld-course-list-items .ld-progress,
.ld-course-list-items .learndash-wrapper .ld-progress,
#ld-course-list .ld-progress,
.learndash-course-grid .ld-progress,
.ld-item-list .ld-progress{display:none !important}

.ld-course-list-items .ld-status-continue,
.learndash-course-grid .ld-status-continue,
#ld-course-list .ld-status-continue{display:none !important}

.learndash-course-grid .item .content,
.ld-course-list-items .ld-item-list-item{overflow:hidden;text-overflow:ellipsis}

.learndash-course-grid .item .content .entry-title{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.learndash-course-grid .item .content .entry-content{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

/* ── LearnDash Login Modal ─────────────────────────────── */
.ld-login-modal{
  font-family:Inter,system-ui,sans-serif !important;
}
.ld-login-modal .ld-login-modal-wrapper{
  background:var(--wp--preset--color--paper) !important;
  border-radius:24px !important;
  border:1px solid var(--wp--preset--color--rule) !important;
  box-shadow:0 28px 70px rgba(31,42,36,.15) !important;
  overflow:hidden;
}
.ld-login-modal .ld-modal-heading{
  color:var(--wp--preset--color--ink) !important;
  font-family:var(--wp--preset--font-family--display) !important;
  font-size:28px !important;
}
.ld-login-modal input[type="text"],
.ld-login-modal input[type="password"],
.ld-login-modal input[type="email"]{
  border:1px solid var(--wp--preset--color--rule) !important;
  border-radius:8px !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:15px !important;
  padding:10px 12px !important;
}
.ld-login-modal input[type="text"]:focus,
.ld-login-modal input[type="password"]:focus,
.ld-login-modal input[type="email"]:focus{
  border-color:var(--wp--preset--color--forest) !important;
  box-shadow:0 0 0 2px rgba(47,93,70,.15) !important;
  outline:none !important;
}
.ld-login-modal .ld-login-modal-login .ld-login-button,
.ld-login-modal .ld-login-modal-register input[type="submit"]{
  background:var(--wp--preset--color--forest) !important;
  border:none !important;
  border-radius:999px !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:12px 24px !important;
  text-shadow:none !important;
}
.ld-login-modal .ld-login-button:hover,
.ld-login-modal input[type="submit"]:hover{
  background:var(--wp--preset--color--ink) !important;
}
.ld-login-modal a{
  color:var(--wp--preset--color--forest) !important;
}
.ld-login-modal label{
  color:var(--wp--preset--color--ink) !important;
  font-size:14px !important;
  font-weight:600 !important;
}
.ld-login-modal .ld-login-modal-branding{
  display:none !important;
}
.ld-login-modal .ld-modal-closer{
  color:var(--wp--preset--color--ink) !important;
}

/* ── LearnDash Modal — Mobile ──────────────────────────── */
@media(max-width:760px){
  .ld-login-modal .ld-login-modal-wrapper{
    margin:16px !important;
    width:auto !important;
    max-height:90vh;
    overflow-y:auto;
    border-radius:16px !important;
  }
  .ld-login-modal .ld-login-modal-login,
  .ld-login-modal .ld-login-modal-register{
    padding:24px !important;
  }
  .ld-login-modal .ld-modal-heading{
    font-size:22px !important;
  }
}

/* ── Hide LearnDash default modal (replaced by theme modal) */
.ld-login-modal{display:none !important}