.book-also-available-website-list a {
text-decoration: none;
}
.rswpthemes-book-loop-content-wrapper .book-buy-btn a.rswpthemes-book-buy-now-button {
color: #000;
text-transform: none;
font-size: 20px;
font-weight: 800;

}

.book-gallery-list-layout-1-col .book-list-layout .book-author {
font-size: 15px;
}
.book-gallery-list-layout-1-col .book-list-layout .book-title {
line-height: 15px;
}

	.donottranslatetext {
  font-size: 20px; 
}
.book-also-available-website-list a {
    display: block;
    padding: 10px 20px;
    background: #32cd32;
    color: #000;

}
.rswpthemes-book-loop-content-wrapper {
padding: 0px;
}
.msl-title-wrapper.msl-align-center {
display: none;
}
.rswpthemes-book-loop-content-wrapper .book-title a, .rswpthemes-book-loop-content-wrapper .book-author a {
font-size: 20px;
}
.rswpthemes-book-loop-content-wrapper .book-desc p:last-child {
font-size: 15px;
}
.learndash-wrapper .order-overview {
display: none;
}
.content-area {
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
display: none;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-text {
display: none;

}

.rswpthemes-book-loop-image img {
max-width: 70%;
}
.ld-achievements-leaderboard table thead th:nth-child(2), .ld-achievements-leaderboard table td:nth-child(2) {
display: none;

}
.rswpbs-sorting-sections-wrapper {
	display: none;
}

.wp-site-blocks .page-title h1 {
background: #FF5D00;
color: #fff;
border-radius: 10px;
	font-size: 30px;
	padding: 15px;
}
.rswpthemes-books-showcase-search-form-container {
background: #00B2D4;
	
}

.learndash-pager {
font-size: 18px !important;
}
.learndash-wrapper .ld-content-actions {
display: none;

}
.inner-link-style-normal a:not(.button), .widget-area.inner-link-style-normal a:not(.button) {
text-decoration: none;
	font-weight: 400;

}
#main-header .header-button.button-size-custom {
background: #FF5D00;

}
/* lesson list display fix */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
    display: none;

}
	.englishtext {
  color: #00B2D4;
  font-size: 15px; 
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
background: #F11414;
	color: #fff;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
    border: 5px solid #00B2D4;
}

.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList input.wpProQuiz_questionInput {
display: none;
}
.endgreentext {
  text-align: center;
	color: #32cd32;
  font-size: 35px; 
	font-weight: bold;
}
.endredtext {
  text-align: center;
	color: #000;
  font-size: 30px; 
	font-weight: bold;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=cloze_answer] p {
text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
text-align: center;
	
}
.learndash-pager a {
color: #fff;
	font-size: 25px;
}
.learndash-pager {
background-color: #00B2D4;
color: #fff;
margin: 0px;
	font-size: 15px;

}
.ld-course-list-items .ld_course_grid .thumbnail.course {
border: none;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption {
    padding: 0px;
		margin-top: -5px;

}
.ld-course-list-items .ld_course_grid .thumbnail.course img {
border-radius: 25px;
border: 5px solid #FF5D00;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table {
border: 2px solid #00B2D4;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_header {
display: none;

}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_sortStringItem {
background: #00B2D4;
	color: #fff;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze {
    display: inline-block;
		border: 1px solid #00B2D4; 
    background: #e2e7ed;
    border-radius: 0px;
    padding: 0px .1em;
}

.questiontext {
  text-align: center;
  font-size: 20px; 
 	margin-top: 10px;
	font-weight: bold;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
font-size: 15px;
}
.sc_player_container1 .myButton_play {
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
		border-radius: 15px;
    position: relative;
    margin: -10px 0px !important;
		background-color: #00B2D4  !important;
box-shadow: 0px 0px 10px 3px #fff !important;
}
.sc_player_container1 .myButton_stop {
    background: transparent url() no-repeat !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
    border: none !important;
		border-radius: 1px;
    position: relative;
    margin: -10px 0px !important;
 box-shadow: 0px 0px 10px 3px #fff !important;

}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
    align-items: center;
    border: 2px solid #00B2D4;
}

.ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {
background-color: #FF5D00 !important;
font-weight: bold;
}
.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion], .learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
    background: #32CD32;
}
.ld-course-list-items .ld_course_grid .entry-title {
    margin: 0 !important;
}
.ld-course-list-items .ld_course_grid .entry-title {
    display: none;
}
@media (max-width: 420px) {
.ld-course-list-items .ld_course_grid .thumbnail.course img {
    border-radius: 20px;
	max-width: 100%;
    border: 3px solid #FF5D00;
	}
.sfwd-quiz-title h1 {
    font-style: normal;
    color: #ffffff;
	font-size: 25px;
}
.entry-hero-container-inner .entry-header {
min-height: 100px;
	}
.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress {
display: none;
	}
.single-content h1+*, .single-content h2+*, .single-content h3+*, .single-content h4+*, .single-content h5+*, .single-content h6+* {
font-size: 15px !important;
	}
.wp-site-blocks .post-title h1 {
font-size: 20px;
	}
.kadence-svg-iconset svg {
color: #00B2D4;
	}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
display: none;
	}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible {
font-size: 15px;
	}
.single-content p>img.aligncenter {
max-width: 75%;
	}
.ld-course-list-items .ld_course_grid .thumbnail.course img {
max-width: 75%;
}
}

/* Fix white bar above hero - hide the empty p tag containing Google Tag script */
body.page-id-742 .entry-content > p:first-child {
	    display: none;
}
}

/* ============================================================
   LEARNFRISIAN PREMIUM REDESIGN — Quiz, Course, Homepage, Articles
   ============================================================ */

/* ── 1. GLOBAL: Smoother font rendering & transitions ── */
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
}

/* ── 2. QUIZ: Big pill answer buttons ── */
.wpProQuiz_questionListItem {
  list-style: none !important;
  margin: 0 0 14px 0 !important;
}
.wpProQuiz_questionListItem label {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 18px 24px !important;
  background: #fff !important;
  border: 2.5px solid #e0e4ef !important;
  border-radius: 16px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1a2340 !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  gap: 14px !important;
}
.wpProQuiz_questionListItem label:hover {
  border-color: #00bcd4 !important;
  background: #f0fdff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,188,212,0.18) !important;
}
.wpProQuiz_questionListItem input[type="radio"],
.wpProQuiz_questionListItem input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  accent-color: #00bcd4 !important;
  flex-shrink: 0 !important;
}
/* Selected state */
.wpProQuiz_questionListItem input:checked + span,
.wpProQuiz_questionListItem label:has(input:checked) {
  border-color: #00bcd4 !important;
  background: #e0f8fc !important;
  color: #006e80 !important;
}

/* Correct answer feedback - green */
.wpProQuiz_questionListItem.correct label,
.wpProQuiz_questionListItem.correct label:hover {
  border-color: #22c55e !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
  box-shadow: 0 4px 14px rgba(34,197,94,0.22) !important;
}
/* Wrong answer feedback - red */
.wpProQuiz_questionListItem.incorrect label,
.wpProQuiz_questionListItem.incorrect label:hover {
  border-color: #ef4444 !important;
  background: #fff5f5 !important;
  color: #991b1b !important;
  box-shadow: 0 4px 14px rgba(239,68,68,0.22) !important;
}

