/*
Theme Name:     Lee Seger Kursportal
Theme URI:      https://www.tommyfalk.com
Description:    Divi Child Theme for Lee Seger Kursportal
Author:         Tommy Falk
Author URI:     https://www.tommyfalk.com
Template:       Divi
Version:        1.0.0
*/

/*--------------------------------------------------------------
VARIABLER – Färgteman etc.
--------------------------------------------------------------*/
:root {
	--ls-lightgreen: #e6f4f4;
	--ls-darkgrey: #535353;
}

/*--------------------------------------------------------------
DIVI: Justeringar för formulär & inloggning
--------------------------------------------------------------*/

/*** Dölj Saved Cards på LearnDash-profilen ***/
.ld-profile__saved-cards {
	display: none !important;
}

.et_pb_newsletter.et_pb_login .et_pb_newsletter_form {
	width: 100% !important;
	/* Tar full bredd i login-formulär */
}

.et_pb_column_4_4 .et_pb_newsletter.et_pb_login .et_pb_newsletter_form {
	padding-left: 0 !important;
	padding-right: 0;
}

.et_pb_forgot_password {
	text-decoration: none !important;
	font-size: 1em;
	margin-top: 5px;
	text-align: center;
}
.ld-profile-avatar,
.ld-profile-avatar img,
.ld-profile-avatar-upload {
	display: none !important;
}
/*--------------------------------------------------------------
DIVI: Justeringar för Woo Moduler
--------------------------------------------------------------*/


/*--------------------------------------------------------------
WOO COMMERCE – Anpassningar för kundvagn & kassa
--------------------------------------------------------------*/

/* Döljer globala notiser */
.woocommerce-notices-wrapper {
	display: none;
}

/* Dölj onödiga Woo-flikar */
.woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}

/* Styling för betalningsblock */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	border-radius: 5px;
	padding: 20px;
}

/* Dölj antalsfält i butik, varukorg, kassa och orderbekräftelse */
/* .woocommerce .quantity,
th.product-quantity,
td.product-quantity,
.woocommerce-checkout-review-order-table .product-quantity,
.woocommerce-order-details .product-quantity {
	display: none !important;
} */

#order_review_heading,
div.woocommerce-checkout-payment {
	margin-top: 2em;
}

/*** WooCommerce quantity input fix ***/
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
	display: inline-block !important;
	width: 50px !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: static !important;
	clip: unset !important;
	clip-path: unset !important;
}

/*--------------------------------------------------------------
HEADER / FOOTER – Inloggningsknapp
--------------------------------------------------------------*/

.ld-login-button {
	background-color: #0055a5;
	color: white;
	padding: 0.75em 1.5em;
	border-radius: 8px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.ld-login-button:hover {
	background-color: #003e7e;
}

/*--------------------------------------------------------------
KLARNA – Döljer extern widget
--------------------------------------------------------------*/

.p-HeightObserverProvider-container,
.p-HeightObserverProvider-container * {
	display: none !important;
	height: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/*--------------------------------------------------------------
LEARNDASH – Kurslayout & anpassningar
--------------------------------------------------------------*/

/* Kursprogress / stegbeskrivningar */
.et_pb_ld_course_progress h3 {
	padding-bottom: 0px;
}

.ld-progress-percentage,
.ld-progress-steps,
.ld-lesson-list-progress,
.ld-lesson-list-steps,
.ld-table-list-title,
.ld-topic-title {
	font-family: 'Raleway ExtraBold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.2em;
}

/* Färg för status */
.ld-topic-title {
	color: #909090;
}

/* Progress-baren */
.learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar {
	background-color: #ffffff;
	margin-right: 0;
	width: 100%;
}

/* Inloggad-status (badge) */
.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
	background-color: var(--ls-lightgreen);
	border-radius: 6px;
	display: flex;
	padding: .5em 1em;
}

/*--------------------------------------------------------------
COURSE GRID – LearnDash kortlayout
--------------------------------------------------------------*/

.et_pb_ld_lesson_list h3 {
	font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	text-align: center;
	margin-bottom: 500px;
}

/* Badge-stil (över bilden) */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon {
	background: rgba(255, 255, 255, 0.4) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: var(--ls-darkgrey);
	border-radius: 6px;
	font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px;
	padding: 8px 16px;
	position: absolute;
	left: 10px;
	top: 10px;
	text-shadow: none;
	box-shadow: none;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption p {
	padding-bottom: 30px;
	font-size: 1.2em;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption {
	padding: 20px;
}

/* Döljer dekorativ "before"-symbol */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled:before {
	display: none;
}

/* Sektion-topp (progress/info) */
.learndash-wrapper .ld-topic-status {
	background: #fff;
	font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	margin-bottom: 20px;
}

/* Breadcrumbs */
.learndash-wrapper .ld-breadcrumbs {
	align-items: center;
	background: #fff;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
	padding: .5em 1em;
	font-size: 1.6em;
}


.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.4em;
	color: #9f7e8d;
	padding-left: 8px;
}

/* Kursbild: Lika höjd */
.ld-course-list-items .ld_course_grid .thumbnail.course img {
	height: 260px;
	width: 100%;
	object-fit: cover;
	display: block;
}

/* Bildtext (caption) styling */
.ld-course-list-items .ld_course_grid .thumbnail .caption p {
	font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	color: var(--ls-darkgrey) !important;
}

/* Rubriker i LearnDash grid */
.ls-grid h3 {
	padding-top: 0.4em;
	padding-bottom: 0px !important;
}

/*--------------------------------------------------------------
RESET PASSWORD / REGISTRERING – Inputs
--------------------------------------------------------------*/

.learndash-wrapper #learndash-registration-wrapper form input,
.learndash-wrapper #learndash-reset-password-wrapper form input {
	border: 2px solid #a1a1a1;
	border-radius: 5px;
	font-size: 16px;
	padding: 16px;
}