/* ==========================================================
   LearnDash × Kadence — enhetlig container, scroll-fix & hero-stil
   - Behåller 1700px look för Lessons/Topics
   - Course-sidan är full width med liten, konsekvent gutter
   ========================================================== */

/* ---------- Variabler (EN källa) ---------- */
:root{
  --ld-max: 2400px;                 /* innehållsbredd för Lessons/Topics */
  --ld-pad: clamp(12px, 3vw, 26px); /* sidopadding för Lessons/Topics */
  --ld-gap: 24px;                   /* små list-gap */
  --course-gutter: 3px;             /* sidogutter på single Course */	
}

/* ---------- LESSONS: normalisera och containra (gäller även Focus-läge) ---------- */
.single-sfwd-lessons .ld-focus .ld-focus-main,
.single-sfwd-lessons .ld-focus .ld-focus-content,
.single-sfwd-lessons .ld-focus .ld-focus-content-inner,
.single-sfwd-lessons .ld-focus .ld-primary-content{
  max-width: none !important;
  width: 100% !important;

	}

.single-sfwd-lessons .entry-content,
.single-sfwd-lessons .ld-focus .ld-focus-content .entry-content,
.single-sfwd-lessons .ld-focus .ld-focus-content .ld-lesson-content,
.single-sfwd-lessons .ld-focus .ld-focus-content .ld-content-wrap,
.single-sfwd-lessons .ld-lesson-details,
.single-sfwd-lessons .ld-lesson-topic-list,
.single-sfwd-lessons .ld-lesson-section,
.single-sfwd-lessons .ld-lesson-content .ld-lesson-content-inner{
  margin-inline: auto !important;
  padding-inline: var(--ld-pad);
  width: 100%;
  box-sizing: border-box;		
}





/* ---------- MITT Test: bakgrund ---------- */


body.ld-in-focus-mode .learndash-wrapper
 {
   	background-image: url("https://scalienceacademy.com/wp-content/uploads/2025/10/bg-sc-repeat.jpg");
	 background-repeat: repeat;
  background-attachment: fixed;
	background-size: auto;	
}


/* ---------- MITT Test: bakgrund ---------- */
body.ld-in-focus-mode .ld-layout .kt-row-column-wrap .kt-inside-inner-col{
	max-width:1800px;
   margin-inline: auto;
  padding-inline: var(--ld-pad);
}

/* ---------- Mitt test: padding progressbar och footer ---------- */
.ld-accordion__header{
	padding:0 30px;
}
.ld-accordion__content{
	padding:0 30px;
}
.ld-progress-bar{
	padding:0 30px;
}



/* ---------- TOPICS: samma container & scroll-skydd ---------- */
.single-sfwd-topic .entry-content{
  max-width: var(--ld-max);
  margin-inline: auto;
  padding-inline: var(--ld-pad);
}
body.single-sfwd-topic,
body.single-sfwd-topic .entry-content{ overflow-x: clip; }

/* ---------- Tämj alignfull så de följer containern (Lessons/Topics + Focus) ---------- */
.single-sfwd-lessons .entry-content :is(.alignfull,.wp-block-group.alignfull,.wp-block-kadence-rowlayout.alignfull,.kt-row-layout-full-width),
.single-sfwd-topic   .entry-content :is(.alignfull,.wp-block-group.alignfull,.wp-block-kadence-rowlayout.alignfull,.kt-row-layout-full-width),
#ld-focus .ld-focus-content :is(.alignfull,.wp-block-group.alignfull,.wp-block-kadence-rowlayout.alignfull,.kt-row-layout-full-width){
  width: auto !important;
  max-width: var(--ld-max) !important;
  margin-inline: auto !important;
  left: auto !important;
  right: auto !important;
}