/* ── 3. QUIZ: Check / Next button ── */
.wpProQuiz_button,
.wpProQuiz_button2,
input.wpProQuiz_button,
input.wpProQuiz_button2 {
  display: block !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 24px auto 0 !important;
  padding: 18px 32px !important;
  background: linear-gradient(135deg, #ff6d00 0%, #ff9800 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 16px rgba(255,109,0,0.35) !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}
.wpProQuiz_button:hover,
.wpProQuiz_button2:hover,
input.wpProQuiz_button:hover,
input.wpProQuiz_button2:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255,109,0,0.45) !important;
  background: linear-gradient(135deg, #e65100 0%, #f57c00 100%) !important;
}

/* ── 4. QUIZ: Result/feedback messages ── */
.wpProQuiz_response {
  padding: 16px 24px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-top: 16px !important;
}
.wpProQuiz_correct_answer .wpProQuiz_response,
div.wpProQuiz_correct {
  background: #f0fdf4 !important;
  border-left: 5px solid #22c55e !important;
  color: #166534 !important;
}
.wpProQuiz_incorrect_answer .wpProQuiz_response,
div.wpProQuiz_incorrect {
  background: #fff5f5 !important;
  border-left: 5px solid #ef4444 !important;
  color: #991b1b !important;
}

/* ── 5. QUIZ: Question image ── */
.wpProQuiz_questionImage img,
.wpProQuiz_questionImage {
  display: block !important;
  margin: 0 auto 24px !important;
  max-width: 260px !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}

/* ── 6. QUIZ: Progress bar at top ── */
.wpProQuiz_progress {
  height: 10px !important;
  background: #e0e4ef !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}
.wpProQuiz_progress span {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, #00bcd4, #0097a7) !important;
  border-radius: 10px !important;
  transition: width 0.4s ease !important;
}

/* ── 7. QUIZ: Overall question area ── */
.wpProQuiz_questionList {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.wpProQuiz_question_text {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a2340 !important;
  text-align: center !important;
  margin: 0 auto 28px !important;
  max-width: 720px !important;
  line-height: 1.4 !important;
}
.wpProQuiz_question {
  background: #f8faff !important;
  border-radius: 20px !important;
  padding: 32px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* ── 8. QUIZ page: hide noisy sidebar on quiz pages ── */
.single-sfwd-quiz .ld-lesson-navigation,
.single-sfwd-quiz .ld-lesson-list-wrapper {
  display: none !important;
}
/* Full-width quiz on topic/quiz pages */
.single-sfwd-quiz .ld-lesson-content,
.single-sfwd-quiz .ld-content-wrapper {
  max-width: 800px !important;
  margin: 0 auto !important;
  float: none !important;
  width: 100% !important;
}

/* ── 9. LESSON PAGE: sidebar cleanup ── */
.ld-course-navigation .ld-item-title {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
/* Completed lesson = green check */
.ld-item-list-item.ld-is-complete .ld-item-title::before {
  content: "✓ " !important;
  color: #22c55e !important;
  font-weight: 900 !important;
}
.ld-item-list-item.ld-is-complete {
  opacity: 0.75 !important;
}

/* ── 10. COURSE OVERVIEW: Completion badge on tiles ── */
.ld-course-grid-item.ld-complete .thumbnail.course::after,
.ld-item-list-item.ld-is-complete .ld-item-thumbnail::after,
li.course-grid-item.ld-complete::after {
  content: "✓" !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 28px !important;
  height: 28px !important;
  background: #22c55e !important;
  color: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  z-index: 10 !important;
}
/* Ensure position:relative on tiles for the badge */
.ld-course-grid-item,
.ld-item-list-item {
  position: relative !important;
}

/* ── 11. COURSE OVERVIEW: Tile hover effect ── */
.thumbnail.course,
.ld-course-grid-item .thumbnail {
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.thumbnail.course:hover,
.ld-course-grid-item:hover .thumbnail {
  transform: scale(1.04) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.18) !important;
}

/* ── 12. COURSE OVERVIEW: Stats card full-width ── */
.lf-progress-card,
.ld-user-status,
#lf-user-stats,
[class*="user-stat"],
[class*="progress-card"],
.entry-content .wp-block-columns:first-child {
  max-width: 100% !important;
  width: 100% !important;
}

/* ── 13. HOME: Course tile gradient overlay captions ── */
.thumbnail.course .wp-post-image,
.ld-course-grid-item img,
.course-grid-image {
  display: block !important;
  width: 100% !important;
}
/* Gradient overlay on course list image titles on homepage */
.kb-course-grid-item .kb-course-grid-title,
.ld-grid-item .ld-item-name,
.thumbnail.course span,
.thumbnail.course .course-label {
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.72) 100%) !important;
  color: #fff !important;
  padding: 32px 10px 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
  border-radius: 0 0 14px 14px !important;
}

/* ── 14. HOMEPAGE: Feature cards upgrade ── */
.wp-block-column,
.kb-info-box,
[class*="feature-card"] {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.wp-block-column:hover {
  transform: translateY(-4px) !important;
}

/* ── 15. ARTICLE PAGES: typography upgrade ── */
.single-post .entry-content p,
.single-post .entry-content li {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #2d3748 !important;
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.single-post .entry-content h2 {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #1a2340 !important;
  margin-top: 2em !important;
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.single-post .entry-content h3 {
  font-size: 21px !important;
  font-weight: 700 !important;
  color: #1a2340 !important;
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── 16. ARTICLE: Frisian word callout highlight ── */
.single-post .entry-content strong {
  color: #006e80 !important;
  background: #e0f8fc !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
}

/* ── 18. BUTTONS: Global CTA button premium style ── */
.wp-block-button__link,
.kb-button,
a.button,
.button {
  border-radius: 12px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
  letter-spacing: 0.3px !important;
}
.wp-block-button__link:hover,
.kb-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important;
}

/* ── 19. COURSE: "Next Lesson" button ── */
.ld-nav-next a,
.learndash_next_prev_link a,
a[class*="next-lesson"],
a[class*="prev-lesson"] {
  padding: 14px 28px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  transition: all 0.2s !important;
}
.ld-nav-next a:hover {
  transform: translateX(4px) !important;
}

/* ── 20. STATS WIDGET: make it more vivid ── */
.lf-user-stats-wrapper,
[id*="lf_user_stats"],
.entry-content .has-background {
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}

/* ── 21. SCROLL: smooth scrolling ── */
html {
  scroll-behavior: smooth !important;
}

/* ── 22. LEADERBOARD: style the table ── */
.lf-leaderboard-table,
table[class*="leaderboard"] {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
.lf-leaderboard-table thead th,
table[class*="leaderboard"] thead th {
  background: linear-gradient(135deg, #1a2340, #2d4070) !important;
  color: #fff !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.lf-leaderboard-table tbody tr:nth-child(even) {
  background: #f8faff !important;
}
.lf-leaderboard-table tbody tr:hover {
  background: #e8f4fd !important;
  transition: background 0.15s !important;
}

/* ── 23. QUIZ: Audio play button style ── */
.wpProQuiz_questionText .wpProQuiz_questionImage + span > button,
button[class*="audio"],
.ld-audio button {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #00bcd4, #0097a7) !important;
  color: #fff !important;
  border: none !important;
  font-size: 22px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 14px rgba(0,188,212,0.35) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px !important;
}
button[class*="audio"]:hover,
.ld-audio button:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 20px rgba(0,188,212,0.5) !important;
}

/* ── 24. FOOTER: upgrade ── */
.site-footer {
  background: #111827 !important;
  color: #9ca3af !important;
}
.site-footer a {
  color: #d1d5db !important;
  transition: color 0.15s !important;
}
.site-footer a:hover {
  color: #00bcd4 !important;
}
.site-footer h2,
.site-footer h3,
.site-footer .widget-title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 16px !important;
}

/* ── 25. ARTICLES PAGE: card hover effect ── */
.wp-block-post,
article.post {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
article.post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.1) !important;
}

/* ── END LEARNFRISIAN PREMIUM REDESIGN ── */


/* ── QUIZ BUTTON REFINEMENTS ── */
/* Back = secondary outline style */
input.wpProQuiz_QuestionButton[value="Back"] {
  background: transparent !important;
  background-image: none !important;
  color: #64748b !important;
  border: 2px solid #cbd5e1 !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: none !important;
  font-size: 15px !important;
  padding: 14px 24px !important;
}
input.wpProQuiz_QuestionButton[value="Back"]:hover {
  border-color: #94a3b8 !important;
  color: #1a2340 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Check = green primary */
input.wpProQuiz_QuestionButton[value="Check"] {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  box-shadow: 0 4px 16px rgba(34,197,94,0.38) !important;
  min-width: 180px !important;
}
input.wpProQuiz_QuestionButton[value="Check"]:hover {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
  box-shadow: 0 8px 24px rgba(34,197,94,0.48) !important;
}

/* Next = teal */
input.wpProQuiz_QuestionButton[value="Next"] {
  background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%) !important;
  box-shadow: 0 4px 16px rgba(0,188,212,0.38) !important;
  min-width: 180px !important;
}
input.wpProQuiz_QuestionButton[value="Next"]:hover {
  background: linear-gradient(135deg, #0097a7 0%, #00838f 100%) !important;
  box-shadow: 0 8px 24px rgba(0,188,212,0.48) !important;
}

/* Finish Lesson = orange */
input.wpProQuiz_button[value="Finish Lesson"],
input.wpProQuiz_button[value="Start Lesson"] {
  background: linear-gradient(135deg, #ff6d00 0%, #ff9800 100%) !important;
  max-width: 280px !important;
}

/* Button row layout */
.wpProQuiz_listItem {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: 8px !important;
}

/* Reposition Back to left */
input.wpProQuiz_QuestionButton[value="Back"] {
  margin-right: auto !important;
}

/* ── AUDIO PLAYER BUTTON ── */
.compact_audio_player_wrapper {
  display: flex !important;
  justify-content: center !important;
  margin: 16px 0 24px !important;
}
input.myButton_play,
input.myButton_stop {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #00bcd4, #0097a7) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 14px rgba(0,188,212,0.4) !important;
  font-size: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px !important;
}
input.myButton_play:hover,
input.myButton_stop:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 20px rgba(0,188,212,0.55) !important;
}

/* ── QUIZ question container cleanup ── */
/* Hide the redundant question list that's shown on completed quiz */
.wpProQuiz_resultsList {
  list-style: none !important;
  padding: 0 !important;
}
.wpProQuiz_resultsList li {
  padding: 10px 16px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  font-size: 15px !important;
}
/* Score/result container */
.wpProQuiz_results {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
  border-radius: 20px !important;
  padding: 32px !important;
  text-align: center !important;
  box-shadow: 0 4px 20px rgba(34,197,94,0.15) !important;
  margin: 20px auto !important;
  max-width: 600px !important;
}
.wpProQuiz_results h4 {
  font-size: 28px !important;
  color: #166534 !important;
  margin-bottom: 16px !important;
}

/* ── QUESTION WRAPPER: card style ── */
.wpProQuiz_listItem {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 28px 32px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
  margin-bottom: 0 !important;
}

/* ── QUESTION TEXT ── */
.wpProQuiz_question_text p,
.wpProQuiz_question p {
  font-size: 21px !important;
  font-weight: 700 !important;
  color: #1a2340 !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}

/* ── COURSE OVERVIEW TITLE BANNER ── */
.entry-title,
.page-title,
h1.entry-title {
  font-size: 32px !important;
  font-weight: 900 !important;
}

/* ── PROGRESS BAR (wpProQuiz) ── */
ol.wpProQuiz_list {
  counter-reset: question-counter !important;
  list-style: none !important;
  padding: 0 !important;
}

/* Show "Question X of Y" indicator */
.wpProQuiz_listItem::before {
  display: none !important;
}

/* ── LESSON BREADCRUMB: make it cleaner ── */
.ld-breadcrumbs {
  font-size: 13px !important;
  color: #64748b !important;
  margin-bottom: 24px !important;
  padding: 10px 16px !important;
  background: #f8faff !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
}
.ld-breadcrumbs a {
  color: #00bcd4 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.ld-breadcrumbs a:hover {
  text-decoration: underline !important;
}

/* ── LESSON: COMPLETE badge ── */
.ld-status-complete,
.ld-complete-icon,
.learndash-complete {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #fff !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* ── COURSE GRID: Unit section headers (if using Kadence sections) ── */
.ld-course-section-heading,
.learndash-section-heading {
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #94a3b8 !important;
  margin: 32px 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

/* ── STATS CARD: stronger styling ── */
.lf-points-container,
div[class*="lf-points"],
div[class*="user-stat"] {
  background: linear-gradient(135deg, #1a2340 0%, #2d4070 100%) !important;
  border-radius: 24px !important;
  color: #fff !important;
  padding: 32px !important;
  box-shadow: 0 8px 40px rgba(26,35,64,0.3) !important;
}

/* ── HOME: stats bar ── */
.wp-block-kadence-iconlist li,
.entry-content .stats-bar {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ── ANSWER ITEMS: ensure question list is not flex ── */
.wpProQuiz_questionList {
  display: block !important;
}
.wpProQuiz_questionListItem {
  display: block !important;
  list-style: none !important;
}


/* ══════════════════════════════════════════════════
   PRECISE COURSE TILE REDESIGN — exact class targeting
   ══════════════════════════════════════════════════ */

/* Course tile container */
article.thumbnail.course {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}
article.thumbnail.course:hover {
  transform: translateY(-5px) scale(1.02) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,0.18) !important;
}

/* ── HIDE the old "ribbon" banners ── */
.ribbon {
  display: none !important;
}

/* ── Add COMPLETION badge via the "completed" class ── */
article.thumbnail.course:has(.ribbon.completed)::after,
article.thumbnail.course.completed::after {
  content: "✓ Done" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: #22c55e !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 10px rgba(34,197,94,0.4) !important;
  z-index: 20 !important;
  letter-spacing: 0.3px !important;
}

/* Completed tiles: slight dimming so new ones stand out */
article.thumbnail.course:has(.ribbon.completed) {
  opacity: 0.82 !important;
}
article.thumbnail.course:has(.ribbon.completed):hover {
  opacity: 1 !important;
}

/* ── IN-PROGRESS badge ── */
article.thumbnail.course:has(.ribbon.in-progress)::after {
  content: "▶ Active" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: linear-gradient(135deg, #ff6d00, #ff9800) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 10px rgba(255,109,0,0.4) !important;
  z-index: 20 !important;
  letter-spacing: 0.3px !important;
}

/* ── Course tile image: fill nicely ── */
article.thumbnail.course img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* ── Course tile label at bottom ── */
.ld_course_grid_button {
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.75) 100%) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 28px 10px 10px !important;
  z-index: 5 !important;
  border-radius: 0 0 16px 16px !important;
}
.ld_course_grid_button a {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-align: center !important;
  display: block !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
.ld_course_grid_button a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

/* ── Course thumbnail: set a fixed height for uniform tiles ── */
.ld-item-list.ld-lesson-list article.thumbnail.course {
  height: 100% !important;
}

/* ══ STATS CARD: improve the progress widget ══ */
/* The stats card is a shortcode [lf_user_stats] rendered via PHP
   Let's target the output wrapper */
.lf-stats-widget,
.lf-user-stats-wrapper,
div.entry-content > div:first-child {
  width: 100% !important;
}

/* ══ COURSE PAGE: Section group styling ══ */
/* LearnDash groups lessons into sections - style section headers */
.ld-item-list-section-heading,
.ld-lesson-section-heading,
span.ld-item-list-section-heading-text {
  display: block !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  color: #94a3b8 !important;
  margin: 36px 0 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 2px solid #e2e8f0 !important;
  width: 100% !important;
}

/* ══ LESSON SIDEBAR: cleaner look ══ */
.ld-course-navigation-list {
  padding: 0 !important;
}
.ld-course-navigation-list li {
  list-style: none !important;
}
.ld-course-navigation-list .ld-item-title {
  font-size: 13px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  transition: background 0.15s !important;
}
.ld-course-navigation-list li:hover .ld-item-title {
  background: #f0fdff !important;
}
.ld-course-navigation-list .ld-is-complete .ld-item-title {
  color: #16a34a !important;
}

/* ══ HOMEPAGE: Feature cards hover ══ */
.wp-block-column {
  transition: transform 0.2s ease !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* ══ ARTICLE PAGE: reading experience ══ */
.single-post .site-main {
  max-width: 800px !important;
  margin: 0 auto !important;
}

/* ══ COURSE OVERVIEW: "What do you want to do?" section ══ */
.ld-item-list.ld-lesson-list {
  gap: 14px !important;
}

/* ══ QUIZ: question number display ══ */
.wpProQuiz_listItem .wpProQuiz_question_page {
  background: #e0f8fc !important;
  color: #006e80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ══ QUIZ: Make the whole quiz content centered on page ══ */
.type-sfwd-quiz .site-main > .entry-content,
.post-type-archive-sfwd-quiz .entry-content {
  max-width: 860px !important;
  margin: 0 auto !important;
}

/* ══ SCROLLBAR: premium subtle style ══ */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
::-webkit-scrollbar-track {
  background: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 6px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* ══ SELECTION highlight ══ */
::selection {
  background: #b2f5fc !important;
  color: #1a2340 !important;
}



/* ════════════════════════════════════════════════════
   CRITICAL: wpProQuiz one-at-a-time question display
   MUST be at the end - overrides all previous rules
   ════════════════════════════════════════════════════ */

/* The plugin hides questions with inline style="display: none;"
   We enforce that hidden state here with maximum specificity */
ol.wpProQuiz_list > li.wpProQuiz_listItem[style*="display: none"] {
  display: none !important;
}

/* Visible question: use block layout, never flex */
ol.wpProQuiz_list > li.wpProQuiz_listItem:not([style*="display: none"]) {
  display: block !important;
  background: #fff !important;
  border-radius: 20px !important;
  padding: 28px 32px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* Also target with inline style="" (empty style attr when visible) */
ol.wpProQuiz_list > li.wpProQuiz_listItem[style=""] {
  display: block !important;
}
ol.wpProQuiz_list > li.wpProQuiz_listItem:not([style]) {
  display: block !important;
}



/* === LearnFrisian Premium Redesign === */

/* ---- GLOBAL TYPOGRAPHY & SPACING ---- */
body {
  font-family: 'Inter', 'Segoe UI', sans-serif;
  color: #1a1a2e;
}

/* ---- STATS BAR (7000+ Questions etc) ---- */
.wp-block-group.stats-bar,
section.elementor-section .elementor-widget-wrap .elementor-widget-text-editor,
.home .wp-block-columns {
  line-height: 1.6;
}

/* Stats/counter bar - the teal strip */
.home .kt-row-layout-inner,
.home .wp-block-cover {
  letter-spacing: 0.01em;
}

/* ---- WHY LEARN FRISIAN - Section Title ---- */
.home h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0d1b2a;
  margin-bottom: 0.4em;
}

/* ---- FEATURE CARDS (Why you should learn Frisian) ---- */
.home .wp-block-column,
.home .kt-blocks-info-box-link-wrap {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Card hover effect */
.home .wp-block-column:hover,
.home .kt-blocks-info-box-link-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}

/* ---- INFO BOX CARDS ---- */
.kt-blocks-info-box-link-wrap {
  border-radius: 16px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  background: #fff !important;
  overflow: hidden;
}

.kt-blocks-info-box-link-wrap:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.13) !important;
}

.kt-blocks-info-box-link-wrap .kt-blocks-info-box-title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #0d1b2a !important;
  margin-top: 0.6rem !important;
}

.kt-blocks-info-box-link-wrap .kt-blocks-info-box-text {
  color: #555 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

/* ---- CTA BANNERS (Start learning today / Interested in articles) ---- */
.home .wp-block-cover,
.home section[class*="background-color"] {
  border-radius: 0;
}

/* CTA banner text */
.home .wp-block-cover__inner-container h2,
.home .wp-block-cover__inner-container h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}

/* ---- CTA BUTTONS ---- */
.home .wp-block-button__link,
.home .kb-btn,
.home a.kb-button {
  border-radius: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  padding: 14px 30px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
}

.home .wp-block-button__link:hover,
.home .kb-btn:hover,
.home a.kb-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
  filter: brightness(1.06) !important;
}

/* Dark "Start now!" and "Buy a Frisian book" buttons */
.home .wp-block-button .wp-block-button__link[style*="background:#1a1a2e"],
.home .wp-block-button .wp-block-button__link[style*="background: #1a1a2e"] {
  background: #0d1b2a !important;
}

/* ---- WHAT CAN YOU LEARN - Lesson Tiles ---- */
.home .msl-course-image-wrapper,
.home .course-thumbnail-wrap {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.home .msl-course-image-wrapper:hover,
.home .course-thumbnail-wrap:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.18) !important;
}

/* Lesson carousel pagination */
.home .msl-page-nav a,
.home .msl-page-nav span {
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* ---- BLOG ARTICLE CARDS ---- */
.home .wp-block-post,
.home article.type-post {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  padding: 0 !important;
}

.home .wp-block-post:hover,
.home article.type-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.13) !important;
}

/* Article category label */
.home .wp-block-post-terms,
.home .cat-links,
.home span.entry-cat {
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #00bcd4 !important;
}

/* Article titles in grid */
.home .wp-block-post-title a,
.home .entry-title a {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #0d1b2a !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  transition: color 0.15s ease !important;
}

.home .wp-block-post-title a:hover,
.home .entry-title a:hover {
  color: #00bcd4 !important;
}

/* "Read more" links */
.home .read-more-link,
.home a[rel="bookmark"]:not(.wp-block-post-title a),
.home .entry-content a[class*="read-more"] {
  font-weight: 600 !important;
  color: #00bcd4 !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
  transition: color 0.15s ease !important;
}

.home .read-more-link:hover {
  color: #0097a7 !important;
}

/* ---- FAQ / ACCORDION ---- */
.home .wp-block-kadence-accordion .kt-accordion-panel-inner,
.home .accordion-section-content,
.home .wp-block-kadence-pane {
  border-radius: 0 0 12px 12px !important;
}

/* FAQ section heading */
.home .wp-block-kadence-accordion > h2,
.home h2.accordion-heading {
  font-size: 1.9rem !important;
  font-weight: 800 !important;
  text-align: center;
  margin-bottom: 2rem !important;
}

/* FAQ accordion items - teal */
.home .kt-accordion-title-wrap,
.home .kt-blocks-accordion-header {
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  transition: background 0.2s ease !important;
}

.home .kt-accordion-title-wrap:hover,
.home .kt-blocks-accordion-header:hover {
  filter: brightness(1.08) !important;
}

/* ---- BOOK GALLERY SECTION ---- */
.home .rswpthemes-book-loop-single-wrapper,
.home .book-gallery-list-layout-1-col {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.home .rswpthemes-book-loop-single-wrapper:hover,
.home .book-gallery-list-layout-1-col:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.15) !important;
}

/* ---- SECTION SPACING ---- */
.home .wp-block-group {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* ---- FOOTER IMPROVEMENTS ---- */
.site-footer {
  background: #0d1b2a !important;
  color: #cdd5e0 !important;
}

.site-footer a {
  color: #7ec8e3 !important;
  transition: color 0.15s ease !important;
}

.site-footer a:hover {
  color: #fff !important;
}

.site-footer .footer-widget-title,
.site-footer .widget-title {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
}

/* ---- "What can you learn?" title ---- */
.home h2.entry-title,
.home .wp-block-heading {
  position: relative;
}

/* ---- SMOOTH SCROLLING ---- */
html {
  scroll-behavior: smooth;
}

/* ---- SECTION DIVIDERS / whitespace ---- */
.home .wp-block-spacer {
  min-height: 2rem !important;
}

/* ---- RESPONSIVE TWEAKS ---- */
@media (max-width: 768px) {
  .home h2 {
    font-size: 1.6rem !important;
  }

  .kt-blocks-info-box-link-wrap {
    margin-bottom: 1rem;
  }
}

/* === END LearnFrisian Premium Redesign === */


/* ============================================================
   DUOLINGO-STYLE LESSON PAGE REDESIGN - LearnFrisian
   ============================================================ */

/* --- LESSON HERO / BANNER --- */
.entry-hero-container-inner {
  background: linear-gradient(135deg, #1cb0f6 0%, #0a7abf 40%, #0d5fa0 100%) !important;
  min-height: 140px !important;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.entry-hero-container-inner::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255,255,255,0.07);
  border-radius: 50%;
  top: -80px;
  right: -60px;
}
.entry-hero-container-inner::after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(255,255,255,0.05);
  border-radius: 50%;
  bottom: -60px;
  left: 10%;
}
.hero-section-overlay {
  background: none !important;
}
.entry-hero-container-inner .entry-title {
  font-size: 2.6rem !important;
  font-weight: 900 !important;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
  letter-spacing: -0.5px !important;
  position: relative;
  z-index: 2;
}

/* --- LESSON WRAPPER LAYOUT --- */
.learndash-wrapper--lesson {
  max-width: 860px;
  margin: 0 auto;
}

/* --- BREADCRUMBS --- */
.ld-lesson-status {
  margin-bottom: 1.5rem;
}
.ld-breadcrumbs-segments {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
.ld-breadcrumbs-segments li a {
  color: #777 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ld-breadcrumbs-segments li a:hover {
  color: #1cb0f6 !important;
}
.ld-status.ld-status-progress {
  background: linear-gradient(90deg, #ffc800, #ff9600) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.1em !important;
  border-radius: 100px !important;
  padding: 4px 14px !important;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(255,150,0,0.35);
}

/* --- CHAPTER CONTENT BOX --- */
.ld-table-list {
  border: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 30px rgba(0,0,0,0.1) !important;
  margin-bottom: 2rem !important;
  background: #fff !important;
}

/* --- TABLE LIST HEADER --- */
.ld-table-list-header.ld-primary-background {
  background: linear-gradient(135deg, #1cb0f6 0%, #0a7abf 100%) !important;
  padding: 18px 24px !important;
  border-radius: 0 !important;
}
.ld-table-list-header .ld-table-list-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ld-table-list-header .ld-icon {
  font-size: 1.3rem !important;
  color: rgba(255,255,255,0.9) !important;
}
.ld-table-list-header .ld-text {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
}

/* --- LIST ITEMS CONTAINER --- */
.ld-table-list-items {
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: #f7f9fc !important;
}

/* --- INDIVIDUAL LESSON ITEMS (cards) --- */
.ld-table-list-item {
  border: none !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
  box-shadow: 0 2px 0 #d4d9e3 !important;
  background: #fff !important;
}
.ld-table-list-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.13) !important;
}
.ld-table-list-item-quiz {
  padding: 0 !important;
}
.ld-tooltip {
  border: none !important;
  padding: 0 !important;
}

/* --- TOPIC ROW LINK (the clickable area) --- */
.ld-table-list-item-preview.ld-topic-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  background: #fff !important;
  border-bottom: none !important;
  transition: background 0.15s ease !important;
}
.ld-table-list-item-preview.ld-topic-row:hover {
  background: #f0f8ff !important;
}

/* --- COMPLETE ITEMS --- */
.ld-table-list-item.learndash-complete .ld-table-list-item-preview.ld-topic-row {
  background: linear-gradient(135deg, #e8f9f0 0%, #d4f5e5 100%) !important;
  border-left: 4px solid #58cc02 !important;
  border-radius: 14px !important;
}
.ld-table-list-item.learndash-complete .ld-table-list-item-preview.ld-topic-row:hover {
  background: linear-gradient(135deg, #d4f5e5 0%, #c0f0d8 100%) !important;
}
.ld-table-list-item.learndash-complete .ld-item-title {
  color: #2d8a3e !important;
}

/* --- INCOMPLETE ITEMS --- */
.ld-table-list-item.learndash-incomplete .ld-table-list-item-preview.ld-topic-row {
  border-left: 4px solid #e5e5e5 !important;
  border-radius: 14px !important;
}
.ld-table-list-item.learndash-incomplete .ld-item-title {
  color: #3c3c3c !important;
}

/* --- ITEM TITLE TEXT --- */
.ld-item-title {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  flex: 1;
}

/* --- STATUS ICON (quiz icon) --- */
.ld-status-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 1rem !important;
}
.ld-status-icon.ld-quiz-complete {
  background: #58cc02 !important;
  color: #fff !important;
  box-shadow: 0 2px 0 #45a600 !important;
}
.ld-status-icon:not(.ld-quiz-complete) {
  background: #e5e5e5 !important;
  color: #aaa !important;
}

/* --- NAVIGATION BUTTONS (Previous/Next) --- */
.ld-content-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 2rem !important;
  padding: 0 !important;
}
.ld-content-action .ld-button {
  background: linear-gradient(135deg, #1cb0f6 0%, #0a7abf 100%) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.02em !important;
  padding: 14px 28px !important;
  border-radius: 14px !important;
  border: none !important;
  border-bottom: 4px solid #0660a0 !important;
  box-shadow: none !important;
  transition: transform 0.15s ease, border-bottom 0.1s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.ld-content-action .ld-button:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #33bfff 0%, #1490d6 100%) !important;
}
.ld-content-action .ld-button:active {
  transform: translateY(1px) !important;
  border-bottom: 1px solid #0660a0 !important;
}
.ld-course-step-back {
  color: #1cb0f6 !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  transition: background 0.15s ease !important;
}
.ld-course-step-back:hover {
  background: #e8f5ff !important;
  text-decoration: none !important;
}

/* --- PROGRESS LABEL --- */
.ld-table-list::before {
  display: none;
}

/* --- RESPONSIVE: single column on mobile --- */
@media (max-width: 640px) {
  .ld-table-list-items {
    grid-template-columns: 1fr !important;
  }
  .entry-hero-container-inner .entry-title {
    font-size: 1.8rem !important;
  }
}

/* ============================================================
   END DUOLINGO-STYLE LESSON PAGE REDESIGN
   ============================================================ */


/* ═══════════════════════════════════════════════════════
   PREMIUM SIDEBAR REDESIGN — LearnFrisian
   ═══════════════════════════════════════════════════════ */

/* ── Sidebar container ── */
.primary-sidebar .sidebar-inner-wrap {
  background: linear-gradient(135deg, #f0f9ff 0%, #e8f4fd 50%, #f0ecff 100%) !important;
  border-radius: 20px !important;
  padding: 20px 16px 16px !important;
  border: 1px solid rgba(0, 178, 212, 0.12) !important;
  box-shadow: 0 4px 24px rgba(0, 50, 80, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* ── Unit headers ── */
.lf-unit-header {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.8px !important;
  color: #1e3a5f !important;
  padding: 10px 4px 8px !important;
  margin: 20px 0 8px !important;
  border-bottom: 2px solid rgba(0, 178, 212, 0.2) !important;
  text-transform: uppercase !important;
}

.lf-unit-header:first-child {
  margin-top: 0 !important;
}

/* ── Grid layout: single column list ── */
.ld-course-list-items.row {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.ld-course-list-items .ld_course_grid {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Card / article tile ── */
.ld-course-list-items .ld_course_grid .thumbnail.course {
  border: none !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 50, 80, 0.06) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  min-height: 0 !important;
  height: auto !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course:hover {
  box-shadow: 0 4px 16px rgba(0, 50, 80, 0.12) !important;
  transform: translateY(-1px) !important;
}

/* ── Hide the images ── */
.ld-course-list-items .ld_course_grid .thumbnail.course > a:has(img) {
  display: none !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course > a > img {
  display: none !important;
}

/* Fallback for browsers without :has() */
.ld-course-list-items .ld_course_grid .thumbnail.course > a:first-of-type {
  display: none !important;
}

/* ── Hide the old ribbon ── */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
  display: none !important;
}

/* ── Caption / label area ── */
.ld-course-list-items .ld_course_grid .thumbnail .caption {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  position: relative !important;
}

/* ── Hide the old H3 title ── */
.ld-course-list-items .ld_course_grid .entry-title {
  display: none !important;
}

/* ── The button area: turn it into a full row link ── */
.ld-course-list-items .ld_course_grid .ld_course_grid_button {
  background: none !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 0 !important;
  z-index: auto !important;
  border-radius: 0 !important;
  width: 100% !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button a {
  display: flex !important;
  align-items: center !important;
  padding: 12px 14px !important;
  color: #1e3a5f !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  text-decoration: none !important;
  background: transparent !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
  gap: 10px !important;
  line-height: 1.3 !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button a::before {
  content: "?" !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%) !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button a::after {
  content: "›" !important;
  margin-left: auto !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #94a3b8 !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button a:hover {
  color: #1e3a5f !important;
  text-decoration: none !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button a:hover::after {
  color: #00B2D4 !important;
  transform: translateX(2px) !important;
}

/* ── Completed state ── */
.ld-course-list-items .ld_course_grid:has(.ribbon.completed) .thumbnail.course {
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
  border: 1px solid rgba(34, 197, 94, 0.15) !important;
}

.ld-course-list-items .ld_course_grid:has(.ribbon.completed) .ld_course_grid_button a::before {
  content: "✓" !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.ld-course-list-items .ld_course_grid:has(.ribbon.completed) .ld_course_grid_button a {
  color: #15803d !important;
}

.ld-course-list-items .ld_course_grid:has(.ribbon.completed) .ld_course_grid_button a::after {
  color: #86efac !important;
}

/* ── Pager ── */
.learndash-pager.learndash-pager-course_list {
  background: linear-gradient(135deg, #00B2D4 0%, #0891b2 100%) !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  margin-top: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 178, 212, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.learndash-pager.learndash-pager-course_list a {
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
  font-size: 14px !important;
}

.learndash-pager.learndash-pager-course_list a:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

/* ── Responsive adjustments ── */
@media (max-width: 1024px) {
  .primary-sidebar .sidebar-inner-wrap {
    padding: 16px 12px 12px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 420px) {
  .ld-course-list-items .ld_course_grid .ld_course_grid_button a {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
  
  .ld-course-list-items .ld_course_grid .ld_course_grid_button a::before {
    width: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }
}

/* ═══════════════════════════════════════════════════════
   END PREMIUM SIDEBAR
   ═══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════
   PREMIUM SIDEBAR — FIXES & OVERRIDES
   ═══════════════════════════════════════════════════════ */

/* Fix: Override btn-primary orange background */
.ld-course-list-items .ld_course_grid .ld_course_grid_button a.btn-primary,
.ld-course-list-items .ld_course_grid .ld_course_grid_button a.btn.btn-primary,
.primary-sidebar .ld_course_grid_button a.btn-primary {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fix: Hide the "Done" badge pseudo-element on completed articles in sidebar */
.primary-sidebar article.thumbnail.course:has(.ribbon.completed)::after,
.primary-sidebar article.thumbnail.course.completed::after {
  display: none !important;
  content: none !important;
}

/* Fix: Remove the dimming on completed items in sidebar */
.primary-sidebar article.thumbnail.course:has(.ribbon.completed) {
  opacity: 1 !important;
}

/* Fix: Hide in-progress badge in sidebar */
.primary-sidebar article.thumbnail.course:has(.ribbon.in-progress)::after {
  display: none !important;
  content: none !important;
}

/* Fix: Ensure border on completed items for sidebar */
.primary-sidebar .ld-course-list-items .ld_course_grid:has(.ribbon.completed) .thumbnail.course {
  border: 1px solid rgba(34, 197, 94, 0.15) !important;
}


/* ============================================
   PREMIUM HOMEPAGE REDESIGN - Below Hero
   ============================================ */

/* --- GLOBAL ENHANCEMENTS --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.entry-content h2.wp-block-heading,
.entry-content h2.kt-adv-heading742_49eb92-fd,
.entry-content h2.wp-block-heading.alignwide {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: -0.02em !important;
}

/* --- STATS BAR - Premium Glassmorphism --- */
.kb-row-layout-id742_93ce9e-39 {
  background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%) !important;
  padding: 50px 0 !important;
  position: relative;
  overflow: hidden;
}

.kb-row-layout-id742_93ce9e-39::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 20% 50%, rgba(0, 178, 212, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 80% 50%, rgba(255, 107, 53, 0.1) 0%, transparent 50%);
  animation: statsGlow 8s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes statsGlow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(10deg); }
}

.kb-row-layout-id742_93ce9e-39 .wp-block-column {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 28px 20px !important;
  margin: 0 12px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-align: center !important;
}

.kb-row-layout-id742_93ce9e-39 .wp-block-column:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
  border-color: rgba(0, 178, 212, 0.3) !important;
}

.kb-row-layout-id742_93ce9e-39 h2 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.8rem !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

/* --- WHY LEARN FRISIAN SECTION --- */
.kb-row-layout-id742_5b0595-d2 {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  padding: 80px 0 20px !important;
}

.kb-row-layout-id742_5b0595-d2 h2.kt-adv-heading742_49eb92-fd {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  color: #1a1a2e !important;
  margin-bottom: 10px !important;
  position: relative !important;
}

.kb-row-layout-id742_5b0595-d2 h2.kt-adv-heading742_49eb92-fd::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #00b2d4, #ff6b35);
  border-radius: 2px;
  margin: 16px auto 0;
}

/* --- FEATURE CARDS - Premium Glass Cards --- */
.kb-row-layout-id742_962ec5-c9 {
  padding: 30px 0 60px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
}

.kb-row-layout-id742_962ec5-c9 .wp-block-kadence-infobox {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 36px 28px !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.kb-row-layout-id742_962ec5-c9 .wp-block-kadence-infobox::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #00b2d4, #0891b2);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.kb-row-layout-id742_962ec5-c9 .wp-block-kadence-infobox:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 178, 212, 0.15) !important;
}

.kb-row-layout-id742_962ec5-c9 .wp-block-kadence-infobox:hover::before {
  opacity: 1;
}

.kb-row-layout-id742_962ec5-c9 .kadence-info-box-icon-container {
  background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  margin-bottom: 20px !important;
  transition: all 0.4s ease !important;
}

.kb-row-layout-id742_962ec5-c9 .wp-block-kadence-infobox:hover .kadence-info-box-icon-container {
  background: linear-gradient(135deg, #00b2d4 0%, #0891b2 100%) !important;
  transform: scale(1.05) !important;
}

.kb-row-layout-id742_962ec5-c9 .wp-block-kadence-infobox:hover .kadence-info-box-icon-container svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.kb-row-layout-id742_962ec5-c9 h2.kt-blocks-info-box-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  color: #1a1a2e !important;
  margin-bottom: 10px !important;
}

.kb-row-layout-id742_962ec5-c9 .kt-blocks-info-box-text {
  color: #64748b !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}

/* --- CTA BARS - Premium Gradient Style --- */
.kb-row-layout-id742_bd2723-a7,
.kb-row-layout-id742_363e16-bb,
.kb-row-layout-id742_66d43b-87 {
  background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%) !important;
  padding: 45px 0 !important;
  position: relative;
  overflow: hidden;
}

.kb-row-layout-id742_bd2723-a7::before,
.kb-row-layout-id742_363e16-bb::before,
.kb-row-layout-id742_66d43b-87::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(0, 178, 212, 0.15) 0%, transparent 70%);
  pointer-events: none;
}

.kb-row-layout-id742_bd2723-a7 h2,
.kb-row-layout-id742_363e16-bb h2,
.kb-row-layout-id742_66d43b-87 h2 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}

.kb-row-layout-id742_bd2723-a7 .wp-block-kadence-advancedbtn a,
.kb-row-layout-id742_363e16-bb .wp-block-kadence-advancedbtn a,
.kb-row-layout-id742_66d43b-87 .wp-block-kadence-advancedbtn a,
.kb-row-layout-id742_bd2723-a7 .kt-button,
.kb-row-layout-id742_363e16-bb .kt-button,
.kb-row-layout-id742_66d43b-87 .kt-button {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.02em !important;
  transition: all 0.3s ease !important;
  color: #ffffff !important;
}

.kb-row-layout-id742_bd2723-a7 .wp-block-kadence-advancedbtn a:hover,
.kb-row-layout-id742_363e16-bb .wp-block-kadence-advancedbtn a:hover,
.kb-row-layout-id742_66d43b-87 .wp-block-kadence-advancedbtn a:hover,
.kb-row-layout-id742_bd2723-a7 .kt-button:hover,
.kb-row-layout-id742_363e16-bb .kt-button:hover,
.kb-row-layout-id742_66d43b-87 .kt-button:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

/* --- WHAT CAN YOU LEARN SECTION --- */
h2.wp-block-heading.alignwide.has-text-align-center {
  font-family: 'Inter', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  color: #1a1a2e !important;
  margin-top: 70px !important;
  margin-bottom: 40px !important;
  position: relative !important;
}

/* Course Grid Cards */
.ld-course-list-items .ld_course_grid {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background: #ffffff !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course img {
  border-radius: 16px 16px 0 0 !important;
  transition: transform 0.4s ease !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course:hover img {
  transform: scale(1.03) !important;
}

.ld-course-list-items .ld_course_grid .caption {
  padding: 18px 16px !important;
}

.ld-course-list-items .ld_course_grid .entry-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #1a1a2e !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button .btn-primary {
  background: linear-gradient(135deg, #00b2d4 0%, #0891b2 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(0, 178, 212, 0.25) !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_button .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0, 178, 212, 0.35) !important;
}

.ld-course-list-items .ribbon {
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* --- ARTICLE CARDS - Premium Style --- */
.kb-posts.kadence-posts-list .loop-entry {
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background: #ffffff !important;
}

.kb-posts.kadence-posts-list .loop-entry:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06) !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-content-wrap {
  padding: 28px !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-taxonomies {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #00b2d4 !important;
  margin-bottom: 10px !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-taxonomies a {
  color: #00b2d4 !important;
  text-decoration: none !important;
  background: rgba(0, 178, 212, 0.08) !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-title a {
  color: #1a1a2e !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-title a:hover {
  color: #00b2d4 !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-summary p {
  color: #64748b !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-readmore a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: #00b2d4 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-readmore a:hover {
  color: #0891b2 !important;
  transform: translateX(4px) !important;
}

/* --- BOOKS SECTION --- */
.kb-row-layout-id742_28e012-a5 {
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%) !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}

.kb-row-layout-id742_28e012-a5::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 70% 30%, rgba(0, 178, 212, 0.1) 0%, transparent 60%),
              radial-gradient(circle at 30% 70%, rgba(255, 107, 53, 0.05) 0%, transparent 60%);
  pointer-events: none;
}

.kb-row-layout-id742_28e012-a5 h2 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  background: linear-gradient(135deg, #00b2d4 0%, #67e8f9 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.kb-row-layout-id742_28e012-a5 img {
  border-radius: 16px !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.kb-row-layout-id742_28e012-a5 img:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

.kb-row-layout-id742_28e012-a5 .kt-button,
.kb-row-layout-id742_28e012-a5 a.wp-block-button__link,
.kb-row-layout-id742_28e012-a5 .wp-block-kadence-advancedbtn a {
  background: linear-gradient(135deg, #00b2d4 0%, #0891b2 100%) !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 16px 40px !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.05rem !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 8px 25px rgba(0, 178, 212, 0.3) !important;
  color: #ffffff !important;
}

.kb-row-layout-id742_28e012-a5 .kt-button:hover,
.kb-row-layout-id742_28e012-a5 a.wp-block-button__link:hover,
.kb-row-layout-id742_28e012-a5 .wp-block-kadence-advancedbtn a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 35px rgba(0, 178, 212, 0.45) !important;
}

/* --- FAQ SECTION - Common Questions Header --- */
.kb-row-layout-id742_3e3b56-5b {
  background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%) !important;
  padding: 60px 0 !important;
  position: relative;
  overflow: hidden;
}

.kb-row-layout-id742_3e3b56-5b::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 50% 50%, rgba(0, 178, 212, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

.kb-row-layout-id742_3e3b56-5b h2 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.5rem !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}

/* --- FAQ ACCORDION - Premium Style --- */
.kb-row-layout-id742_2259c8-db {
  background: #f8fafc !important;
  padding: 60px 0 80px !important;
}

.kb-row-layout-id742_2259c8-db .wp-block-kadence-pane {
  margin-bottom: 12px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s ease !important;
}

.kb-row-layout-id742_2259c8-db .wp-block-kadence-pane:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.kb-row-layout-id742_2259c8-db .kt-accordion-header-wrap {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 14px !important;
  padding: 18px 24px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.kb-row-layout-id742_2259c8-db .kt-accordion-header-wrap:hover {
  background: linear-gradient(135deg, #f0fdfa 0%, #e0f7fa 100%) !important;
  border-color: rgba(0, 178, 212, 0.2) !important;
}

.kb-row-layout-id742_2259c8-db .kt-blocks-accordion-header {
  background: transparent !important;
  color: #1a1a2e !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}

.kb-row-layout-id742_2259c8-db .kt-accordion-panel-inner {
  padding: 20px 24px !important;
  color: #64748b !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  border-top: none !important;
  border-radius: 0 0 14px 14px !important;
}

/* --- FOOTER ENHANCEMENT --- */
.site-footer {
  background: linear-gradient(180deg, #0f172a 0%, #020617 100%) !important;
  position: relative;
}

.site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 178, 212, 0.4), transparent);
}

.site-footer .footer-widget-area {
  padding-top: 60px !important;
  padding-bottom: 40px !important;
}

.site-footer a {
  transition: color 0.3s ease !important;
}

.site-footer a:hover {
  color: #00b2d4 !important;
}

.site-footer .site-footer-bottom-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* --- SMOOTH SCROLL REVEAL ANIMATION --- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kb-row-layout-id742_5b0595-d2,
.kb-row-layout-id742_962ec5-c9,
.kb-row-layout-id742_28e012-a5,
.kb-row-layout-id742_2259c8-db {
  animation: fadeInUp 0.6s ease-out;
}

/* --- SECTION SPACING & POLISH --- */
.entry-content > .kb-row-layout-wrap + .kb-row-layout-wrap {
  margin-top: 0 !important;
}

/* Enhance overall section transitions */
.kb-row-layout-wrap {
  transition: background 0.4s ease !important;
}

/* Better mobile spacing */
@media (max-width: 768px) {
  .kb-row-layout-id742_93ce9e-39 .wp-block-column {
    margin: 8px 0 !important;
  }
  
  .kb-row-layout-id742_5b0595-d2 h2.kt-adv-heading742_49eb92-fd,
  h2.wp-block-heading.alignwide.has-text-align-center,
  .kb-row-layout-id742_3e3b56-5b h2 {
    font-size: 1.8rem !important;
  }
  
  .kb-row-layout-id742_bd2723-a7 h2,
  .kb-row-layout-id742_363e16-bb h2,
  .kb-row-layout-id742_66d43b-87 h2 {
    font-size: 1.4rem !important;
  }
}

/* --- SUBTLE GLOW EFFECTS --- */
.kb-row-layout-id742_962ec5-c9 .kadence-column {
  position: relative;
}

/* Premium scrollbar for the page */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00b2d4, #0891b2);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #0891b2, #0e7490);
}

/* ============================================
   END PREMIUM HOMEPAGE REDESIGN
   ============================================ */

/* ============================================
   ADDITIONAL PREMIUM REFINEMENTS
   ============================================ */

/* --- LESSON LIST TABLE ROWS --- */
.ld-course-list-items.row {
  gap: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.ld-course-list-items .ld_course_grid {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s ease !important;
}

.ld-course-list-items .ld_course_grid:last-child {
  border-bottom: none !important;
}

.ld-course-list-items .ld_course_grid:hover {
  background: rgba(0, 178, 212, 0.03) !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 16px 24px !important;
}

.ld-course-list-items .ld_course_grid .entry-title a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #1a1a2e !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.ld-course-list-items .ld_course_grid .entry-title a:hover {
  color: #00b2d4 !important;
}

/* Status ribbons */
.ld-course-list-items .ribbon.completed {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.03em !important;
  padding: 5px 12px !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25) !important;
}

.ld-course-list-items .ribbon.in-progress {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.03em !important;
  padding: 5px 12px !important;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25) !important;
}

/* Pagination bar */
.learndash-pager {
  border-radius: 12px !important;
  overflow: hidden !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
}

/* --- ARTICLE CARDS - Additional Refinements --- */
.kb-posts.kadence-posts-list {
  gap: 24px !important;
}

.kb-posts.kadence-posts-list .loop-entry {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background: #ffffff !important;
}

.kb-posts.kadence-posts-list .loop-entry:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 178, 212, 0.12) !important;
}

/* Add a top accent line on article cards on hover */
.kb-posts.kadence-posts-list .loop-entry::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00b2d4, #0891b2);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.kb-posts.kadence-posts-list .loop-entry:hover::before {
  opacity: 1;
}

.kb-posts.kadence-posts-list .loop-entry .entry-content-wrap {
  padding: 24px 20px !important;
}

/* Category tag style */
.kb-posts.kadence-posts-list .loop-entry .entry-taxonomies a {
  color: #00b2d4 !important;
  text-decoration: none !important;
  background: rgba(0, 178, 212, 0.08) !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

/* Article title */
.kb-posts.kadence-posts-list .loop-entry h2.entry-title,
.kb-posts.kadence-posts-list .loop-entry h3.entry-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-title a {
  color: #1a1a2e !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-title a:hover {
  color: #00b2d4 !important;
}

/* Article text */
.kb-posts.kadence-posts-list .loop-entry .entry-summary {
  color: #64748b !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
}

/* Read more link */
.kb-posts.kadence-posts-list .loop-entry .entry-readmore a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  color: #00b2d4 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0.02em !important;
}

.kb-posts.kadence-posts-list .loop-entry .entry-readmore a:hover {
  color: #0891b2 !important;
}

/* --- BOOKS SECTION - Refined Image Hover --- */
.kb-row-layout-id742_28e012-a5 img {
  border-radius: 12px !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}

.kb-row-layout-id742_28e012-a5 img:hover {
  transform: scale(1.04) rotate(1deg) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
}

/* --- SECTION TRANSITION DIVIDERS --- */
.kb-row-layout-id742_93ce9e-39 {
  margin-bottom: 0 !important;
}

.kb-row-layout-id742_5b0595-d2 {
  margin-top: 0 !important;
}

/* Consistent section spacing */
.entry-content > h2.wp-block-heading.alignwide.has-text-align-center {
  margin-top: 60px !important;
  margin-bottom: 30px !important;
}

/* ============================================
   END ADDITIONAL REFINEMENTS
   ============================================ */

/* ============================================
   DUOLINGO-STYLE COURSE PAGE — LearnFrisian
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

/* ---- Variables ---- */
:root {
  --duo-green: #58CC02;
  --duo-green-dark: #46a302;
  --duo-green-light: #d7f5b0;
  --duo-blue: #1cb0f6;
  --duo-blue-dark: #0a91d1;
  --duo-yellow: #ffc800;
  --duo-red: #ff4b4b;
  --duo-bg: #f7f7f7;
  --duo-white: #ffffff;
  --duo-border: #e5e5e5;
  --duo-text: #3c3c3c;
  --duo-gray: #777777;
  --duo-radius: 16px;
  --duo-font: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ---- Base page styling ---- */
body.single-sfwd-courses {
  background: var(--duo-bg) !important;
  font-family: var(--duo-font) !important;
}

/* ============================================
   INFOBAR / PROGRESS SECTION
   ============================================ */
.learndash-shortcode-wrap-ld_infobar-739_739_2 {
  background: linear-gradient(135deg, #58CC02 0%, #46a302 100%) !important;
  border-radius: var(--duo-radius) !important;
  margin: 24px auto !important;
  max-width: 900px !important;
  padding: 24px 32px !important;
  box-shadow: 0 4px 0 #389900, 0 8px 20px rgba(88, 204, 2, 0.3) !important;
}

.ld-course-status {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

.ld-progress {
  flex: 1 !important;
  min-width: 200px !important;
}

.ld-progress-heading {
  margin-bottom: 10px !important;
}

.ld-progress-percentage {
  font-family: var(--duo-font) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}

.ld-progress-steps {
  color: rgba(255,255,255,0.85) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--duo-font) !important;
}

.ld-progress-bar {
  background: rgba(255,255,255,0.3) !important;
  border-radius: 100px !important;
  height: 18px !important;
  overflow: hidden !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15) !important;
}

.ld-progress-bar-percentage {
  background: #ffffff !important;
  border-radius: 100px !important;
  height: 100% !important;
  transition: width 0.5s ease !important;
}

.ld-status.ld-status-progress {
  background: rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.5) !important;
  border-radius: 100px !important;
  padding: 8px 20px !important;
  font-family: var(--duo-font) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ============================================
   STATS / TABS SECTION
   ============================================ */
.ld-tabs {
  max-width: 900px !important;
  margin: 0 auto 24px !important;
  background: transparent !important;
}

.ld-tabs-content,
.ld-tab-content.ld-visible {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* ============================================
   COURSE CONTENT — Lesson List
   ============================================ */
.learndash-shortcode-wrap-course_content-739_739_2 {
  max-width: 900px !important;
  margin: 0 auto 40px !important;
}

.ld-course-list-content {
  background: transparent !important;
  padding: 0 !important;
}

.ld-section-heading {
  background: #58CC02 !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 16px 24px !important;
  margin-bottom: 0 !important;
}

.ld-section-heading h2,
.ld-section-heading h2 a {
  color: white !important;
  font-family: var(--duo-font) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.ld-item-list {
  background: #ffffff !important;
  border-radius: 0 0 var(--duo-radius) var(--duo-radius) !important;
  border: 2px solid var(--duo-border) !important;
  border-top: none !important;
  overflow: hidden !important;
  box-shadow: 0 4px 0 var(--duo-border) !important;
  margin-bottom: 24px !important;
}

.ld-item-list-items {
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.ld-item-list-item.ld-item-lesson-item {
  background: #f7f7f7 !important;
  border-radius: 12px !important;
  border: 2px solid transparent !important;
  transition: all 0.15s ease !important;
  overflow: hidden !important;
}

.ld-item-list-item.learndash-complete {
  border-left: 4px solid #58CC02 !important;
  background: #f0fcde !important;
}

.ld-item-list-item.learndash-incomplete {
  border-left: 4px solid #dddddd !important;
}

.ld-item-details {
  display: flex !important;
  align-items: center !important;
  padding: 14px 16px !important;
  gap: 12px !important;
  cursor: pointer !important;
}

.ld-item-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: #58CC02 !important;
  box-shadow: 0 3px 0 #46a302 !important;
}

.learndash-incomplete .ld-item-icon {
  background: #e5e5e5 !important;
  box-shadow: 0 3px 0 #cccccc !important;
}

.ld-item-title {
  font-family: var(--duo-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #3c3c3c !important;
  flex: 1 !important;
}

.ld-item-component {
  background: #1cb0f6 !important;
  color: white !important;
  border-radius: 100px !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: var(--duo-font) !important;
}

.learndash-complete .ld-item-component {
  background: #58CC02 !important;
}

.ld-button-alternate {
  background: #ffffff !important;
  color: #1cb0f6 !important;
  border: 2px solid #1cb0f6 !important;
  border-radius: 100px !important;
  padding: 10px 24px !important;
  font-family: var(--duo-font) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: 0 3px 0 #0a91d1 !important;
  text-decoration: none !important;
}

/* ============================================
   SUB-LESSON ITEMS
   ============================================ */
.ld-item-list-items.ld-topic-list {
  padding: 4px 8px 8px 56px !important;
  gap: 4px !important;
  background: rgba(88, 204, 2, 0.04) !important;
  border-top: 1px solid #e5e5e5 !important;
}

.ld-item-list-item-preview {
  border-radius: 8px !important;
  background: white !important;
  border: 1px solid #e5e5e5 !important;
}

.ld-item-list-item-preview .ld-item-title {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* ============================================
   LESSON GRID CARDS (What do you want to do?)
   ============================================ */

/* Unit header */
.lf-unit-header {
  background: #58CC02 !important;
  color: white !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 12px 20px !important;
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 20px !important;
  width: 100% !important;
}

/* Grid container */
.wp-block-column .ld-course-list-items {
  background: #ffffff !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 0 0 16px 16px !important;
  padding: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  box-shadow: 0 4px 0 #e5e5e5 !important;
}

/* Individual lesson card */
.ld_course_grid {
  background: #f7f7f7 !important;
  border-radius: 12px !important;
  border: 2px solid transparent !important;
  padding: 12px !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
  min-width: 120px !important;
  text-align: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
}

.ld_course_grid:hover {
  border-color: #58CC02 !important;
  background: #f0fcde !important;
  transform: translateY(-2px) !important;
}

/* Completed lesson card */
.ld_course_grid:has(.learndash-complete),
.ld_course_grid.learndash-complete {
  border-left: 3px solid #58CC02 !important;
  background: #f0fcde !important;
}

/* Status badge in cards */
.ld_course_grid .ld-status {
  border-radius: 100px !important;
  padding: 2px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
}

.ld_course_grid .ld-status.ld-status-complete,
.ld_course_grid .ld-status-complete {
  background: #58CC02 !important;
  color: white !important;
}

.ld_course_grid .ld-status.ld-status-progress,
.ld_course_grid .ld-status-progress {
  background: #ffc800 !important;
  color: #3c3c3c !important;
}

/* Lesson title in cards */
.ld_course_grid .ld-item-name,
.ld_course_grid .ld-lesson-title,
.ld_course_grid a {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #3c3c3c !important;
  text-decoration: none !important;
}

/* Icons in cards */
.ld_course_grid .ld-item-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #58CC02 !important;
  box-shadow: 0 3px 0 #46a302 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 8px !important;
}

/* Page background */
.single-sfwd-courses .content-bg,
.single-sfwd-courses .site-content,
.single-sfwd-courses main {
  background: #f7f7f7 !important;
}

/* Page hero/header area */
.single-sfwd-courses .entry-hero {
  background: linear-gradient(135deg, #1cb0f6 0%, #0a91d1 100%) !important;
}

.single-sfwd-courses .entry-hero .entry-title {
  color: white !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
}

/* Fix CTA text visibility in article footer */
.lf-article-cta p {
	  color: #a0aec0 !important;
}
}

/* ============================================
   HOMEPAGE CENTERING - Articles & Lessons
   Scoped to page-id-742 (homepage only)
   ============================================ */

/* Center the article cards grid - HOMEPAGE ONLY */
.page-id-742 .kb-posts.kadence-posts-list.kb-posts-id-742_1c8460-f2 {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Center the "What can you learn" heading - HOMEPAGE ONLY */
.page-id-742 h2.wp-block-heading.alignwide.has-text-align-center {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the lesson list columns container - HOMEPAGE ONLY */
.page-id-742 > .site > .site-container > .content-wrap > .content-area > .entry-content-wrap > .entry-content > .wp-block-columns.alignwide {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Center the learndash course list on homepage ONLY */
.page-id-742 .learndash-wrap {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the LD pagination on homepage ONLY */
.page-id-742 .learndash-pager.learndash-pager-course_list {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Fallback: also target via .home body class */
body.home .kb-posts.kadence-posts-list.kb-posts-id-742_1c8460-f2 {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.home .entry-content > .wp-block-columns.alignwide {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.home .entry-content > h2.wp-block-heading.alignwide {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .entry-content .learndash-wrap {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .entry-content .learndash-pager {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================
   END HOMEPAGE CENTERING
   ============================================ */

.single-post .entry-content .lf-article-cta p {
	  color: #94a3b8 !important;
}
}

/* --- AI Page login link style --- */
.page-id-23205 .entry-content a[href*="wp-login"]{display:inline-flex!important;align-items:center!important;background:linear-gradient(135deg,#1bb5c5,#149aaa)!important;color:#fff!important;padding:10px 22px!important;border-radius:50px!important;font-weight:700!important;font-size:14px!important;text-decoration:none!important;box-shadow:0 4px 15px rgba(27,181,197,.4)!important;margin:2px 4px!important}

/* ===================================
   MOBILE & RESPONSIVE FIXES v2
   =================================== */

/* ---- LOGO: Fix oversized logo on mobile ---- */


/* ===================================================
   LEARNFRISIAN MOBILE OPTIMIZATION v4
   Applied: All devices (phone, tablet, desktop)
   =================================================== */

/* ---- LOGO: Shrink on all mobile/tablet ---- */
@media (max-width: 1024px) {
  .site-branding a.brand img,
  .site-branding a.brand img.svg-logo-image,
  .custom-logo {
    max-width: 50px !important;
    width: 50px !important;
    height: auto !important;
  }
  .site-header .site-branding {
    max-width: 60px !important;
  }
}



/* ====================================================
   MOBILE (max 767px) - phones
   ==================================================== */
@media (max-width: 767px) {

  /* --- General --- */
  body, html {
    overflow-x: hidden !important;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* --- Minimum tap target size --- */
  .wp-block-kadence-advancedbtn a,
  .ld-button,
  .btn,
  .kb-btn,
  a.button {
    min-height: 44px !important;
  }

  /* --- Language switcher - bottom-right corner, small --- */
  .trp-floating-switcher {
    bottom: 10px !important;
    right: 10px !important;
    left: auto !important;
    font-size: 13px !important;
    padding: 4px 8px !important;
  }

  /* ---- HOMEPAGE HERO ---- */
  .kt-adv-heading742_490643-a4 {
    font-size: 38px !important;
    line-height: 1.2 !important;
  }
  .kb-row-layout-id742_51340d-a8 .kt-row-column-wrap {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .kb-row-layout-id742_51340d-a8 .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .kb-row-layout-id742_51340d-a8 .inner-column-2 {
    order: -1;
    text-align: center;
  }
  .kb-row-layout-id742_51340d-a8 .inner-column-2 img {
    max-width: 65% !important;
    margin: 0 auto !important;
    display: block;
  }
  .kb-btns742_f764f7-d1 {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .kb-btns742_f764f7-d1 a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .kb-row-layout-id742_51340d-a8 p {
    font-size: 16px !important;
  }

  /* ---- HOMEPAGE SECTION HEADINGS ---- */
  .kt-adv-heading742_49eb92-fd { font-size: 28px !important; line-height: 1.2 !important; }
  .kt-adv-heading742_d4b09d-3a,
  .kt-adv-heading742_6fc817-74,
  .kt-adv-heading742_e7fc5f-1b { font-size: 26px !important; line-height: 1.2 !important; }
  .kt-adv-heading742_da25a7-84 { font-size: 24px !important; }

  /* ---- HOMEPAGE: Stack all 2-col and 3-col sections ---- */
  .kb-row-layout-id742_bd2723-a7 .kt-row-column-wrap,
  .kb-row-layout-id742_363e16-bb .kt-row-column-wrap,
  .kb-row-layout-id742_66d43b-87 .kt-row-column-wrap,
  .kb-row-layout-id742_962ec5-c9 .kt-row-column-wrap {
    flex-direction: column !important;
  }
  .kb-row-layout-id742_bd2723-a7 .wp-block-kadence-column,
  .kb-row-layout-id742_363e16-bb .wp-block-kadence-column,
  .kb-row-layout-id742_66d43b-87 .wp-block-kadence-column,
  .kb-row-layout-id742_962ec5-c9 .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 16px !important;
  }

  /* ---- LEARNDASH OVERALL ---- */
  .learndash-wrap {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 16px !important;
    width: 100% !important;
  }
  .learndash-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding: 0 !important;
  }
  .learndash-wrapper .content-area,
  .learndash-wrapper .entry-content-wrap {
    padding: 0 !important;
  }

  /* ---- COURSES PAGE (/courses/frisian/) ---- */
  .ld-course-list-items.row,
  .ld-course-list-content .row.ld-course-list-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 8px !important;
  }
  .ld-course-list-items .ld_course_grid,
  .ld-course-list-content .ld_course_grid,
  .ld-course-list-content .row .ld_course_grid {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 4px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .ld-course-list-content .ld_course_grid .thumbnail.course,
  .ld-course-list-items .ld_course_grid .thumbnail.course {
    width: 100% !important;
    margin: 0 0 8px 0 !important;
  }
  .ld-course-list-content .ld_course_grid .thumbnail.course img,
  .ld-course-list-items .ld_course_grid .thumbnail.course img {
    width: 100% !important;
    height: 90px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }
  .ld-course-list-content .ld_course_grid .caption,
  .ld-course-list-items .ld_course_grid .caption {
    padding: 4px !important;
    font-size: 12px !important;
    text-align: center !important;
    font-weight: 600 !important;
  }

  /* ---- COURSE PAGE: Unit/Lesson list ---- */
  .ld-section-heading {
    padding: 10px 14px !important;
    font-size: 14px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  .ld-section-heading h6,
  .ld-section-heading .ld-section-heading-label {
    font-size: 13px !important;
    white-space: normal !important;
  }
  .ld-item-list-item {
    padding: 10px 12px !important;
  }
  .ld-item-list-item .ld-item-title {
    font-size: 15px !important;
  }

  /* ---- COURSE PAGE: Tabs & Progress ---- */
  .ld-tabs {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .ld-tab-content {
    padding: 12px !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .ld-course-status {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .ld-progress {
    flex-wrap: wrap !important;
  }
  .learndash-wrapper .ld-course-status-enrolled {
    padding: 12px !important;
  }
  .ld-course-status .ld-status {
    padding: 10px 16px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ---- LESSON PAGE ---- */
  .ld-lesson-topic-list,
  .ld-lesson-navigation {
    padding: 8px !important;
  }
  .ld-lesson-status,
  .ld-topic-status {
    font-size: 14px !important;
  }
  .learndash-wrapper .ld-focus-sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }
  .learndash-wrapper .ld-focus-main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
  }

  /* ---- ARTICLES PAGE (/category/frisian-articles/) ---- */
  .post-thumbnail img,
  .entry-thumbnail img {
    width: 100% !important;
    height: auto !important;
  }
  .entry-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  .entry-summary p,
  .entry-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* ---- LEADERBOARD PAGE (/the-wrald-league/) ---- */
  .msl-leaderboard-wrap,
  .mycred-leaderboard,
  table.leaderboard {
    overflow-x: auto !important;
    width: 100% !important;
    display: block !important;
  }
  .msl-leaderboard-wrap table,
  .mycred-leaderboard table,
  table.leaderboard {
    min-width: 280px !important;
    font-size: 13px !important;
  }
  .msl-leaderboard-wrap td,
  .msl-leaderboard-wrap th,
  .mycred-leaderboard td,
  .mycred-leaderboard th {
    padding: 6px 8px !important;
  }

  /* ---- DICTIONARY PAGE (/frisian-dictionary/) ---- */
  .frisian-dictionary-wrap,
  .dictionary-entry,
  .wp-block-table,
  .dictionary-table {
    overflow-x: auto !important;
    width: 100% !important;
    font-size: 14px !important;
  }
  .search-form input[type="search"],
  .dictionary-search input {
    width: 100% !important;
    font-size: 16px !important;
    padding: 10px !important;
  }

}

/* ---- TABLET (768-1024px) ---- */
@media (max-width: 1024px) and (min-width: 768px) {
  .kt-adv-heading742_490643-a4 { font-size: 50px !important; }
  .ld-course-list-items .ld_course_grid {
    flex: 0 0 calc(33.33% - 8px) !important;
    max-width: calc(33.33% - 8px) !important;
  }
}

/* ---- VERY SMALL ( li.wpProQuiz_listItem:not([style*="display: none"]) {
    padding: 10px 14px !important;
  }

  /* --- Quiz question fieldset: reduce padding --- */
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
    padding: 14px !important;
  }

  /* --- Answer option labels: more compact --- */
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label,
  .wpProQuiz_questionListItem label {
    padding: 10px 12px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  /* --- Answer option spacing --- */
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {
    margin-bottom: 8px !important;
  }

  /* --- Question text area: reduce margins --- */
  .wpProQuiz_question_text {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }

  /* --- Paragraphs in question text: reduce margins --- */
  .wpProQuiz_question_text p {
    margin-bottom: 4px !important;
  }

  /* --- Images in quiz questions: limit height --- */
  .wpProQuiz_question_text img {
    max-height: 140px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 4px !important;
  }

  /* --- QUESTION X OF Y badge --- */
  .wpProQuiz_question_page {
    margin-bottom: 6px !important;
  }

  /* --- Quiz audio player: compact --- */
  .lf-player {
    margin: 2px 0 !important;
  }

  /* --- Footer/Share button: fix stretching width --- */
  .wpmobile-widget-post-bottom .button,
  .wpmobile-widget-post-bottom a.button {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* --- Footer tab bar: compact --- */
  .toolbar.tabbar-labels.toolbar-bottom-md {
    height: 50px !important;
  }

  /* --- Caption font size --- */
  .wp-caption-text,
  .wp-element-caption,
  caption {
    font-size: 11px !important;
  }
}

/* ================================================
   MOBILE IMPROVEMENTS v2 - Premium and Compact
   Target: learnfrisian.com
   ================================================ */

/* FIX 1: Full-width layout on mobile (chapter content cut off)
   content-container uses CSS Grid with sidebar + main.
   On mobile, stack them vertically and make full-width */
@media (max-width: 767px) {

  /* Layout: remove sidebar grid, stack content full-width */
  .content-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #main.site-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  #secondary.primary-sidebar {
    display: none !important;
  }

  /* Learndash wrappers full-width */
  .learndash-wrapper,
  .learndash-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* FIX 2: Chapter content full-width, compact */
  .ld-lesson-topic-list,
  .ld-table-list,
  .ld-topic-list {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 16px 0 !important;
    border-radius: 16px !important;
  }
  .ld-table-list-items {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .ld-table-list-item {
    border-radius: 12px !important;
    margin: 0 !important;
  }
  .ld-table-list-item-quiz {
    padding: 12px 14px !important;
    min-height: 54px !important;
  }
  .ld-table-list-header.ld-primary-background {
    padding: 14px 16px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  /* Compact hero section above lesson */
  .entry-hero,
  .sfwd-quiz-hero-section,
  .entry-hero-layout-fullwidth {
    padding: 14px 12px !important;
    min-height: unset !important;
  }
  .entry-hero h1,
  .entry-hero .entry-title {
    font-size: 1.5rem !important;
    margin: 0 !important;
  }
  .ld-breadcrumbs {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }

  /* Remove large blank spaces above chapter content */
  .learndash-shortcode-wrap {
    margin-bottom: 8px !important;
    padding: 0 !important;
  }
  .ld-lesson-status {
    margin-bottom: 8px !important;
    padding: 0 !important;
  }
  .ld-tabs {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* FIX 3: Dictionary search button overflow */
  .frl-hero {
    padding: 24px 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }
  .frl-search-wrap {
    max-width: 100% !important;
    width: 100% !important;
  }
  .frl-search-inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .frl-search-inner input {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    font-size: 15px !important;
  }
  .frl-search-btn {
    flex: 0 0 auto !important;
    min-width: 50px !important;
    max-width: 90px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
  .frl-toggle-row {
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
  }
  .frl-dir-btn {
    flex: 1 1 40% !important;
    text-align: center !important;
    min-width: 130px !important;
  }
  .frl-stats-bar {
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 16px !important;
  }
  .frl-alphabet {
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 12px 8px !important;
  }
  .frl-alpha-btn {
    min-width: 36px !important;
    min-height: 36px !important;
    font-size: 14px !important;
  }

  /* FIX 4: Premium compact quiz redesign */

  /* Quiz container: full bleed */
  .learndash-wrapper--quiz .learndash-wrap {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Progress bar: compact */
  .wpProQuiz_progress {
    margin: 8px 12px !important;
  }
  .wpProQuiz_progress > div {
    height: 6px !important;
    border-radius: 3px !important;
  }

  /* Question counter label */
  .wpProQuiz_header {
    padding: 10px 14px 0 !important;
    margin: 0 !important;
  }

  /* Question text: clean, bold, centered */
  .wpProQuiz_questionList .wpProQuiz_question_text,
  .wpProQuiz_text {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 8px 16px 12px !important;
    color: #1a1a2e !important;
    line-height: 1.4 !important;
  }

  /* Answer list: compact pill cards */
  .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList {
    padding: 0 12px !important;
    margin: 0 !important;
    gap: 8px !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList li,
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {
    margin: 0 !important;
    padding: 0 !important;
  }
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
    border-radius: 14px !important;
    padding: 13px 16px !important;
    min-height: 52px !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border: 2px solid transparent !important;
    background: #fff !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #00B2D4 !important;
    flex-shrink: 0 !important;
  }

  /* Back, Check, Next buttons: compact row */
  .ld-quiz-actions,
  .wpProQuiz_button_container {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding: 14px 12px 20px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
  .ld-quiz-actions .ld-button,
  .wpProQuiz_button_container .ld-button,
  .ld-quiz-actions a,
  .ld-quiz-actions button {
    flex: 1 1 0% !important;
    padding: 13px 10px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    min-height: 48px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* Next Lesson button */
  .ld-content-actions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 12px 20px !important;
    gap: 10px !important;
  }
  .ld-content-actions .ld-button {
    flex: 1 !important;
    text-align: center !important;
    padding: 12px 10px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    min-height: 48px !important;
    margin: 0 !important;
  }
}

/* Extra compact for very small phones */
@media (max-width: 390px) {
  #main.site-main {
    padding: 0 8px !important;
  }
  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
    padding: 11px 12px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }
  .frl-search-btn {
    padding: 0 12px !important;
    min-width: 44px !important;
    font-size: 13px !important;
  }
}


/* ================================================
   MOBILE IMPROVEMENTS v3 - Course Overview Fixes
   ================================================ */
@media (max-width: 767px) {

  /* Course overview: force 100% width on all fixed-width containers */
  .learndash-shortcode-wrap[class*="course_content"],
  .learndash-shortcode-wrap[class*="ld_infobar"],
  .ld-course-list-content,
  .ld-course-list-items,
  .ld_course_grid,
  .learndash-course-grid,
  .ld-course-list-items.row {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* Course grid item: full width */
  .ld_course_grid article,
  .ld_course_grid .caption,
  .ld_course_grid .ld_course_grid_button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Section heading with green/blue unit title box */
  .ld-section-heading {
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  .ld-section-heading h4 {
    width: 100% !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  /* Course overview item list: single column, full width */
  .ld-item-list-items {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .ld-item-list-item {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .ld-item-list-item-preview {
    padding: 10px 12px !important;
    min-height: 50px !important;
  }

  /* Prevent global overflow from fixed-width shortcodes */
  .entry-content,
  .entry-content > *,
  article.hentry {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Progress bar on overview page */
  .ld-progress {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ================================================
   MOBILE IMPROVEMENTS v4 - Course Cards Full Width
   ================================================ */
@media (max-width: 767px) {

  /* Course overview grid: force single column, full width */
  .ld-course-list-items.row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Each course card: full width */
  .ld_course_grid[class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;
  }
  .ld_course_grid.col-sm-4,
  .ld_course_grid.col-md-2 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Unit header dividers */
  .lf-unit-header {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    margin: 10px 0 6px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* Individual course article cards */
  .ld_course_grid article {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
  }
  .ld_course_grid .caption {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
  }

  /* Course grid button (lesson link) */
  .ld_course_grid_button {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .ld_course_grid_button .icon-container,
  .ld_course_grid_button img {
    flex-shrink: 0 !important;
  }
}


/* ================================================
   MOBILE FIX v5 - Overview Fixed Widths + Login Modal
   ================================================ */

/* FIX: Restore the login modal text that was hidden
   The .ld-modal-text in the login modal was hidden which breaks
   the "Don't have an account" link in the login popup */
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-text {
  display: block !important;
}

/* FIX: The "Log in to save progress" button/link - make sure it's clickable */
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
  display: flex !important;
  pointer-events: auto !important;
}
.learndash-wrapper .ld-course-status-action {
  pointer-events: auto !important;
}
.learndash-wrapper .ld-login-text,
.learndash-wrapper button.ld-login-text {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 100 !important;
}

/* FIX: The login modal positioning - ensure it appears correctly */
.learndash-wrapper .ld-modal.ld-login-modal {
  display: flex !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999 !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,0.5) !important;
}

@media (max-width: 767px) {

  /* FIX: Overview page fixed-width containers (900px) → responsive */
  .ld-tabs,
  .ld-tabs-content,
  .ld-tab-content,
  [class*="learndash-shortcode-wrap-ld_infobar"],
  [class*="learndash-shortcode-wrap-course_content"],
  [class*="learndash-shortcode-wrap-ld_course_list"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* FIX: wp-block-columns on overview should stack on mobile */
  .ld-tab-content .wp-block-columns {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  .ld-tab-content .wp-block-column {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* FIX: The student message / progress card */
  .learndash-course-student-message {
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .learndash-course-student-message > div {
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .learndash-course-student-message > div > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px 16px !important;
  }

  /* FIX: Course not-enrolled status (for logged-out users) */
  .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }
  .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled > * {
    border-right: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    padding: 10px !important;
  }

  /* FIX: Mobile login modal - make it not clip off screen */
  .learndash-wrapper .ld-modal.ld-login-modal {
    padding: 16px !important;
  }
  .ld-login-modal .ld-login-modal-wrapper {
    width: 100% !important;
    max-width: 360px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
  }
  .ld-login-modal .ld-login-modal-form {
    padding: 0 16px 8px !important;
  }
  .ld-login-modal .ld-modal-heading {
    padding: 20px 16px 6px !important;
  }
  .ld-login-modal .ld-button {
    margin: 4px 16px 16px !important;
  }

  /* FIX: The "What do you want to do?" section content wrapping */
  .ld-tab-content .ld-course-list-content,
  .ld-tab-content .ld-course-list-items {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Prevent any horizontal scroll from 900px elements */
  .learndash-wrapper--course {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #main.site-main,
  article.type-sfwd-courses {
    overflow-x: hidden !important;
  }
}


/* ============================================================
   FIX v6: Overview page - wp-block-columns padding causing narrow cards
   The block has inline style padding-left/right: var(--wp--preset--spacing--80) 
   which resolves to ~81px on each side, making the content area only 76% wide.
   Override this on mobile to make cards full width.
   ============================================================ */
@media (max-width: 767px) {
  /* Remove the large padding on the columns block that narrows lesson card containers */
  .ld-tab-content .wp-block-columns,
  .ld-tab-content [class*="wp-container-core-columns"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 16px !important;
  }

  /* Ensure wp-block-column (the child) is also full width */
  .ld-tab-content .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Ensure the course list content stretches to full width */
  .ld-tab-content .ld-course-list-content,
  .ld-tab-content .learndash-wrap,
  .ld-tab-content .ld-course-list-items.row {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ============================================================
   FIX v6: Login/Registration button - make wpProQuiz login area clickable
   For logged-out users, .wpProQuiz_startOnlyRegisteredUser shows but has no link.
   We style it as a visible, clickable button via CSS, and JS adds the click behavior.
   ============================================================ */
.wpProQuiz_startOnlyRegisteredUser {
  cursor: pointer !important;
}
.wpProQuiz_startOnlyRegisteredUser p {
  background: var(--global-palette1, #00B2D4) !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
  display: inline-block !important;
}
.wpProQuiz_startOnlyRegisteredUser p:hover {
  opacity: 0.85 !important;
}

/* ===== FIX v7: Login Modal Mobile Positioning ===== */
@media (max-width: 767px) {
  /* The LD login modal is a fixed overlay that opens as a slide-in panel.
     On mobile it appears cut off on the left because it has a left-based transform.
     Force it to cover the full viewport centered. */
  .learndash-wrapper .ld-login-modal,
  .ld-login-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    transform: none !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,0.5) !important;
    margin: 0 !important;
  }
  .learndash-wrapper .ld-login-modal .ld-login-modal-login,
  .ld-login-modal .ld-login-modal-login {
    position: relative !important;
    width: 92vw !important;
    max-width: 420px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    border-radius: 16px !important;
    padding: 24px 20px !important;
    background: #fff !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.25) !important;
    margin: 0 auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  /* Ensure the close button is accessible */
  .ld-login-modal .ld-modal-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
  }
  /* Make modal text visible */
  .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-text {
    display: block !important;
  }
}

/* ===== FIX v8: Homepage Mobile Optimization ===== */
@media (max-width: 767px) {

  /* --- Hero Section: Reduce massive 115px/140px padding to compact size --- */
  .kb-row-layout-id742_51340d-a8 > .kt-row-column-wrap {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Hide the image column on mobile (woman image) - only show text */
  .kb-row-layout-id742_51340d-a8 .kadence-column742_29c3f4-b7 {
    display: none !important;
  }
  /* Hero text column takes full width */
  .kb-row-layout-id742_51340d-a8 .kadence-column742_47a700-d4 {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Hero title font size */
  .kb-row-layout-id742_51340d-a8 h1,
  .kb-row-layout-id742_51340d-a8 .wp-block-kadence-advancedheading {
    font-size: clamp(32px, 8vw, 48px) !important;
    line-height: 1.15 !important;
    margin-bottom: 12px !important;
  }
  /* Hero description text */
  .kb-row-layout-id742_51340d-a8 p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
  }
  /* Hero buttons: stack them neatly */
  .kb-row-layout-id742_51340d-a8 .wp-block-buttons {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }
  .kb-row-layout-id742_51340d-a8 .wp-block-button {
    width: 100% !important;
  }
  .kb-row-layout-id742_51340d-a8 .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
  }
  /* Hero bottom separator - shrink it */
  .kb-row-layout-id742_51340d-a8 .kt-row-layout-bottom-sep {
    height: 30px !important;
  }

  /* --- Stats Row (7000+ Questions etc): compact padding --- */
  .kb-row-layout-id742_93ce9e-39 > .kt-row-column-wrap {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  /* Stats items: row layout on mobile */
  .kb-row-layout-id742_93ce9e-39 .kt-row-column-wrap {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    gap: 8px !important;
  }
  .kb-row-layout-id742_93ce9e-39 .wp-block-kadence-column {
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: none !important;
  }

  /* --- Middle content section: compact padding --- */
  .kb-row-layout-id742_5b0595-d2 > .kt-row-column-wrap {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Hide wave bottom sep on mobile to save space */
  .kb-row-layout-id742_5b0595-d2 .kt-row-layout-bottom-sep {
    height: 40px !important;
  }

  /* --- CTA Rows: compact padding --- */
  .kb-row-layout-id742_bd2723-a7 > .kt-row-column-wrap,
  .kb-row-layout-id742_363e16-bb > .kt-row-column-wrap,
  .kb-row-layout-id742_66d43b-87 > .kt-row-column-wrap {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* --- Blog posts section: single column --- */
  .kb-row-layout-id742_28e012-a5 > .kt-row-column-wrap {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .wp-block-kadence-posts.kb-posts {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* --- General: Reduce heading sizes on mobile --- */
  .entry-content h2.wp-block-heading {
    font-size: clamp(22px, 6vw, 30px) !important;
    margin-bottom: 16px !important;
    margin-top: 8px !important;
  }

  /* --- Large section with many lessons (id=design_matters): compact --- */
  #design_matters > .kt-row-column-wrap,
  .kb-row-layout-id742_962ec5-c9 > .kt-row-column-wrap {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* --- All remaining kb-row sections: reasonable padding --- */
  .entry-content .kb-row-layout-wrap > .kt-row-column-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ===== FIX v8b: Hero description clamp on mobile ===== */
@media (max-width: 767px) {
  /* Show max 3 lines of description - keeps hero compact */
  .kb-row-layout-id742_51340d-a8 .kadence-column742_47a700-d4 > .wp-block-kadence-column > .kadence-column-inner > p,
  .kb-row-layout-id742_51340d-a8 p.kadence-advanced-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
  }
}

/* ===== FIX v8c: Hero description clamp fix ===== */
@media (max-width: 767px) {
  .kb-row-layout-id742_51340d-a8 .kt-inside-inner-col > p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
  }
}

/* ===== FIX v8d: Hero buttons font size and no-wrap ===== */
@media (max-width: 767px) {
  .kb-row-layout-id742_51340d-a8 .kb-button {
    font-size: 16px !important;
    padding: 14px 20px !important;
    white-space: nowrap !important;
  }
}

/* ============================================================
   UX Fixes — About Page Hero Banner
   Adds an orange hero banner matching the site style to /about/
   ============================================================ */
/* About page hero banner — page ID 743 */
.page-id-743 .entry-header {
    display: none !important;
}

.page-id-743 #primary::before {
    content: "About LearnFrisian";
    display: block;
    background: #FF5D00;
    color: #fff;
    font-family: Inter, -apple-system, sans-serif;
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    padding: 40px 24px;
    margin-bottom: 32px;
    letter-spacing: -0.01em;
    width: 100%;
    box-sizing: border-box;
}

/* ============================================================
   UX Fixes — Footer: show site logo/name
   ============================================================ */
.site-top-footer-section-1 {
    display: flex;
    align-items: center;
}

/* ============================================================
   UX Fixes — Lesson sidebar: remove blur on locked items
   ============================================================ */
.learndash-wrapper .ld-course-navigation {
    filter: none !important;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-course-navigation .ld-lesson-section-heading,
.learndash-wrapper .ld-course-navigation li {
    filter: none !important;
    -webkit-filter: none !important;
}


/* ============================================================
   Leaderboard: ensure points column text stays white
   ============================================================ */
.lf-leaderboard-table tbody tr td:last-child {
    color: #fff !important;
    font-weight: 700 !important;
}


/* ============================================================
   PREMIUM NAVBAR v2 — LearnFrisian
   Deep navy bar, glowing CTA, animated links, luxe dropdown
   ============================================================ */

/* === HEADER SHELL === */
#masthead.site-header {
    background: linear-gradient(135deg, #0b1c2c 0%, #0f2540 60%, #0d2035 100%) !important;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.06),
        0 4px 32px rgba(0,0,0,0.35),
        0 1px 0 rgba(255,93,0,0.08) !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.site-main-header-inner-wrap {
    min-height: 74px !important;
}

/* === LOGO: crisp on dark === */
#masthead .site-branding a img {
    filter: brightness(1.08) drop-shadow(0 0 10px rgba(255,93,0,0.18)) !important;
    transition: filter 0.3s ease, transform 0.3s ease !important;
}
#masthead .site-branding a:hover img {
    filter: brightness(1.2) drop-shadow(0 0 18px rgba(255,93,0,0.35)) !important;
    transform: scale(1.05) !important;
}

/* === NAV LINKS: white on dark, clean tracking === */
.main-navigation .menu > li > a {
    color: rgba(255,255,255,0.78) !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 7px 15px !important;
    border-radius: 6px !important;
    position: relative !important;
    transition: color 0.22s ease, background 0.22s ease !important;
    text-decoration: none !important;
}

/* remove old ::after underline trick */
.main-navigation .menu > li > a::after {
    display: none !important;
}

/* hover: white text + very subtle frost pill */
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li:hover > a {
    color: #ffffff !important;
    background: rgba(255,255,255,0.09) !important;
    text-decoration: none !important;
}

/* active page: orange glow pill */
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-ancestor > a,
.main-navigation .menu > li.current-menu-parent > a {
    color: #FF5D00 !important;
    background: rgba(255,93,0,0.14) !important;
    box-shadow: 0 0 12px rgba(255,93,0,0.20) inset !important;
}

/* dropdown chevron spacing */
.main-navigation .menu > li.menu-item-has-children > a {
    padding-right: 18px !important;
}

/* === DROPDOWN: deep dark glass === */
.main-navigation .sub-menu {
    background: rgba(9, 20, 33, 0.97) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 14px !important;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.50),
        0 0 0 1px rgba(255,93,0,0.07),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
    padding: 10px 0 !important;
    min-width: 210px !important;
    margin-top: 8px !important;
    overflow: hidden !important;
}

.main-navigation .sub-menu li {
    border: none !important;
}

.main-navigation .sub-menu li a {
    color: rgba(255,255,255,0.75) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 11px 22px !important;
    transition: color 0.18s ease, background 0.18s ease, letter-spacing 0.18s ease !important;
    display: block !important;
    position: relative !important;
    border-radius: 0 !important;
}

/* left-glow bar on hover */
.main-navigation .sub-menu li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 2px !important;
    background: #FF5D00 !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
    border-radius: 0 2px 2px 0 !important;
}

.main-navigation .sub-menu li a:hover {
    color: #ffffff !important;
    background: rgba(255,93,0,0.10) !important;
    letter-spacing: 0.07em !important;
    text-decoration: none !important;
}

.main-navigation .sub-menu li a:hover::before {
    opacity: 1 !important;
}

/* === CTA BUTTON: gradient + glow pulse === */
.site-header-main-section-right .site-header-item a,
.site-header-main-section-right .kb-btn {
    background: linear-gradient(135deg, #FF5D00 0%, #ff7a2e 100%) !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    padding: 11px 26px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow:
        0 0 0 1px rgba(255,93,0,0.5),
        0 4px 16px rgba(255,93,0,0.35),
        0 1px 0 rgba(255,255,255,0.15) inset !important;
    transition: box-shadow 0.25s ease, transform 0.18s ease, background 0.25s ease !important;
    text-decoration: none !important;
    animation: lf-btn-pulse 3.5s ease-in-out infinite !important;
}

@keyframes lf-btn-pulse {
    0%, 100% { box-shadow: 0 0 0 1px rgba(255,93,0,0.5), 0 4px 16px rgba(255,93,0,0.35), 0 1px 0 rgba(255,255,255,0.15) inset; }
    50%       { box-shadow: 0 0 0 1px rgba(255,93,0,0.7), 0 4px 28px rgba(255,93,0,0.55), 0 1px 0 rgba(255,255,255,0.15) inset; }
}

.site-header-main-section-right .site-header-item a:hover,
.site-header-main-section-right .kb-btn:hover {
    background: linear-gradient(135deg, #ff6a10 0%, #ff8840 100%) !important;
    box-shadow:
        0 0 0 1px rgba(255,93,0,0.7),
        0 6px 28px rgba(255,93,0,0.55),
        0 1px 0 rgba(255,255,255,0.15) inset !important;
    transform: translateY(-2px) !important;
    animation: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* === Kill the old underline style from Kadence theme === */
.header-navigation-style-underline .main-navigation .menu > li > a {
    border-bottom: none !important;
}
.header-navigation-style-underline .main-navigation .menu > li > a::before {
    display: none !important;
}

/* === Hide About LearnFrisian from top nav (footer only) === */
#masthead #menu-item-40332 {
    display: none !important;
}


/* === SCROLL-AWARE: deepen glow when page is scrolled === */
#masthead.lf-scrolled {
    box-shadow:
        0 1px 0 rgba(255,255,255,0.06),
        0 8px 48px rgba(0,0,0,0.55),
        0 2px 0 rgba(255,93,0,0.12) !important;
}

/* ============================================
   DUOLINGO-STYLE SIDEBAR - Lessons & Quizzes
   Only affects #secondary on lesson/quiz pages
   ============================================ */

/* Hide old LearnDash sidebar items */
#secondary .ld-course-list-items,
#secondary .ld-course-list-content {
  display: none !important;
}

/* Reset the sidebar wrapper */
#secondary {
  width: 270px !important;
  min-width: 270px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#secondary .sidebar-inner-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

#secondary .widget_block {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

#secondary .learndash-wrap {
  background: transparent !important;
}

/* ===== DUO SIDEBAR CONTAINER ===== */
#duo-sidebar-container {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: linear-gradient(160deg, #1a1f3c 0%, #16213e 60%, #0a1628 100%);
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.4),
    0 8px 24px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  width: 265px;
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Header */
#duo-sidebar-header {
  background: linear-gradient(135deg, #58cc02 0%, #3fa800 100%);
  padding: 18px 20px 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

#duo-sidebar-header::before {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
}

#duo-sidebar-header::after {
  content: '';
  position: absolute;
  bottom: -30px;
  right: 20px;
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.05);
  border-radius: 50%;
}

#duo-sidebar-course-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
  margin-bottom: 4px;
  position: relative;
  z-index: 1;
}

#duo-sidebar-course-title {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Progress bar */
#duo-sidebar-progress-wrap {
  padding: 12px 20px 12px;
  flex-shrink: 0;
  background: rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

#duo-sidebar-progress-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

#duo-sidebar-progress-label {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

#duo-sidebar-progress-pct {
  font-size: 11px;
  font-weight: 800;
  color: #58cc02;
}

#duo-sidebar-progress-track {
  background: rgba(255,255,255,0.08);
  border-radius: 6px;
  height: 8px;
  overflow: hidden;
  position: relative;
}

#duo-sidebar-progress-bar {
  background: linear-gradient(90deg, #58cc02, #89e219);
  height: 100%;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(88, 204, 2, 0.4);
  position: relative;
  overflow: hidden;
}

#duo-sidebar-progress-bar::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
  border-radius: 6px;
  animation: duo-shimmer 2s infinite;
}

@keyframes duo-shimmer {
  0% { transform: translateX(-200%); }
  100% { transform: translateX(200%); }
}

/* Stats row */
#duo-sidebar-stats {
  display: flex;
  padding: 10px 14px;
  gap: 6px;
  flex-shrink: 0;
  background: rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.duo-stat-badge {
  flex: 1;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 7px 4px;
  text-align: center;
  transition: all 0.2s ease;
}

.duo-stat-badge:hover {
  background: rgba(255,255,255,0.1);
  transform: translateY(-1px);
}

.duo-stat-icon {
  font-size: 14px;
  display: block;
  line-height: 1;
  margin-bottom: 2px;
}

.duo-stat-value {
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  display: block;
  line-height: 1;
}

.duo-stat-label {
  font-size: 8px;
  font-weight: 700;
  color: rgba(255,255,255,0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  margin-top: 1px;
}

/* Search bar */
#duo-sidebar-search-wrap {
  padding: 8px 12px;
  flex-shrink: 0;
  background: rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

#duo-sidebar-search {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 7px 14px 7px 34px;
  color: #fff;
  font-size: 12px;
  font-family: inherit;
  outline: none;
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px center;
}

#duo-sidebar-search:focus {
  background-color: rgba(255,255,255,0.1);
  border-color: rgba(88, 204, 2, 0.5);
  box-shadow: 0 0 0 3px rgba(88, 204, 2, 0.15);
}

#duo-sidebar-search::placeholder {
  color: rgba(255,255,255,0.3);
}

/* Section header */
.duo-section-header {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
  padding: 8px 10px 4px;
  display: block;
}

/* Lessons list */
#duo-lessons-list {
  overflow-y: auto;
  flex: 1;
  padding: 4px 8px 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(88, 204, 2, 0.3) transparent;
}

#duo-lessons-list::-webkit-scrollbar {
  width: 4px;
}

#duo-lessons-list::-webkit-scrollbar-track {
  background: transparent;
}

#duo-lessons-list::-webkit-scrollbar-thumb {
  background: rgba(88, 204, 2, 0.3);
  border-radius: 10px;
}

/* Lesson item */
.duo-lesson-item {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.18s ease;
  text-decoration: none !important;
  margin-bottom: 2px;
  position: relative;
  border: 1px solid transparent;
}

.duo-lesson-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255,255,255,0.1) !important;
  transform: translateX(2px);
}

.duo-lesson-item.duo-active {
  background: linear-gradient(135deg, rgba(88,204,2,0.22) 0%, rgba(88,204,2,0.12) 100%) !important;
  border-color: rgba(88, 204, 2, 0.45) !important;
  box-shadow: 0 4px 16px rgba(88, 204, 2, 0.2), inset 0 1px 0 rgba(88,204,2,0.2) !important;
}

.duo-lesson-item.duo-active::before {
  content: 'NOW LEARNING';
  position: absolute;
  top: -1px;
  right: 8px;
  background: linear-gradient(135deg, #58cc02, #3fa800);
  color: #fff;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.8px;
  padding: 2px 6px;
  border-radius: 0 0 6px 6px;
  text-transform: uppercase;
}

.duo-lesson-item.duo-active .duo-lesson-num {
  background: linear-gradient(135deg, #58cc02, #3fa800) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(88, 204, 2, 0.5) !important;
  border-color: transparent !important;
}

.duo-lesson-item.duo-active .duo-lesson-name {
  color: #89e219 !important;
  font-weight: 800 !important;
}

.duo-lesson-item.duo-completed .duo-lesson-num {
  background: rgba(88, 204, 2, 0.15) !important;
  border-color: rgba(88, 204, 2, 0.3) !important;
  color: #58cc02 !important;
}

.duo-lesson-item.duo-completed .duo-lesson-name {
  color: rgba(255,255,255,0.6) !important;
}

.duo-lesson-item.duo-hidden {
  display: none !important;
}

/* Lesson number bubble */
.duo-lesson-num {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 12px;
  background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  transition: all 0.2s ease;
  position: relative;
}

/* Lesson name */
.duo-lesson-name {
  font-size: 12.5px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  line-height: 1.3;
  flex: 1;
  transition: color 0.18s ease;
}

/* Active dot */
.duo-active-dot {
  width: 7px;
  height: 7px;
  min-width: 7px;
  border-radius: 50%;
  background: #58cc02;
  box-shadow: 0 0 8px rgba(88, 204, 2, 0.7);
  animation: duo-pulse 2s infinite;
}

@keyframes duo-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.3); }
}

/* Checkmark */
.duo-check {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #58cc02;
  opacity: 0.7;
}

/* Footer */
#duo-sidebar-footer {
  padding: 10px 14px;
  background: rgba(0,0,0,0.25);
  border-top: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

#duo-back-btn {
  flex: 1;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 8px 12px;
  color: rgb(0, 205, 220) !important;
  font-size: 11px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.2s ease;
}

#duo-back-btn:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
  transform: translateY(-1px);
}



/* ================================================================
   CHAPTER CONTENT - Premium Card Redesign (free course only)
   Harmonises with the Duolingo-style sidebar - not too dark
   ================================================================ */

/* Outer card wrapper */
.single-sfwd-lessons .ld-table-list,
.single-sfwd-quiz .ld-table-list {
  background: linear-gradient(160deg, #f0f7ff 0%, #e8f4f8 100%) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0,100,160,.10), 0 2px 8px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.9) !important;
  border: 1px solid rgba(0,178,212,.15) !important;
}

/* Header bar */
.single-sfwd-lessons .ld-table-list-header,
.single-sfwd-quiz .ld-table-list-header {
  background: linear-gradient(135deg, #1a8c3c 0%, #16a03a 100%) !important;
  padding: 16px 22px !important;
  position: relative !important;
  overflow: hidden !important;
}

.single-sfwd-lessons .ld-table-list-header::before,
.single-sfwd-quiz .ld-table-list-header::before {
  content: '';
  position: absolute;
  top: -15px; right: -15px;
  width: 80px; height: 80px;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  pointer-events: none;
}

.single-sfwd-lessons .ld-table-list-title,
.single-sfwd-quiz .ld-table-list-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.single-sfwd-lessons .ld-table-list-title .ld-text,
.single-sfwd-quiz .ld-table-list-title .ld-text {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  position: relative !important;
  z-index: 1 !important;
}

.single-sfwd-lessons .ld-table-list-title .ld-item-icon,
.single-sfwd-quiz .ld-table-list-title .ld-item-icon {
  background: rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Items grid */
.single-sfwd-lessons .ld-table-list-items,
.single-sfwd-quiz .ld-table-list-items {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 14px !important;
  background: transparent !important;
}

/* Each item card */
.single-sfwd-lessons .ld-table-list-item,
.single-sfwd-quiz .ld-table-list-item {
  background: #fff !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(0,178,212,.12) !important;
  overflow: hidden !important;
  transition: all .18s ease !important;
  box-shadow: 0 2px 8px rgba(0,100,160,.06) !important;
  padding: 0 !important;
}

.single-sfwd-lessons .ld-table-list-item:hover,
.single-sfwd-quiz .ld-table-list-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,100,160,.14) !important;
  border-color: rgba(0,178,212,.30) !important;
}

/* Completed item */
.single-sfwd-lessons .ld-table-list-item.learndash-complete,
.single-sfwd-quiz .ld-table-list-item.learndash-complete {
  background: linear-gradient(135deg, #f0fff4 0%, #e8fef0 100%) !important;
  border-color: rgba(88,204,2,.25) !important;
}

.single-sfwd-lessons .ld-table-list-item.learndash-complete:hover,
.single-sfwd-quiz .ld-table-list-item.learndash-complete:hover {
  border-color: rgba(88,204,2,.5) !important;
  box-shadow: 0 6px 20px rgba(88,204,2,.12) !important;
}

/* Item preview link */
.single-sfwd-lessons .ld-table-list-item-preview,
.single-sfwd-quiz .ld-table-list-item-preview {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  text-decoration: none !important;
  border-radius: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Status icon */
.single-sfwd-lessons .ld-table-list-item .ld-status-icon,
.single-sfwd-quiz .ld-table-list-item .ld-status-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.single-sfwd-lessons .ld-table-list-item .ld-status-icon.ld-quiz-complete,
.single-sfwd-lessons .ld-table-list-item .ld-status-icon.ld-status-complete,
.single-sfwd-quiz .ld-table-list-item .ld-status-icon.ld-quiz-complete,
.single-sfwd-quiz .ld-table-list-item .ld-status-icon.ld-status-complete {
  background: linear-gradient(135deg, #58cc02, #3fa800) !important;
  box-shadow: 0 3px 10px rgba(88,204,2,.35) !important;
}

.single-sfwd-lessons .ld-table-list-item .ld-status-icon:not(.ld-quiz-complete):not(.ld-status-complete),
.single-sfwd-quiz .ld-table-list-item .ld-status-icon:not(.ld-quiz-complete):not(.ld-status-complete) {
  background: rgba(0,178,212,.10) !important;
  border: 1.5px solid rgba(0,178,212,.20) !important;
}

/* Item title */
.single-sfwd-lessons .ld-table-list-item .ld-item-title,
.single-sfwd-quiz .ld-table-list-item .ld-item-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1a2340 !important;
  line-height: 1.3 !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
}

.single-sfwd-lessons .ld-table-list-item.learndash-complete .ld-item-title,
.single-sfwd-quiz .ld-table-list-item.learndash-complete .ld-item-title {
  color: #2d7a20 !important;
}

/* Footer */
.single-sfwd-lessons .ld-table-list-footer,
.single-sfwd-quiz .ld-table-list-footer {
  background: rgba(0,0,0,.02) !important;
  border-top: 1px solid rgba(0,178,212,.08) !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* ── Breadcrumb bar ──────────────────────────────────────────────────── */
.single-sfwd-lessons .ld-breadcrumbs,
.single-sfwd-quiz .ld-breadcrumbs {
  background: linear-gradient(135deg, #1a2340 0%, #16213e 100%) !important;
  border-radius: 14px !important;
  padding: 10px 18px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

.single-sfwd-lessons .ld-breadcrumbs a,
.single-sfwd-quiz .ld-breadcrumbs a {
  color: rgba(255,255,255,.65) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
}

.single-sfwd-lessons .ld-breadcrumbs a:hover,
.single-sfwd-quiz .ld-breadcrumbs a:hover {
  color: #58cc02 !important;
}

.single-sfwd-lessons .ld-breadcrumbs .ld-breadcrumb-separator,
.single-sfwd-quiz .ld-breadcrumbs .ld-breadcrumb-separator {
  color: rgba(255,255,255,.3) !important;
}

.single-sfwd-lessons .ld-breadcrumbs .ld-breadcrumbs-current,
.single-sfwd-quiz .ld-breadcrumbs .ld-breadcrumbs-current {
  color: #fff !important;
  font-weight: 800 !important;
}

/* ── Prev / Next nav area ────────────────────────────────────────────── */
.single-sfwd-lessons .ld-content-actions,
.single-sfwd-quiz .ld-content-actions {
  margin-top: 24px !important;
  padding: 14px 18px !important;
  background: linear-gradient(160deg, #f0f7ff 0%, #e8f4f8 100%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,178,212,.15) !important;
  box-shadow: 0 4px 16px rgba(0,100,160,.08) !important;
}

.single-sfwd-lessons .ld-content-actions .ld-course-step-back,
.single-sfwd-quiz .ld-content-actions .ld-course-step-back {
  color: rgba(26,35,64,.5) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  transition: color .2s !important;
}

.single-sfwd-lessons .ld-content-actions .ld-course-step-back:hover,
.single-sfwd-quiz .ld-content-actions .ld-course-step-back:hover {
  color: rgba(26,35,64,.8) !important;
}

/* Next button */
.single-sfwd-lessons .ld-content-actions .ld-button,
.single-sfwd-lessons .ld-content-actions .btn-join,
.single-sfwd-quiz .ld-content-actions .ld-button,
.single-sfwd-quiz .ld-content-actions .btn-join {
  background: linear-gradient(135deg, #58cc02 0%, #3fa800 100%) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  border-radius: 12px !important;
  padding: 10px 22px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(88,204,2,.4) !important;
  transition: all .2s ease !important;
  font-family: 'Nunito', -apple-system, sans-serif !important;
  cursor: pointer !important;
}

.single-sfwd-lessons .ld-content-actions .ld-button:hover,
.single-sfwd-lessons .ld-content-actions .btn-join:hover,
.single-sfwd-quiz .ld-content-actions .ld-button:hover,
.single-sfwd-quiz .ld-content-actions .btn-join:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(88,204,2,.5) !important;
}


/* ============================================================
   FILL-IN-THE-BLANK (CLOZE) QUESTION FIXES
   ============================================================ */

/* Remove unwanted scroll/overflow on cloze question containers */
.wpProQuiz_questionList[data-type=cloze_answer] {
  overflow: visible !important;
  height: auto !important;
}
.wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_questionListItem {
  overflow: visible !important;
  height: auto !important;
}

/* Reset the label card styling for cloze - should be transparent/inline */
.wpProQuiz_questionList[data-type=cloze_answer] label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  cursor: default !important;
  transition: none !important;
  gap: 6px !important;
}
.wpProQuiz_questionList[data-type=cloze_answer] label:hover {
  background: transparent !important;
  border: none !important;
  transform: none !important;
}

/* Make the cloze sentence paragraph inline so input sits next to text */
.wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_questionListItem p:not(.englishtext) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1a2340 !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

/* The cloze input box itself - inline, styled nicely */
.wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_cloze {
  display: inline-block !important;
  vertical-align: middle !important;
  min-width: 90px !important;
  height: auto !important;
}
.wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_cloze input[type=text] {
  display: inline-block !important;
  width: 100% !important;
  border: 2px solid #1cb0f6 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1a2340 !important;
  background: #f0faff !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}
.wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_cloze input[type=text]:focus {
  border-color: #0a7abf !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(28,176,246,0.15) !important;
}

/* Translation text - visually distinct, softer italic style */
.wpProQuiz_questionList[data-type=cloze_answer] .englishtext {
  display: block !important;
  font-style: italic !important;
  font-size: 15px !important;
  color: #6b7a99 !important;
  margin-top: 6px !important;
  text-align: left !important;
}



/* ============================================================
   PREMIUM QUIZ BUTTONS — SHIMMER & GLOW UPGRADE
   ============================================================ */

/* Glow pulse for CHECK */
@keyframes check-pulse {
  0%, 100% { box-shadow: 0 4px 18px rgba(34,197,94,0.5), 0 1px 6px rgba(34,197,94,0.3); }
  50%       { box-shadow: 0 8px 32px rgba(34,197,94,0.75), 0 2px 12px rgba(34,197,94,0.45); }
}

/* Glow pulse for NEXT */
@keyframes next-pulse {
  0%, 100% { box-shadow: 0 4px 18px rgba(6,182,212,0.5), 0 1px 6px rgba(6,182,212,0.3); }
  50%       { box-shadow: 0 8px 32px rgba(6,182,212,0.75), 0 2px 12px rgba(6,182,212,0.45); }
}

/* Shimmer sweep animation */
@keyframes shimmer-slide {
  0%        { left: -60%; opacity: 0; }
  10%       { opacity: 1; }
  55%       { left: 115%; opacity: 1; }
  56%, 100% { left: 115%; opacity: 0; }
}

/* ---- Wrapper div (injected by JS around Check/Next) ------- */
.duo-btn-wrap {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
  clear: both !important;
  margin-top: 8px !important;
}

/* ---- The shimmer overlay span ----------------------------- */
.wpProQuiz_content .duo-btn-shim,
.duo-btn-shim {
  position: absolute;
  top: 0;
  left: -60%;
  width: 55%;
  height: 100%;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.55) 50%, transparent 80%);
  transform: skewX(-12deg);
  pointer-events: none;
  z-index: 5;
  animation: shimmer-slide 2.8s ease-in-out infinite;
  border-radius: 0;
}

/* ---- CHECK button ---------------------------------------- */
.duo-btn-wrap input.wpProQuiz_QuestionButton[value="Check"] {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 20px 36px !important;
  width: 100% !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
  animation: check-pulse 2.4s ease-in-out infinite !important;
}
.duo-btn-wrap input.wpProQuiz_QuestionButton[value="Check"]:hover {
  transform: translateY(-2px) scale(1.015) !important;
  filter: brightness(1.08) !important;
  animation-play-state: paused !important;
}
.duo-btn-wrap input.wpProQuiz_QuestionButton[value="Check"]:active {
  transform: translateY(1px) scale(0.99) !important;
}

/* Also keep old selector for fallback during shimmer div injection */
input.wpProQuiz_QuestionButton[value="Check"] {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 20px 36px !important;
  width: 100% !important;
  cursor: pointer !important;
  animation: check-pulse 2.4s ease-in-out infinite !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
}
input.wpProQuiz_QuestionButton[value="Check"]:hover {
  transform: translateY(-2px) scale(1.015) !important;
  filter: brightness(1.08) !important;
}

/* ---- NEXT button ----------------------------------------- */
.duo-btn-wrap input.wpProQuiz_QuestionButton[value="Next"] {
  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 20px 36px !important;
  width: 100% !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
  animation: next-pulse 2.8s ease-in-out infinite !important;
  animation-delay: 0.6s !important;
}
.duo-btn-wrap input.wpProQuiz_QuestionButton[value="Next"]:hover {
  transform: translateY(-2px) scale(1.015) !important;
  filter: brightness(1.08) !important;
  animation-play-state: paused !important;
}
.duo-btn-wrap input.wpProQuiz_QuestionButton[value="Next"]:active {
  transform: translateY(1px) scale(0.99) !important;
}
/* Shimmer on Next should have a slight delay */
.duo-btn-wrap:has(input[value="Next"]) .duo-btn-shim {
  animation-delay: 1.4s !important;
}

input.wpProQuiz_QuestionButton[value="Next"] {
  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 20px 36px !important;
  width: 100% !important;
  cursor: pointer !important;
  animation: next-pulse 2.8s ease-in-out infinite !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
}
input.wpProQuiz_QuestionButton[value="Next"]:hover {
  transform: translateY(-2px) scale(1.015) !important;
  filter: brightness(1.08) !important;
}

/* ---- BACK button ----------------------------------------- */
input.wpProQuiz_QuestionButton[value="Back"] {
  background: #1e293b !important;
  color: #f1f5f9 !important;
  border: 2.5px solid #334155 !important;
  border-radius: 16px !important;
  padding: 13px 26px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.22) !important;
  transition: all 0.18s ease !important;
  min-width: 110px !important;
}
input.wpProQuiz_QuestionButton[value="Back"]:hover {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}
input.wpProQuiz_QuestionButton[value="Back"]:active {
  transform: translateY(1px) !important;
  background: #0f172a !important;
}


/* Fix LearnDash nav buttons on mobile */
@media (max-width: 768px) {
	  .ld-nav-item a,
	  .ld-lesson-navigation a,
	.learndash-wrapper .ld-lesson-navigation .ld-nav-item a {
		    word-break: keep-all !important;
		    white-space: nowrap !important;
		    overflow: hidden !important;
		    text-overflow: ellipsis !important;
		    min-width: 0 !important;
		    flex-shrink: 1 !important;
	}
	.ld-lesson-navigation {
		    display: flex !important;
		    flex-wrap: wrap !important;
		    gap: 8px !important;
	}
}
	}
	}
}
/* ========================================
   FIX: LearnDash Registration Form Fields
   Email and Confirm Password fields were invisible
   Uses body.page-id-11 prefix to override theme dark-styling
   ======================================== */
body.page-id-11 #learndash_registerform input#email,
body.page-id-11 #learndash_registerform input#confirm_password,
body.page-id-11 #learndash_registerform input#lf_website,
body.page-id-11 #learndash_registerform input#username,
body.page-id-11 #learndash_registerform input#password,
body.page-id-11 #learndash_registerform input[type="text"],
body.page-id-11 #learndash_registerform input[type="email"],
body.page-id-11 #learndash_registerform input[type="password"] {
    background-color: rgb(232, 240, 254) !important;
    border: 1px solid rgb(226, 232, 240) !important;
    color: #000 !important;
    padding: 10px 14px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.page-id-11 #learndash_registerform input#email:focus,
body.page-id-11 #learndash_registerform input#confirm_password:focus,
body.page-id-11 #learndash_registerform input#lf_website:focus,
body.page-id-11 #learndash_registerform input#username:focus,
body.page-id-11 #learndash_registerform input#password:focus,
body.page-id-11 #learndash_registerform input[type="text"]:focus,
body.page-id-11 #learndash_registerform input[type="email"]:focus,
body.page-id-11 #learndash_registerform input[type="password"]:focus {
    border-color: rgb(0, 178, 212) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 178, 212, 0.2) !important;
}

/* ========================================
   FIX: Show course description & content
   for non-enrolled visitors
   ======================================== */
.learndash_post_sfwd-courses.user_has_no_access .ld-tabs {
    display: block !important;
}

/* Hide the tab navigation bar if there's only one tab */
.learndash_post_sfwd-courses.user_has_no_access .ld-tabs .ld-tabs-navigation {
    display: none !important;
}

/* Make sure the tab content is visible */
.learndash_post_sfwd-courses.user_has_no_access .ld-tab-content {
    display: block !important;
}

/* ========================================
   FIX: Style the Log In button as a proper link
   ======================================== */
.learndash-wrapper button.ld-login-text {
    background: none !important;
    border: none !important;
    color: #0ea5e9 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-size: inherit !important;
    padding: 0 !important;
    font-family: inherit !important;
}

.learndash-wrapper button.ld-login-text:hover {
    color: #0284c7 !important;
}

/* Language Switcher - Replace US flag with UK flag */
img.trp-flag-image[src*="en_US"] {
  content: url('/wp-content/plugins/translatepress-multilingual/assets/flags/4x3/en_GB.svg');
}

/* =========================================
 *    MATCH-THE-WORDS  improved styling
 *    ========================================= */

/* --- Answer tiles container --- */
.wpProQuiz_matrixSortString {
	  background: #f0fafc !important;
	  border: 1px solid #b2e8f0 !important;
	  border-radius: 12px !important;
	  padding: 12px 14px !important;
	  margin-bottom: 14px !important;
}

/* --- Tile list: wrap on small screens --- */
.wpProQuiz_sortStringList {
	  display: flex !important;
	  flex-wrap: wrap !important;
	  gap: 8px !important;
	  padding: 4px !important;
	  min-height: 44px !important;
}

/* --- Individual draggable tile --- */
.wpProQuiz_sortStringItem {
	  background: #00b2d4 !important;
	  color: #fff !important;
	  border-radius: 20px !important;
	  padding: 7px 14px !important;
	  font-size: 0.88rem !important;
	  font-weight: 600 !important;
	  gap: 6px !important;
	  align-items: center !important;
	  cursor: grab !important;
	  box-shadow: 0 2px 6px rgba(0,178,212,0.25) !important;
	  transition: transform 0.1s, box-shadow 0.1s !important;
	  white-space: nowrap !important;
	  border: none !important;
	  float: none !important;
}
.wpProQuiz_sortStringItem:hover {
	  background: #009ab8 !important;
	  box-shadow: 0 4px 10px rgba(0,178,212,0.35) !important;
}
.wpProQuiz_sortStringItem:active {
	  cursor: grabbing !important;
}

/* Hide the drag icon (cleaner pill style) */
.wpProQuiz_sortStringItem_icon {
	  display: none !important;
}

/* --- Table reset for the matching rows --- */
.wpProQuiz_questionListItem table {
	  border-collapse: separate !important;
	  border-spacing: 0 8px !important;
	  border: none !important;
	  width: 100% !important;
}

/* --- Each matching row --- */
.wpProQuiz_mextrixTr td {
	  background: #fff !important;
	  vertical-align: middle !important;
}
.wpProQuiz_mextrixTr td:first-child {
	  background: #e8f8fc !important;
	  border-radius: 10px 0 0 10px !important;
	  border: 1.5px solid #b2e8f0 !important;
	  border-right: none !important;
	  width: 28% !important;
	  min-width: 90px !important;
}
.wpProQuiz_mextrixTr td:last-child {
	  border-radius: 0 10px 10px 0 !important;
	  border: 1.5px solid #b2e8f0 !important;
	  border-left: 1.5px dashed #b2e8f0 !important;
}

/* --- Frisian word label --- */
.wpProQuiz_maxtrixSortText {
	  white-space: nowrap !important;
	  font-weight: 600 !important;
	  color: #006d85 !important;
	  font-size: 0.92rem !important;
	  padding: 10px 14px !important;
	  text-align: center !important;
}

/* --- Drop zone --- */
.wpProQuiz_maxtrixSortCriterion {
	  min-height: 44px !important;
	  padding: 6px 10px !important;
	  display: flex !important;
	  flex-wrap: wrap !important;
	  align-items: center !important;
	  gap: 6px !important;
}
}
}
}
}
}
}
}
}
}
}
}
}

/* Fix: Back button text visibility for translated versions */
/* German */
input.wpProQuiz_QuestionButton[value="Zurück"] {
  color: rgb(241, 245, 249) !important;
  background: rgb(30, 41, 59) !important;
}
input.wpProQuiz_QuestionButton[value="Zurück"]:hover {
  color: rgb(255, 255, 255) !important;
  background: rgb(51, 65, 85) !important;
}
/* Dutch */
input.wpProQuiz_QuestionButton[value="Terug"] {
  color: rgb(241, 245, 249) !important;
  background: rgb(30, 41, 59) !important;
}
input.wpProQuiz_QuestionButton[value="Terug"]:hover {
  color: rgb(255, 255, 255) !important;
  background: rgb(51, 65, 85) !important;
}
/* Frisian */
input.wpProQuiz_QuestionButton[value="Werom"] {
  color: rgb(241, 245, 249) !important;
  background: rgb(30, 41, 59) !important;
}
input.wpProQuiz_QuestionButton[value="Werom"]:hover {
  color: rgb(255, 255, 255) !important;
  background: rgb(51, 65, 85) !important;
}

/* Fix: Back button text visibility - use name attribute (language-agnostic) */
.wpProQuiz_button[name="back"],
.wpProQuiz_button2[name="back"],
input.wpProQuiz_QuestionButton[name="back"] {
  color: #ffffff !important;
}
.wpProQuiz_button[name="back"]:hover,
.wpProQuiz_button2[name="back"]:hover,
input.wpProQuiz_QuestionButton[name="back"]:hover {
  color: #ffffff !important;
}


/* ---- FIX 12: Progress dashboard on mobile ---- */
@media (max-width: 767px) {
  /* Make streak and points stats more readable */
  .ld-progress,
  [class*="progress-wrap"],
  [class*="course-progress"] {
    font-size: 16px !important;
  }
  .ld-progress-bar,
  [class*="progress-bar"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Ensure the course progress container doesn't overflow */
  .lf-course-progress,
  .ld-course-progress-wrap,
  [class*="progress-container"] {
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
}


/* === 2026-06-25 nav restore: no uppercase, Work Sans 400 === */
.primary-navigation a,
.main-navigation a,
#primary-menu a,
.header-navigation a,
.header-navigation .menu-item a {
    text-transform: none !important;
    font-weight: 400 !important;
}

/* === 2026-06-25 header button: orange === */
.site-header .header-button.button-style-filled,
.site-header a.header-button,
.header-button-wrap .header-button.button-style-filled,
header .header-button {
    background-color: #FF5D00 !important;
    border-color: #FF5D00 !important;
    color: #ffffff !important;
}
.site-header .header-button.button-style-filled:hover,
.header-button-wrap .header-button.button-style-filled:hover {
    background-color: #cc4a00 !important;
    border-color: #cc4a00 !important;
}

/* NAV FIX 20260702: strip orange gradient from top nav, keep white-on-dark + frost hover */
#masthead .main-navigation .menu > li > a, .site-header .main-navigation .menu > li > a { background-image: none !important; background-color: transparent !important; }
#masthead .main-navigation .menu > li > a:hover, #masthead .main-navigation .menu > li:hover > a, .site-header .main-navigation .menu > li > a:hover { background-image: none !important; background-color: rgba(255,255,255,0.09) !important; color:#ffffff !important; }


/* Fix 2026-07-12: quiz cloze/text-input styling (min-width:170px) was also matching answer radios in the app, blowing them up and pushing the word to the right. Restore radios/checkboxes to a small circle at the front-left. */
html body.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type="radio"],
html body.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type="checkbox"]{
  width:20px !important;min-width:20px !important;max-width:20px !important;height:20px !important;
  flex:0 0 auto !important;margin:0 12px 0 0 !important;padding:0 !important;
}


/* lf-quiz-title-gap-fix 2026-09-21
   The mobile rule .sfwd-quiz-title h1 { color:#ffffff } painted the quiz title
   white on a white page, so every quiz opened with 143px of blank space and
   users had to scroll to reach the question. Reported by 4 people (reports
   179, 193, 195, 196). The title is already invisible, and the breadcrumb
   directly below repeats it, so collapsing the space changes nothing visible.
   Scoped to the normal title layout: if the hero layout is ever switched on,
   the body class changes and this rule stops applying. */
@media (max-width: 420px) {
  body.content-title-style-normal .entry-header.sfwd-quiz-title { display: none; }
}


/* lf-report-btn-placement 2026-09-21
   The report widget was fixed at bottom:130px right:24px with z-index 99999, so it
   floated in the middle of the reading area and covered body text. Reported in
   detail by a reader (report 179), who asked for it at the very bottom, left of
   the language flags. The flags sit bottom-right (about 126px wide), so the button
   goes bottom-left. On narrow screens the 'Something wrong?' label is dropped so
   the pill cannot collide with the flags. */
#lf-report-btn-wrapper {
  bottom: 10px !important;
  left: 10px !important;
  right: auto !important;
}
@media (max-width: 600px) {
  #lf-report-trigger-text { display: none; }
}

/* lf-quiz-selected-state: tapping an answer gave no visual feedback at all.
   The label gets .is-selected from the quiz JS but nothing painted it,
   so users reported that clicking an answer did nothing (reports 183, 186). */
.wpProQuiz_questionListItem label.is-selected,
.wpProQuiz_questionListItem label:has(input:checked) {
  background: #e8f2fc !important;
  border-color: #2b86d4 !important;
  box-shadow: inset 0 0 0 2px #2b86d4 !important;
  color: #12395e !important;
  font-weight: 600 !important;
}