/*
Theme Name: JupiterX Child
Template: jupiterx
Version: 1.0
Description: Child theme voor aangepaste functionaliteit zoals oa Woocommerce pagina's.
Author: Christophe Pletschet
*/

/* Achtergrondkleur alle paginas */
.jupiterx-main{
  background-color: #f7f5f2 !important;
}

/* Tutor LMS */

/* Tutor: verberg rating overal */
.tutor-ratings{
  display: none !important;
}


/* Aanpassingen Tutor Single Course Page */

.tutor-card {
    background-color: #f7f5f2 !important;
    border-radius: 18px;
}

.tutor-accordion-item {
    background-color: #fff;
    border: 0px solid #e0e2ea;
    border-radius: 0px;
}

.tutor-accordion-item-body-content {
    border-top: 0px solid #e0e2ea;
    padding: 0 16px;
}

/* Verberg "Cursus afronden" (TutorLMS) */
button[name="complete_course_btn"][value="complete_course"]{
  display:none !important;
}

/* Verberg "View cart" (TutorLMS) */
a.tutor-woocommerce-view-cart { display: none !important; }


/* En haal meteen de hele form weg waarin die knop zit (veilig) */
form:has(> button[name="complete_course_btn"][value="complete_course"]){
  display:none !important;
}



/* Start cursus knop en knop eronder capitalizen */
a.tutor-btn.tutor-btn-primary.tutor-btn-block.tutor-mt-20{
  text-transform: capitalize;
}

button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block{
  text-transform: capitalize;
}

/* Start cursus knop afronden zoals knop eronder */
.tutor-sidebar-card a.tutor-btn.tutor-btn-primary{
  border-radius: 20px !important; 
}

/* Hover kleur van de lestitels in cursusovezicht */
.tutor-course-content-list-item-title a:hover{
  color: #B57944 !important; 
}

/* Tab boven Cursus Inhoud wegnemen */
.tutor-is-sticky {
  display: none !important;
}

/* extra marge boven titel Cursus Inhoud wegnemen deel 1 */
.tutor-tab.tutor-pt-24{
  padding-top: 0px !important;
}

/* extra marge boven titel Cursus Inhoud wegnemen deel 2 */
.tutor-mt-40 {
    margin-top: 00px;
}

/* Aanpassingen Tutor Lesson Page */

/* Zet layout van 2 kolommen naar 1 kolom */
.tutor-course-single-content-wrapper{
  display: flex !important;
  flex-direction: column !important;
}

/* Eerst de les-inhoud */
.tutor-single-entry-wrapper{
  order: 1 !important;
  width: 100% !important;
}

/* Dan de sidebar/curriculum */
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
  order: 2 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Tutor lespagina: hoofdwrapper breder maken */