/* ---------- Kadence-rows som ibland tvingar 100vw (Topics) ---------- */
.single-sfwd-topic .entry-content .kb-row-layout-wrap,
.single-sfwd-topic .entry-content .kb-row-layout-wrap.alignfull,
.single-sfwd-topic .entry-content .kb-row-layout-wrap.alignwide,
.single-sfwd-topic .entry-content .kt-row-layout-full-width,
.single-sfwd-topic .entry-content .kt-row-layout-inner,
.single-sfwd-topic .entry-content .kt-row-layout-col-wrap,
.single-sfwd-topic .entry-content .wp-block-group.alignwide,
.single-sfwd-topic .entry-content .wp-block-group.alignfull{
  width: 100% !important;
  max-width: var(--ld-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  position: relative;
}
/* Neutralisera inline style som sätter 100vw */
.single-sfwd-topic .entry-content [style*="100vw"]{ width: 100% !important; }

/* ---------- Nolla generiska .container som kan störa (Lessons) ---------- */
.single-sfwd-lessons .container,
.single-sfwd-lessons .site-container,
.single-sfwd-lessons .content-container{
  max-width: none !important;
  width: 100% !important;
}

/* ---------- Media ska aldrig spräcka bredden ---------- */
.single-sfwd-lessons .entry-content :is(img,video,iframe),
.single-sfwd-topic  .entry-content :is(img,video,iframe),
#ld-focus .ld-focus-content :is(img,video,iframe){
  max-width: 100%;
  height: auto;
}
.single-sfwd-topic .entry-content table{
  display:block; overflow-x:auto; max-width:100%;
}

/* ---------- Mild puts – rubriker/listor ---------- */
.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3{ margin-block: clamp(12px, 2.5vw, 24px); }
.learndash-wrapper .ld-lesson-list .ld-table-list-items,
.learndash-wrapper .ld-topic-list  .ld-table-list-items{ gap: var(--ld-gap); }

/* ---------- Adminbar och småskärmar ---------- */
html.admin-bar{ margin-top: 0 !important; }

@media (max-width: 768px){
  .single-sfwd-lessons .entry-content,
  .single-sfwd-topic  .entry-content{ padding-inline: 12px; }
}

/* ---------- Dölj standardrubriker när egen hero används ---------- */
body.kd-hero-on .entry-header,
body.kd-hero-on .entry-title,
body.kd-hero-on .woocommerce-products-header,
body.kd-hero-on .woocommerce-products-header__title{ display:none !important; }

/* ---------- Hero-rubrikstil ---------- */
.kd-hero h1,
.kd-hero .wp-block-kadence-advancedheading h1{
  color:#F9F7F7 !important;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.1;
  font-size:clamp(21px, 3vw, 33px);
  margin:0;
}


/* ==========================================================
   COURSE (single-sfwd-courses) — full width med jämn 3px gutter
   ========================================================== */

/* Nolla ev. tema-padding runt content */
body.single-sfwd-courses .content-wrap,
body.single-sfwd-courses .content-area,
body.single-sfwd-courses .site-main,
body.single-sfwd-courses .entry-content-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ge 3px till content + vanliga inner-containrar (rows/group/cover/LD) */
body.single-sfwd-courses .entry-content,
body.single-sfwd-courses .entry-content .kb-row-layout-wrap > .kb-row-layout-inner,
body.single-sfwd-courses .entry-content .wp-block-group__inner-container,
body.single-sfwd-courses .entry-content .wp-block-cover__inner-container,
body.single-sfwd-courses .entry-content .learndash-wrapper {
  padding-left: var(--course-gutter) !important;
  padding-right: var(--course-gutter) !important;
  box-sizing: border-box;
}

/* Fallback: om något top-level-block ändå nollar padding */
body.single-sfwd-courses .entry-content > * {
  padding-left: var(--course-gutter) !important;
  padding-right: var(--course-gutter) !important;
  box-sizing: border-box;
}

/* Valfritt – visa tydligt var content slutar */
body.single-sfwd-courses .entry-content {
  background-clip: content-box;
}

/* Dölj utvald bild / Kadence Title Area på kurssidan */
.single-sfwd-courses .post-thumbnail,
.single-sfwd-courses .wp-post-image,
.single-sfwd-courses .kadence-post-image,
.single-sfwd-courses .entry-hero .kt-entry-hero-media,
.single-sfwd-courses .wp-block-post-featured-image {
  display: none !important;
}
.single-sfwd-courses .entry-hero { display: none !important; }

/* LearnDash-kolumnlayout – gör den 1-kolumnig & säkerställ visning */
.single-sfwd-courses .learndash-wrapper .ld-layout { display:block !important; }
.single-sfwd-courses .learndash-wrapper .ld-layout__content,
.single-sfwd-courses .learndash-wrapper .ld-layout__sidebar {
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  grid-area:auto !important;	
}
.single-sfwd-courses .learndash-wrapper aside.ld-layout__sidebar,
.single-sfwd-courses .learndash-wrapper .ld-enrollment {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

 


@media (max-width:1024px){
  .single-sfwd-courses .entry-content > *:not(.alignwide):not(.alignfull){
    padding-inline:18px;
  }
}