/* === ROOT STYLES === */
:root {
  /* Spacing scale based on 16px base */
  --spacing-none: 0;
  --spacing-xxxs: 0.125rem;    /* 2px */
  --spacing-xxs: 0.25rem;      /* 4px */
  --spacing-xs: 0.375rem;      /* 6px */
  --spacing-sm: 0.5rem;        /* 8px */
  --spacing-md: 0.75rem;       /* 12px */
  --spacing-lg: 1rem;          /* 16px */
  --spacing-xl: 1.25rem;       /* 20px */
  --spacing-2xl: 1.5rem;       /* 24px */
  --spacing-3xl: 2rem;         /* 32px */
  --spacing-4xl: 2.5rem;       /* 40px */
  --spacing-5xl: 3rem;         /* 48px */
  --spacing-6xl: 4rem;         /* 64px */
  --spacing-7xl: 5rem;         /* 80px */
  --spacing-8xl: 6rem;         /* 96px */
  --spacing-9xl: 8rem;         /* 128px */
  --spacing-10xl: 10rem;       /* 160px */
  --spacing-11xl: 12rem;       /* 192px */
}

/* === UTILITY CLASSES === */
/* Utility classes for spacing */
.spacer-sm { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.spacer-md { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.spacer-lg { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.spacer-xl { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.spacer-2xl { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.spacer-3xl { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }
.spacer-4xl { padding-top: var(--spacing-4xl); padding-bottom: var(--spacing-4xl); }
.spacer-5xl { padding-top: var(--spacing-5xl); padding-bottom: var(--spacing-5xl); }

/* Bottom-only spacing for after headings */
.spacer-bottom-sm { padding-bottom: var(--spacing-sm); }
.spacer-bottom-md { padding-bottom: var(--spacing-md); }
.spacer-bottom-lg { padding-bottom: var(--spacing-lg); }
.spacer-bottom-xl { padding-bottom: var(--spacing-xl); }
.spacer-bottom-2xl { padding-bottom: var(--spacing-2xl); }
.spacer-bottom-3xl { padding-bottom: var(--spacing-3xl); }

/* Top-only spacing for before sections */
.spacer-top-lg { padding-top: var(--spacing-lg); }
.spacer-top-xl { padding-top: var(--spacing-xl); }
.spacer-top-2xl { padding-top: var(--spacing-2xl); }
.spacer-top-3xl { padding-top: var(--spacing-3xl); }
.spacer-top-4xl { padding-top: var(--spacing-4xl); }
.spacer-top-5xl { padding-top: var(--spacing-5xl); }

/* Invisible spacer divs */
.spacer-div {
  width: 100%;
  height: 0;
  visibility: hidden;
}

/* === LEARNDASH === */
/*for multiple lines*/
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1,
.ld-section-heading h2,
.ld-section-heading h3,
.yellowunderline h4{
    text-decoration:none;
    display:inline
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1,
.ld-section-heading h2,
.ld-section-heading h3,
.yellowunderline h4 {
background-size:2px 2rem;
box-shadow:inset 0 -.75rem var(--color-secondary);
}

.yellowunderline h1 {
    background-size:4px 4rem;
    box-shadow: inset 0 -1.85rem var(--color-secondary);
    display: inline;
}
/* Courses List Page */
.ld-item-list .ld-item-list-item .ld-item-title {
    color: var(--color-text-primary) !important;
}
/* Progress bar */
.progressbar .elementor-shortcode .learndash-wrapper{
    background: var(--background-primary-alt) !important;
    border-radius: 8px;
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    color: var(--color-primary) !important;
}

/* Sidebar */
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    background-color: var(--color-gray-500) !important;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper a {
    color: var(--color-text-primary) !important;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
    color: var(--color-primary) !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-table-list .ld-table-list-item .ld-table-list-title a:active, .learndash-wrapper .ld-focus-sidebar .ld-table-list .ld-table-list-item .ld-table-list-title a:focus, .learndash-wrapper .ld-focus-sidebar .ld-table-list .ld-table-list-item .ld-table-list-title a:hover, .learndash-wrapper .ld-focus-sidebar .ld-table-list a.ld-table-list-item-preview:active, .learndash-wrapper .ld-focus-sidebar .ld-table-list a.ld-table-list-item-preview:focus, .learndash-wrapper .ld-focus-sidebar .ld-table-list a.ld-table-list-item-preview:hover, .learndash-wrapper .ld-focus-sidebar .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview:active, .learndash-wrapper .ld-focus-sidebar .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview:focus, .learndash-wrapper .ld-focus-sidebar .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview:hover, body .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:active, body .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:focus, body .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover {
    background-color: var(--background-primary_hover);
    color: var(--color-primary) !important;
}
/* Main Container */
/* Status bar */
.learndash-wrapper .ld-breadcrumbs {
    background: var(--background-primary);
    border-radius: 8px !important;
    border: 1px solid var(--border-primary);
}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress, .learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
    background: var(--color-tertiary-100) !important;
    color: var(--color-tertiary-900) !important;
    margin-bottom: 0 !important;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status,
.learndash-wrapper .ld-quiz-status{
    margin-top: 1rem;
}
/* Content Buttons */
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action .ld-course-step-back {
    font-size: 1rem !important;
}
.course-reviews-section .login-to-enroll.button, .course-reviews-section .write-a-review.not-rated, .ldgr-group-actions #ldgr-update-group-details, .ldx-plugin .uo-toolkit-grid__course-action input, .learndash-reset-form .learndash-reset-button[type=submit], .learndash-resume-button input[type=submit], .learndash-wrapper #btn-join, .learndash-wrapper #learndash-registration-wrapper #learndash_registerform #wp-submit, .learndash-wrapper #learndash_mark_complete_button, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button, .learndash-wrapper .btn-join, .learndash-wrapper .ld-button, .learndash-wrapper .ld-expand-button, .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button, .learndash-wrapper .ld-login-button, .learndash-wrapper .ld-login-modal .ld-button, .learndash-wrapper .ld-login-modal .ld-login-modal-register #wp-submit, .learndash-wrapper .ld-login-modal input[type=submit], .learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper .sfwd-mark-complete input[class=learndash_mark_complete_button], .rrf-modal-content.modal .modal-navigation button, .wdm-tabs-wrapper #bulk_remove, .wdm-tabs-wrapper #wdm_ldgr_show_report, .wdm-tabs-wrapper #wdm_submit, .wdm-tabs-wrapper #wdm_submit_upload, .wdm_feedback_form .wdm_feedback_submission, body div.ld-course-list-items div.ld_course_grid .thumbnail.course a.btn-primary, button.wdm_feedback_form_pop, .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
    font-size: 1rem;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete input[type=submit]:hover, .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete input[type=submit]:focus,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete::after, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete::after, .learndash-wrapper .ld-status-icon.ld-quiz-complete
{
    color: var(--color-tertiary-400) !important;
}
.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css){
    color: #fff !important;
}

/* Lesson page */
.learndash-wrapper .ld-alert-success, .learndash-wrapper .ld-alert--step-completed.ld-alert-success {
    border-color: var(--color-tertiary-200);
    background-color: var(--color-tertiary-100) !important;
    color: var(--color-tertiary-700);
}
.learndash-wrapper .ld-alert-success .ld-alert-icon {
    background-color: var(--color-tertiary-400) !important;
}
.learndash-wrapper .ld-alert .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent) {
    background-color: var(--color-tertiary-300) !important;
    color: var(--color-tertiary-900);
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action {
    flex-basis: 230px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover{
    background-color: var(--color-secondary) !important;
}
.ldx-plugin .learndash .wpProQuiz_content input[name="startQuiz"]:hover {
    color: var(--color-text) !important;
}
.ldx-plugin .learndash .wpProQuiz_content .ld-quiz-actions input[name="reShowQuestion"]:hover{
    color: var(--color-text);
}

/* Other */
.ld-item-list-item-preview{
    /* Lecke list background */
    background: var(--background-primary);
}
.ld-item-list-item-preview:hover{
    /* Lecke list background */
    background: var(--background-primary_hover);
}
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments a{
  color: var(--color-primary) !important;
}
.ld-profile__saved-cards {
    /* Hide bottom part on the Course list page */
    display: none !important;
}
.learndash-wrapper .ld-expand-button:focus, .learndash-wrapper .ld-expand-button:hover {
    color: var(--color-text-primary) !important;
    outline-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
    /* Finished course dropdown */
  background-color: var(--background-secondary-alt) !important;
  color: var(--ldx-content-lists-header-text-color) !important;
}
 body .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
  background-color: var(--color-tertiary-400) !important;
}
.learndash-wrapper .ld-status-complete {
  background: var(--color-tertiary-400) !important;
}

.learndash-wrapper .ld-progress {
    padding: 12px;
}

/* Learndash Typography */
/* Tutor Course Title — fluid font size */
.tutor-course-details-page.tutor-container {
    /* Tutor container padding */
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
}
.ld-focus-content h1 {
    font-size: clamp(1.8rem, 1.2857rem + 1.7857vw, 2.4rem) !important;
}
/* H2: 1.5rem → 1.875rem */
.ld-focus-content h2 {
  font-size: clamp(1.5rem, 1.2321rem + 0.7143vw, 1.875rem) !important;
  line-height: 1.2em;
}

/* H3: 1.25rem → 1.5rem */
.ld-focus-content h3, .learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text{
  font-size: clamp(1.25rem, 1.0179rem + 0.5357vw, 1.5rem) !important;
  line-height: 1.225em;
}

/* H4: stays fixed */
.ld-focus-content h4{
  font-size: 1.25rem !important;
  line-height: 1.2em !important;
}

/* H5: stays fixed */
.ld-focus-content h5{
  font-size: 1.125rem !important;
  line-height: 1.5em !important;
}

/* H6: stays fixed */
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments{
  font-size: 1rem !important;
  line-height: 1.5em !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
    font-weight: 600 !important;
}

/* Old Learndash Styles */
.ld-profile-stats .ld-profile-stat{
    text-transform: capitalize;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats{
	  text-transform: uppercase;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button {
    font-size: 1rem;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions .ld-content-action .ld-course-step-back {
    font-size: 1rem;
} /* Vissza gomb */

.learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading h2, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2{
	  font-size: 1.4em;
    text-transform: uppercase;
}

.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading {
    margin-bottom: 0;
    font-size: 1.9em;
    font-weight: 600;
}

#ld-course-list-item-4179,
#ld-course-list-item-3340,
#ld-course-list-item-17,
#ld-course-list-item-5462{
    background: #f3f1f1;
}


/* === ELEMENTOR === */
.elementor-kit-5 .elementor-widget-text-editor p:not(:last-child){
    margin-bottom: 1.4em;
}

/* === TYPOGRAPHY === */
/* 320px → 1280px
   h1: 2.25rem → 3rem  (Δ = 0.75rem)
   h2: 1.875rem → 2.25rem (Δ = 0.375rem)
   h3: 1.5rem → 1.875rem  (Δ = 0.375rem)
*/

.reduced-font-size h1 {
  font-size: clamp(2.25rem, 2rem + 1.25vw, 3rem);
  line-height: 1.2em;
  font-weight: 600;
}
.reduced-font-size h2 {
  font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.25rem);
  line-height: 1.2em;
  font-weight: 600;
}
.reduced-font-size h3 {
  font-size: clamp(1.5rem, 1.375rem + 0.625vw, 1.875rem);
  line-height: 1.2em;
  font-weight: 800;
}

/* !important variants */
.reduced-font-size-imp h1 {
  font-size: clamp(2.25rem, 2rem + 1.25vw, 3rem) !important;
  line-height: 1.2em !important;
  font-weight: 600 !important;
}
.reduced-font-size-imp h2 {
  font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.25rem) !important;
  line-height: 1.2em !important;
  font-weight: 600 !important;
}
.reduced-font-size-imp h3 {
  font-size: clamp(1.5rem, 1.375rem + 0.625vw, 1.875rem) !important;
  line-height: 1.2em !important;
  font-weight: 800 !important;
}
.menu-item-7959 a {
    /* Highlight Segitsegnyujtas */
  color: var(--color-primary) !important;
}

/* === FLUENT FORMS === */
ff-errors-in-stack .error {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--color-primary);
  padding: 0.3rem 0.6rem;
  background: var(--color-secondary-300);
  display: inline-flex;
  border-radius: 6px;
  border: solid 2px var(--color-primary-500);
}

/* === YOUTH === */
.youth h2{
	font-size: 2rem;
	line-height: 1.3em;
}
.menu-item-6838 a {
    background: var(--color-primary);
    border-radius: 4px;
    color: #fff !important;
}

/* === OTHER UTILITY === */
.post-password-required {
    /* Password protected page */
    display: flex;
    min-height: 50vh;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* === BUTTONS === */
.learndash-wrapper .btn-tertiary .wp-block-button a{ 
    color: var(--color-text-primary);
    border: none;
    background-color: var(--background-secondary-alt);
}
.learndash-wrapper .btn-tertiary .wp-block-button a:hover{
    color: var(--color-text-primary);
    border: none;
    background-color: var(--background-secondary-alt_hover);
}

/* === SPECIAL OVERRIDES === */
/* Gyogyszeresz tovabbkepzes szelesseg */
.postid3340 .ast-page-builder-template .site-content > .ast-container {
    max-width: 1240px !important;
}

.logged-in .regbutton,
.logged-in .loginbutton{
	display: none;
}

.login a.wp-login-register,
.wp-login-register{
    /* Hide Register from login page */
    display: none !important;
}