/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* Learndash: Mark Complete button - käytä vasenta ikonia, poista oikean reunan pseudoikonit */
.ld-content-action .ld-button,
.ld-content-actions .ld-button {
  display: inline-flex;
  align-items: center;
  gap: 10px; /* väli ikonille ja tekstille */
}

/* Sama asettelu myös LD Modern -napille, jolla EI ole .ld-button-luokkaa */
button.learndash_mark_complete_button,
button[class*="progress-mark-complete-button"] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Piilota BuddyBossin mahdollinen oikean reunan ::after/::before -ikoni */
.ld-content-action .ld-button::after,
.ld-content-action .ld-button::before,
.ld-content-actions .ld-button::after,
.ld-content-actions .ld-button::before {
  display: none !important;
  content: none !important;
}

/* Piilota oikean reunan pseudoikoni nimenomaan LD Modern -napista */
button.learndash_mark_complete_button::after,
button.learndash_mark_complete_button::before,
button[class*="progress-mark-complete-button"]::after,
button[class*="progress-mark-complete-button"]::before {
  display: none !important;
  content: none !important;
}

/* Lisää vielä vahvempi kohdistus mahdollisiin teeman erikoisluokkiin */
button.ld-button::after,
button.ld-button::before,
button.ld-primary.ld-button::after,
button.ld-primary.ld-button::before,
.ld-content-action button.ld-button::after,
.ld-content-actions button.ld-button::after {
  display: none !important;
  content: none !important;
}

.ld-mark-complete-icon {
  color: #fff;
}

/* Jos plugin lisää ylimääräisen SVG:n napin sisään, piilota se */
.ld-content-action .ld-button svg:not(.ld-mark-complete-icon),
.ld-content-actions .ld-button svg:not(.ld-mark-complete-icon) {
  display: none !important;
}

/* Overrideeraa LearnDashin vahva :after-ikoni (näkyy devtoolsissa) */
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete:after,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete::after,
.learndash-wrapper .learndash_content_wrap .sfwd-mark-complete:after,
.learndash-wrapper .learndash_content_wrap .sfwd-mark-complete::after {
  display: none !important;
  content: none !important;
}