.tutor-course-single-content-wrapper{
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Vaak zit er nog een extra container rond; deze helpt als de outer container beperkt */
.tutor-course-single-content-wrapper .tutor-single-entry-content{
  max-width: 1080px !important;
}



/* Opmaak titel boven video */
.tutor-course-title-above-topbar{
    margin-top: 10px !important;
	margin-bottom: 20px !important;
    color: #B57944;
    font-family: "Montserrat", Sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 140%;
}

/* verwijder balk boven video met uitklap knop voor curriculum, vooruitgang en markeer als voltooid knop */
.tutor-course-topic-single-header{
  display: none !important;
}

/* als er bovenaan nog “lege” ruimte blijft, pak die mee */
.tutor-course-topic-single-header + *{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Minder witruimte tussen titel en video */
h1.tutor-course-title-above-topbar{
  margin-bottom: 20px !important;   /* speel met 0–16px */
  padding-bottom: 0 !important;
}

.tutor-course-topic-single-body{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Als de video-wrapper zelf nog top-margin heeft */
.tutor-course-topic-single-body .tutor-video-player-wrapper{
  margin-top: 0 !important;
}

/* Tutor lespagina: video container afgerond + rand */
.tutor-course-topic-single-body .tutor-video-player-wrapper{
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 18px solid #ffffff !important; /* <- rand */
  background: #ffffff !important;       /* <- zodat de rand "wit" oogt */
  margin-top: 20px;
  }

/* Zorg dat de video de wrapper vult zonder eigen rand */
.tutor-course-topic-single-body .tutor-video-player-wrapper iframe,
.tutor-course-topic-single-body .tutor-video-player-wrapper video{
  border: 0 !important;
  border-radius: 18px  !important;
  display: block;
}

/* Tutor lespagina: verberg tabs "Notes" en "Take Note" */
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item a[href*="notes"],
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item a[href*="take-note"],
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item a[href*="take_note"]{
  display: none !important;
}

/* Extra vangnet: verberg elke nav-item die "Notes" of "Take Note" heet */
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item:has(a[title*="Notes"]),
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item:has(a[title*="Take Note"]){
  display: none !important;
}

/* Extra dommere versie voor notes en take note te verbergen */
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item:nth-child(3),
.single-lesson .tutor-course-spotlight-nav .tutor-nav-item:nth-child(4){
  display: none !important;
}

/* Tutor lespagina: verberg "Take Note" knop */
.single-lesson #tutor-lesson-nav-take-note-btn,
.single-lesson button#tutor-lesson-nav-take-note-btn,
.single-lesson .tutor-course-spotlight-nav #tutor-lesson-nav-take-note-btn{
  display: none !important;
}

/* Tabs onder video: Overzicht + Oefenbestanden in bold */
.single-lesson .tutor-course-spotlight-nav a,
.single-lesson .tutor-course-spotlight-nav button{
  font-weight: 700 !important;
}

/* (optioneel) ook de iconen net mee laten ‘zwaarder’ lijken */
.single-lesson .tutor-course-spotlight-nav i,
.single-lesson .tutor-course-spotlight-nav svg{
  font-weight: 700 !important;
}

/* Lespagina: beschrijving (Overzicht tab) over volledige breedte */
.single-lesson .tutor-course-spotlight-tab .tutor-row.tutor-justify-center{
  justify-content: flex-start !important; /* niet meer centreren */
}

.single-lesson .tutor-course-spotlight-tab .tutor-col-xl-8{
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* side padding in de beschrijving */
.single-lesson .tutor-course-spotlight-tab .tutor-container{
  padding-left: 50px !important;
  padding-right: 50px !important;
}

/* Minder ruimte ONDER de beschrijving (tab content) */
.single-lesson .tutor-course-spotlight-wrapper,
.single-lesson .tutor-tab.tutor-course-spotlight-tab{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Minder ruimte BOVEN de knoppen (footer) */
.single-lesson .tutor-course-topic-single-footer{
  margin-top: 8px !important;   /* zet lager/hoger naar smaak */
  padding-top: 0 !important;
}

/* Soms zit er nog margin op de “container” rond de beschrijving */
.single-lesson .tutor-lesson-wrapper,
.single-lesson .tutor-lesson-wrappe,
.single-lesson .tutor-lesson-wrap{
  margin-bottom: 0 !important;
}


/* Balk met vorige/volgende: volledig “weg” (geen kleurvlak) */
.single-lesson .tutor-course-topic-single-footer{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;      /* haalt die grote padding weg */
  margin: 12px 0 18px !important;
}

/* Zorg dat de 2 kolommen niet zelf nog een achtergrond dragen */
.single-lesson .tutor-course-topic-single-footer .tutor-single-course-content-prev,
.single-lesson .tutor-course-topic-single-footer .tutor-single-course-content-next{
  background: transparent !important;
}

/* Buttons: terracotta + wit + radius 18px */
.single-lesson .tutor-course-topic-single-footer a,
.single-lesson .tutor-course-topic-single-footer .tutor-btn{
  background: #B57944 !important;
  color: #fff !important;
  border-radius: 18px !important;
  padding: 12px 36px !important;
  font-size: 16px !important;
	font-weight: 600 !important;
}

/* Hover iets donkerder */
.single-lesson .tutor-course-topic-single-footer a:hover,
.single-lesson .tutor-course-topic-single-footer .tutor-btn:hover{
  background: #869AA3 !important;
}

/* Pijltjes/icons wit houden */
.single-lesson .tutor-course-topic-single-footer a i,
.single-lesson .tutor-course-topic-single-footer a svg,
.single-lesson .tutor-course-topic-single-footer a svg *{
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Meer ruimte tussen Vorige/Volgende en Curriculum */
.single-lesson .tutor-course-topic-single-footer{
  margin-bottom: 60px !important; 
  padding-bottom: 0 !important;
}

/* Backup: als Tutor de spacing via de curriculum wrapper zet */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ===== Cursus inhoud: card zoals je voorbeeld (zonder Coaching Sessions balk) ===== */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
  background: #FFFFFF !important;
  border-radius: 18px !important;
  padding: 26px 26px 18px !important;
}

/* Titel "Cursus inhoud" wat steviger */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-single-sidebar-title span{
  font-family: "Montserrat", sans-serif !important;
	color: #2C2C2C !important;
  font-weight: 700 !important;
  font-size: 22px !important;
	
}

/* Verberg de hele accordion header (Coaching Sessions + 0/11 + pijltje) */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-header{
  display: none !important;
}

/* Forceer: body altijd open + geen hoogte/overflow beperkingen */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-body{
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 2px !important;
  border-color: #E1EBF0 !important;
  border-style: solid !important;
  border-radius: 18px !important;
  background: transparent !important;
}

/* Weg met eventuele accordion-randen/achtergronden */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item{
  
  background: #F7F5F2 !important;
	  border: 0 !important;
  
}

/* Lijstitems: geen “grijze blokken”, gewoon een nette lijst */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item{
  background: #F7F5F2 !important;
border: 2px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
	    
}
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item:last-child{
  border-bottom: 0 !important;
}

/* Link layout: titel links, meta rechts */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item a{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Tekst */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item a,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item .tutor-course-topic-title{
  color: #2C2C2C !important;
  font-weight: 600 !important;
}

/* Duur + icons subtiel grijs */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-duration,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-meta{
  color: rgba(44,44,44,.70) !important;
}

.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
[class*="tutor-icon"],
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar svg,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar svg *{
  color: rgba(44,44,44,.45) !important;
  fill: rgba(44,44,44,.45) !important;
  stroke: rgba(44,44,44,.45) !important;
}

/* Curriculum – lestitels: Inter, 16px, vet */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item .tutor-course-topic-item-title,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item .tutor-course-topic-item-title *{
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
}

/* Cursus inhoud – lijstitems: witte balk -> #F7F5F2 */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item a{
  background: #F7F5F2 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	}

/* (optioneel) ook bij hover/actief dezelfde basis, zodat het niet terug wit wordt */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item:hover,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item:hover a{
  background: #FFFFFF !important;
}

/* 1) Zorg dat alles binnen jouw afgeronde kader ook écht wordt "afgeknipt" */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-body{
  overflow: hidden !important;
}

/* 2) De inner wrapper heeft vaak zelf nog een rand/box-shadow → weg ermee */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-body .tutor-course-topic{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 3) Soms is het een focus-outline op de link (vierkant) */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a:focus,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* Horizontale lijn bovenaan weghalen (komt van de accordion header) */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-header{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Soms zit de lijn op een pseudo-element */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-header::before,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-header::after{
  display: none !important;
}

/* En soms op de titelbalk "Cursus inhoud" wrapper */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-single-sidebar-title{
  border: 0 !important;
  box-shadow: none !important;
}

/* Extra ruimte boven/onder de lessen, zonder de hover-rij te vergroten */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-body{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 1) Wit boven/onder weg: padding moet dezelfde achtergrond krijgen als de lijst */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-body{
  background: #F7F5F2 !important;     /* zodat padding niet wit is */
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Zorg dat de les-rijen zelf géén extra “white cards” tekenen */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a{
  background: transparent !important;
}

/* 2) Randlijn rechts weg (die verticale lijn): border-right overal killen */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson *{
  border-right: 0 !important;
}

/* Kill die verticale scheidingslijn rechts (meestal border-left of inset shadow) */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson .tutor-col-auto,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson .tutor-flex-shrink-0,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson [class*="col-auto"]{
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Als Tutor de lijn tekent via pseudo-elements */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson::before,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson::after,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a::before,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a::after{
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Extra safety: geen “inset divider” op de rij zelf */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a{
  box-shadow: none !important;
}

/* 1) Alleen de ongewenste divider op OUTER wrappers killen (niet op de lesbox zelf) */
.single-lesson .tutor-course-single-content-wrapper,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar .tutor-course-topic{
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 2) Jouw “gekleurde vak” terug: border + radius op de echte box */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-accordion-item-body{
  border: 2px solid #E1EBF0 !important;
  border-radius: 18px !important;
  overflow: hidden !important; /* zodat hoeken echt rond blijven */
}

/* 3) Zorg dat de lijst zelf geen eigen zij-borders terug toevoegt */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson,
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
.tutor-course-topic-item-lesson > a{
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Minder wit boven “Cursus inhoud” (sidebar blok op lespagina) */
.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* De titel zelf: minder ruimte boven/onder */
.single-lesson .tutor-course-single-sidebar-title{
  margin-top: 0 !important;
  margin-bottom: 10px !important; /* was groter */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Soms zit er nog extra top-padding op de ‘course topic’ container */
.single-lesson .tutor-course-topic{
  margin-top: 0 !important;
  padding-top: 0 !important;
	
}

/* Als je theme nog spacing op de hele content wrapper zet */
.single-lesson .tutor-course-single-content-wrapper{
  padding-top: 0 !important;
  
}

/* Minder wit ONDER de titel "Cursus inhoud" */
.single-lesson .tutor-course-single-sidebar-title{
  margin-bottom: 0px !important; /* probeer 4–8px */
}

/* En als er nog ruimte blijft: het blok met de lessen zelf */
.single-lesson .tutor-course-topic{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* =========================
   Tutor LMS — Notes overal weg
   ========================= */

/* 1) Verberg de volledige tab (li) indien mogelijk */
.single-lesson .tutor-course-spotlight-wrapper
.tutor-course-spotlight-nav .tutor-nav-item:has(a[data-tutor-nav-target="tutor-course-spotlight-notes"]) {
  display: none !important;
}

/* 2) Fallback: verberg minstens de link (als :has niet zou werken) */
.single-lesson .tutor-course-spotlight-wrapper
.tutor-course-spotlight-nav a[data-tutor-nav-target="tutor-course-spotlight-notes"] {
  display: none !important;
}

/* 3) Verberg de notes content/paneel zelf */
.single-lesson #tutor-course-spotlight-notes,
.single-lesson .tutor-course-spotlight-wrapper #tutor-course-spotlight-notes,
.single-lesson .tutor-course-spotlight-wrapper [id*="spotlight-notes"]{
  display: none !important;
}

/* 4) Verberg de “take note” knop (die jij ook in DOM ziet) */
.single-lesson #tutor-lesson-nav-take-note-btn{
  display: none !important;
}




/* MOBILE + TABLET */

@media (max-width: 1024px){

/* Verberg cursus vooruitgang */
  .single-lesson .tutor-spotlight-mobile-progress-complete{
    display: none !important;
  }

/* Forceer sidebar (curriculum) zichtbaar op tablet/mobile */

/* Forceer de curriculum-wrapper zichtbaar (override tutor-d-none / responsive utils) */
  .single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 24px !important; /* zet dit kleiner/groter naar smaak */
  }

  /* Als Tutor 'm verbergt met tutor-d-none, override expliciet */
  .single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar.tutor-d-none,
  .single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar.tutor-d-none.tutor-d-xl-block{
    display: block !important;
  }

  /* 3) Zorg dat curriculum NA de content komt (als de parent flex is) */
  .single-lesson .tutor-course-single-content-wrapper{
    order: 1 !important;
  }
  .single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
    order: 2 !important;
  }

  /* Mobile/tablet: curriculum (lesson sidebar) echt zichtbaar maken */

  .single-lesson .tutor-course-single-sidebar-wrapper{
    opacity: 1 !important;
    z-index: 1 !important;
    visibility: visible !important;
    display: block !important;

    /* vaak nodig omdat Tutor het als off-canvas/drawer probeert te behandelen */
    position: relative !important;
    transform: none !important;

    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Zorg dat hij gewoon mee in de flow staat en full width is */
  .single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar{
    width: 100% !important;
    max-width: none !important;
  }

	/* Verberg het icoon naast "Cursus inhoud" (toggle sidebar knop) */
	.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
	.tutor-course-single-sidebar-title .tutor-hide-course-single-sidebar,
	.single-lesson .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar
	.tutor-course-single-sidebar-title a.tutor-iconic-btn{
	  display: none !important;
	}

}

/* Aanpassingen enkel op tablet */
@media (min-width: 768px) and (max-width: 991px){

		
	/* minder ruimte tussen Vorige/Volgende en Cursus inhoud box */
  .single-lesson .tutor-course-topic-single-footer{
    margin-bottom: 15px !important;   /* lager = minder ruimte */
    padding-bottom: 0 !important;
  }
   
  /* meer ruimte onder blok "Cursus inhoud" */	
  .single-lesson .tutor-course-single-sidebar-wrapper{
    margin-bottom: 8px !important;   /* hoger = meer ruimte */
  }	
}


/* Aanpassingen enkel op mobile */
@media (max-width: 767px){
  /* Aanpassingen titelgrootte op mobile */
	.single-lesson h1.tutor-course-title-above-topbar{
    font-size: 20px !important;   
    line-height: 1.1 !important;  
  }

  /* minder ruimte tussen Vorige/Volgende en Cursus inhoud box */
  .single-lesson .tutor-course-topic-single-footer{
    margin-bottom: 15px !important;   /* lager = minder ruimte */
    padding-bottom: 0 !important;
  }

  /* meer ruimte onder de titel "Cursus inhoud" */
  .single-lesson .tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title{
    margin-bottom: 0px !important;   /* hoger = meer ruimte */
  }
  
  /* meer ruimte onder blok "Cursus inhoud" */	
  .single-lesson .tutor-course-single-sidebar-wrapper{
    margin-bottom: 24px !important;   /* hoger = meer ruimte */
  }	

}




/*
Beschrijving: Aanpassingen voor kleuren van WooCommerce Mijn Account pagina (terracotta stijl)
*/

/* Pagina achtergrondkleur */
body.woocommerce-account,
body.woocommerce-account .jupiterx-site,
body.woocommerce-account .jupiterx-main,
body.woocommerce-account .jupiterx-content,
body.woocommerce-account .elementor,
body.woocommerce-account .woocommerce {
    background-color: #F7F5F4 !important;
}

/* View height van de pagina */
body.woocommerce-account .jupiterx-main {
    min-height: 50vh;
}


/* --- ZIJMENU LINKS --- */

/* Niet-actieve links: terracottatekst, transparante achtergrond */
.woocommerce-MyAccount-navigation-link a {
    background-color: transparent !important;
    color: #b57944 !important;
    padding: 8px !important;
    border-radius: 20px !important;
    text-decoration: none;
}


/* Actieve link in zijmenu: terracotta achtergrond, wit, minder padding en afgeronde hoeken */
.woocommerce-MyAccount-navigation-link a
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #b57944 !important;
    color: #ffffff !important;
    border-left: none !important;
    padding: 8px !important;       /* minder padding zoals "Blader door producten" */
    border-radius: 20px !important;      /* afgeronde hoeken */
	   
}

/* --- KNOPPEN STANDAARD --- */

/* WooCommerce-knoppen (zoals "Blader door producten") */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #BB774F !important;
    border-color: #BB774F !important;
    color: #ffffff !important;
	padding: 8px 14px !important;       /* minder padding zoals "Blader door producten" */
    border-radius: 20px !important;      /* afgeronde hoeken */
	text-decoration: none !important;

}

/* --- KNOP blader door producten --- */

/* Hover: donkerder terracotta met witte tekst */
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #BB774F !important;
    border-color: #BB774F !important;
    color: #ffffff !important;
	padding: 8px 14px !important;       /* minder padding zoals "Blader door producten" */
    border-radius: 20px !important;      /* afgeronde hoeken */
	text-decoration: none !important;
	

}

/* Verwijder de grijze lijnen tussen menu-items in Mijn Account navigatie */
.woocommerce-MyAccount-navigation-link {
    border-bottom: none !important;
}

/* Links in het contentgebied van Mijn Account: zwart en onderlijnd */
.woocommerce-LostPassword.lost_password a,
.woocommerce-MyAccount-content a {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* Achtergrond wit voor info-melding zoals "Nog geen bestelling geplaatst" */
.woocommerce-info {
    background-color: #ffffff !important;
    border-left: 2px solid #BB774F !important; /* Terracotta lijn links */
	border-top: 2px solid #BB774F !important; /* Terracotta lijn boven */
    color: #000 !important;
}



/* Terracotta icoon (het blauwe icoontje links) */
.woocommerce-info::before {
    color: #BB774F !important;
}

/* Titels Verzendadres en Factuuradres */
.woocommerce-Address header h2 {
    font-size: 1.5rem !important;  /* of bv. 24px */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.5rem;
}

/* Titel Login */
body.woocommerce-account .woocommerce h2 {
    font-size: 48px !important;
    font-weight: 600;
}


/* Links Toevogen Verzendadres en Toevoegen Factuuradres */
.woocommerce-Address-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}

.woocommerce-Address-title a.edit {
  margin: 0 !important;
  text-align: left !important;
  display: inline-block !important;
}

/* WooCommerce Mijn account - knoppen Bekijken + Factuur naast elkaar */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    white-space: nowrap !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    padding: 6px 10px !important;
    line-height: 1.1 !important;
    margin: 0 4px 0 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 999px !important;
}

/* Tablet: naam/tekst bovenaan, menu/knoppen onderaan */
@media (min-width: 768px) and (max-width: 991px){
  body.woocommerce-account .woocommerce{
    display: flex !important;
    flex-direction: column !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content{
    order: 1 !important;
    width: 100% !important;
    float: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation{
    order: 2 !important;
    width: 100% !important;
    float: none !important;
    margin-top: 18px !important; /* optioneel: beetje ruimte */
  }
}


/* Mobile: naam/tekst bovenaan, menu/knoppen onderaan */
@media (max-width: 767px){

  body.woocommerce-account .woocommerce{
    display: flex !important;
    flex-direction: column !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content{
    order: 1 !important;
    width: 100% !important;
    float: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation{
    order: 2 !important;
    width: 100% !important;
    float: none !important;
    margin-top: 18px !important; /* optioneel: beetje ruimte */
  }
}