/*
 Theme Name:     Astra Child
 Description:    A child theme for Astra
 Author:         Justyou-Katzberg
 Template:       astra
 Version:        1.0.0
 Text Domain:    astra-child
*/

/* ============================================
   GLOBAL RESETS
   ============================================ */

/* Astra Header ausblenden */
.ast-header-break-point .ast-mobile-header-wrap,
.ast-desktop .ast-desktop-header,
#masthead:not(.site-header) {
    display: none !important;
}

/* Custom Header erlauben */
.site-header {
    display: block !important;
}

/* ============================================
   KURSE SECTION STYLES - MIT !important
   JustYou Akademie - Dynamisches WooCommerce Grid
   
   Falls das normale CSS nicht greift
   ============================================ */

section.jyk-kurse {
    --kurse-primary: #9B2D5B !important;
    --kurse-primary-light: #B8446E !important;
    --kurse-primary-dark: #7A2349 !important;
    --kurse-bg: #FFFFFF !important;
    --kurse-text: #2D1F24 !important;
    --kurse-text-soft: #5A4048 !important;
    --kurse-white: #FFFFFF !important;
    --kurse-border: #E8E0E3 !important;
    
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: #FFFFFF !important;
    padding: 5em 0 !important;
    box-sizing: border-box !important;
}

section.jyk-kurse *,
section.jyk-kurse *::before,
section.jyk-kurse *::after {
    box-sizing: border-box !important;
}

section.jyk-kurse .jyk-kurse__container {
    max-width: 75em !important;
    margin: 0 auto !important;
    padding: 0 1.5em !important;
    width: 100% !important;
}

/* HEADER */
section.jyk-kurse .jyk-kurse__header {
    text-align: center !important;
    max-width: 40em !important;
    margin: 0 auto 3.5em auto !important;
}

section.jyk-kurse .jyk-kurse__title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 2.5em !important;
    font-weight: 700 !important;
    color: #9B2D5B !important;
    margin: 0 0 0.5em 0 !important;
    line-height: 1.2 !important;
}

section.jyk-kurse .jyk-kurse__title span {
    font-style: italic !important;
    font-weight: 500 !important;
}

section.jyk-kurse .jyk-kurse__subtitle {
    font-size: 1.125em !important;
    color: #5A4048 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* GRID - DAS WICHTIGSTE */
section.jyk-kurse .jyk-kurse__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2em !important;
    margin-bottom: 3.5em !important;
    width: 100% !important;
}

/* KURS-KACHEL */
section.jyk-kurse .jyk-kurs-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E0E3 !important;
    border-radius: 1em !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

section.jyk-kurse .jyk-kurs-card:hover {
    transform: translateY(-0.5em) !important;
    box-shadow: 0 1em 3em rgba(155, 45, 91, 0.15) !important;
    border-color: #B8446E !important;
}

/* BILD */
section.jyk-kurse .jyk-kurs-card__image {
    position: relative !important;
    width: 100% !important;
    padding-top: 66.67% !important;
    background: linear-gradient(135deg, #E8E0E3 0%, #D4CCD0 100%) !important;
    overflow: hidden !important;
}

section.jyk-kurse .jyk-kurs-card__image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.4s ease !important;
}

section.jyk-kurse .jyk-kurs-card:hover .jyk-kurs-card__image img {
    transform: scale(1.05) !important;
}

/* BADGE */
section.jyk-kurse .jyk-kurs-card__badge {
    position: absolute !important;
    top: 1em !important;
    left: 1em !important;
    background: #9B2D5B !important;
    color: #FFFFFF !important;
    font-size: 0.75em !important;
    font-weight: 700 !important;
    padding: 0.375em 0.75em !important;
    border-radius: 0.25em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    z-index: 2 !important;
}

/* CONTENT */
section.jyk-kurse .jyk-kurs-card__content {
    padding: 1.5em !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

section.jyk-kurse .jyk-kurs-card__title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.25em !important;
    font-weight: 600 !important;
    color: #2D1F24 !important;
    margin: 0 0 0.5em 0 !important;
    line-height: 1.3 !important;
}

section.jyk-kurse .jyk-kurs-card__desc {
    font-size: 0.9375em !important;
    color: #5A4048 !important;
    line-height: 1.6 !important;
    margin: 0 0 1.25em 0 !important;
    flex: 1 !important;
}

/* FOOTER */
section.jyk-kurse .jyk-kurs-card__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1em !important;
    padding-top: 1em !important;
    border-top: 1px solid #E8E0E3 !important;
    margin-top: auto !important;
}

section.jyk-kurse .jyk-kurs-card__price {
    line-height: 1.3 !important;
}

section.jyk-kurse .jyk-kurs-card__price-current,
section.jyk-kurse .jyk-kurs-card__price-current .woocommerce-Price-amount {
    font-size: 1.375em !important;
    font-weight: 700 !important;
    color: #9B2D5B !important;
    display: block !important;
}

section.jyk-kurse .jyk-kurs-card__price-old,
section.jyk-kurse .jyk-kurs-card__price-old .woocommerce-Price-amount {
    font-size: 0.9375em !important;
    color: #5A4048 !important;
    text-decoration: line-through !important;
    margin-right: 0.5em !important;
}

section.jyk-kurse .jyk-kurs-card__price small {
    font-size: 0.75em !important;
    font-weight: 400 !important;
    color: #5A4048 !important;
    display: block !important;
    margin-top: 0.125em !important;
}

/* BUTTON */
section.jyk-kurse .jyk-kurs-card__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5em !important;
    padding: 0.625em 1.25em !important;
    background: transparent !important;
    color: #9B2D5B !important;
    border: 2px solid #9B2D5B !important;
    border-radius: 0.375em !important;
    font-family: inherit !important;
    font-size: 0.875em !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

section.jyk-kurse .jyk-kurs-card__btn:hover {
    background: #9B2D5B !important;
    color: #FFFFFF !important;
}

section.jyk-kurse .jyk-kurs-card__btn-icon {
    transition: transform 0.25s ease !important;
}

section.jyk-kurse .jyk-kurs-card__btn:hover .jyk-kurs-card__btn-icon {
    transform: translateX(0.25em) !important;
}

/* CTA BUTTON UNTEN */
section.jyk-kurse .jyk-kurse__cta {
    text-align: center !important;
}

section.jyk-kurse .jyk-kurse__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.625em !important;
    padding: 1em 2.5em !important;
    background: #9B2D5B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0.5em !important;
    font-family: inherit !important;
    font-size: 1.0625em !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0.375em 1.25em rgba(155, 45, 91, 0.3) !important;
}

section.jyk-kurse .jyk-kurse__btn:hover {
    background: #7A2349 !important;
    transform: translateY(-0.1875em) !important;
    box-shadow: 0 0.5em 1.75em rgba(155, 45, 91, 0.4) !important;
}

/* RESPONSIVE - TABLET */
@media screen and (max-width: 64em) {
    section.jyk-kurse {
        padding: 4em 0 !important;
    }
    
    section.jyk-kurse .jyk-kurse__grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5em !important;
    }
    
    section.jyk-kurse .jyk-kurse__title {
        font-size: 2.125em !important;
    }
}

/* RESPONSIVE - MOBILE */
@media screen and (max-width: 48em) {
    section.jyk-kurse {
        padding: 3.5em 0 !important;
    }
    
    section.jyk-kurse .jyk-kurse__header {
        margin-bottom: 2.5em !important;
    }
    
    section.jyk-kurse .jyk-kurse__title {
        font-size: 1.875em !important;
    }
    
    section.jyk-kurse .jyk-kurse__subtitle {
        font-size: 1em !important;
    }
    
    section.jyk-kurse .jyk-kurse__grid {
        grid-template-columns: 1fr !important;
        gap: 1.5em !important;
        margin-bottom: 2.5em !important;
    }
    
    section.jyk-kurse .jyk-kurs-card__content {
        padding: 1.25em !important;
    }
    
    section.jyk-kurse .jyk-kurs-card__title {
        font-size: 1.125em !important;
    }
    
    section.jyk-kurse .jyk-kurs-card__footer {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.75em !important;
    }
    
    section.jyk-kurse .jyk-kurs-card__price {
        text-align: center !important;
    }
    
    section.jyk-kurse .jyk-kurs-card__btn {
        justify-content: center !important;
        padding: 0.75em 1.5em !important;
    }
    
    section.jyk-kurse .jyk-kurse__btn {
        width: 100% !important;
        max-width: 20em !important;
    }
}

/* RESPONSIVE - KLEINE MOBILE */
@media screen and (max-width: 30em) {
    section.jyk-kurse {
        padding: 3em 0 !important;
    }
    
    section.jyk-kurse .jyk-kurse__container {
        padding: 0 1em !important;
    }
    
    section.jyk-kurse .jyk-kurse__title {
        font-size: 1.625em !important;
    }
}

.cat-card__title,
.jyk-kurs-card__title,
.jyk-search__product-title,
.jyk-search__post-title,
.jyk-podcast__ep-titel {
    white-space: pre-line;
}


/* ═══════════════════════════════════════════════════════════
   TUTOR LMS - JUSTYOU KATZBERG BRANDING
   Farben: Rosa #9B2D5B, Beige #FDF8F5
   ═══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────
   DASHBOARD (Mein Bereich)
   ────────────────────────────────────────────────────────── */

/* Dashboard Hintergrund */
.tutor-dashboard,
.tutor-dashboard-content-inner {
    background-color: #FDF8F5 !important;
}

/* Dashboard Buttons */
.tutor-btn,
.tutor-btn-primary {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #fff !important;
    border-radius: 0.75em !important;
    padding: 0.875em 1.75em !important;
    border: none !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 16px rgba(155, 45, 91, 0.3) !important;
}

.tutor-btn:hover,
.tutor-btn-primary:hover {
    background: linear-gradient(135deg, #7A2349, #5A1A35) !important;
    transform: translateY(-0.1em) !important;
    box-shadow: 0 6px 20px rgba(155, 45, 91, 0.4) !important;
}

/* Dashboard Sidebar (Linkes Menü) */
.tutor-dashboard-left-menu,
.tutor-dashboard-sidebar {
    background-color: #fff !important;
    border-right: 2px solid #F6E1E6 !important;
}

.tutor-dashboard-left-menu a,
.tutor-dashboard-menu-item a {
    color: #2D1F24 !important;
    transition: all 0.25s ease !important;
    border-radius: 0.625em !important;
    padding: 0.875em 1.25em !important;
    margin: 0.25em 0.5em !important;
}

/* Dashboard Menü Hover */
.tutor-dashboard-left-menu a:hover,
.tutor-dashboard-menu-item a:hover {
    background-color: #FDF0F3 !important;
    color: #9B2D5B !important;
}

/* Dashboard Menü Aktiv */
.tutor-dashboard-left-menu ul li.active a,
.tutor-dashboard-left-menu ul li.current-menu-item a,
.tutor-dashboard-menu-item.is-active a,
.tutor-dashboard-menu-item.active a {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Menü Icons */
.tutor-dashboard-menu-item-icon,
.tutor-icon {
    color: #9B2D5B !important;
}

.tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-icon,
.tutor-dashboard-menu-item.is-active a .tutor-dashboard-menu-item-icon {
    color: #ffffff !important;
}

.tutor-dashboard-menu-item a:hover .tutor-dashboard-menu-item-icon {
    color: #9B2D5B !important;
}

/* Spezifische Icons */
.tutor-icon-book-open,
.tutor-icon-mortarboard-o,
.tutor-icon-trophy,
.tutor-icon-chart-line,
.tutor-icon-history {
    color: #9B2D5B !important;
}

/* Dashboard Header ausblenden (wie vorher) */
.tutor-dashboard-header {
    display: none !important;
}

/* ──────────────────────────────────────────────────────────
   MEINE KURSE (Kurs-Übersicht im Dashboard)
   ────────────────────────────────────────────────────────── */

/* Tab Navigation */
.tutor-nav-link,
.tutor-tab-item {
    color: #2D1F24 !important;
    background-color: transparent !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.25s ease !important;
    padding: 0.875em 1.5em !important;
    font-weight: 600 !important;
}

.tutor-nav-link:hover,
.tutor-tab-item:hover {
    color: #9B2D5B !important;
    background-color: #FDF0F3 !important;
}

.tutor-nav-link.is-active
 {
    color: #fff !important;
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    border-bottom-color: #7A2349 !important;
    font-weight: 700 !important;
    border-radius: 0.625em 0.625em 0 0 !important;
}

/* Kurs-Karten */
.tutor-course-card {
    background: #fff !important;
    border: 1px solid #E8E0E3 !important;
    border-radius: 1.25em !important;
    box-shadow: 0 4px 20px rgba(155, 45, 91, 0.06) !important;
    transition: all 0.25s ease !important;
}

.tutor-course-card:hover {
    box-shadow: 0 8px 30px rgba(155, 45, 91, 0.12) !important;
    transform: translateY(-0.25em) !important;
}

/* Ratings ausblenden (wie gewünscht) */
.tutor-ratings-stars,
.tutor-star-rating-group {
    display: none !important;
}

/* ──────────────────────────────────────────────────────────
   EINSTELLUNGEN / PROFIL
   ────────────────────────────────────────────────────────── */

/* Cover Photo Editor ausblenden (wie gewünscht) */
#tutor_profile_cover_photo_editor,
.tutor-profile-cover-photo-editor {
    display: none !important;
}

/* Profilbild-Container */
.tutor-profile-photo-upload {
    border: 2px solid #F6E1E6 !important;
    border-radius: 50% !important;
}

/* ──────────────────────────────────────────────────────────
   LEKTIONEN (Einzelne Lektion geöffnet)
   ────────────────────────────────────────────────────────── */

/* Top Bar (Zurück-Button, Fortschritt) */
.tutor-single-page-top-bar,
.tutor-lesson-top-bar {
    background-color: #fff !important;
    border-bottom: 2px solid #F6E1E6 !important;
    color: #2D1F24 !important;
}

/* Zurück-Button */
.tutor-iconic-btn,
.tutor-btn-ghost {
    color: #fff !important;
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    border-radius: 0.625em !important;
    padding: 0.75em 1.25em !important;
    transition: all 0.25s ease !important;
}

.tutor-iconic-btn:hover,
.tutor-btn-ghost:hover {
    background: linear-gradient(135deg, #7A2349, #5A1A35) !important;
    transform: translateY(-0.1em) !important;
}

/* Sidebar (Kurs-Inhalte rechts) */
.tutor-course-sidebar,
.tutor-single-lesson-sidebar {
    background-color: #fff !important;
    border-left: 2px solid #F6E1E6 !important;
}

/* Sidebar Titel */
.tutor-course-single-sidebar-title,
.tutor-sidebar-tabs-wrap {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #fff !important;
    padding: 1.25em !important;
    border-radius: 1em 1em 0 0 !important;
}

.tutor-fs-6.tutor-fw-medium.tutor-color-secondary {
    color: #fff !important;
}

/* Accordion (Topics/Themen) */
.tutor-accordion-item-header {
    background: linear-gradient(135deg, #F6E1E6, #EDC1CB) !important;
    color: #2D1F24 !important;
    border-radius: 0.75em !important;
    padding: 1em 1.25em !important;
    margin-bottom: 0.5em !important;
    transition: all 0.25s ease !important;
}

.tutor-accordion-item-header:hover {
    background: linear-gradient(135deg, #EDC1CB, #E3B0C1) !important;
}

.tutor-accordion-item-header.is-active {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #fff !important;
}

/* Topic Titel */
.tutor-course-topic-title {
    color: #2D1F24 !important;
    font-weight: 700 !important;
}

.tutor-accordion-item-header.is-active .tutor-course-topic-title {
    color: #fff !important;
}

/* Topic Icons */
.tutor-course-topic-title-info-icon,
.tutor-accordion-item-header::after {
    color: #2D1F24 !important;
}

.tutor-accordion-item-header.is-active .tutor-course-topic-title-info-icon,
.tutor-accordion-item-header.is-active::after {
    color: #fff !important;
}

/* Lektionen-Liste (innerhalb Topics) */
.tutor-accordion-item-body {
    background-color: #FDF8F5 !important;
    padding: 0.5em !important;
}

.tutor-accordion-item-body a {
    background-color: #fff !important;
    border: 1px solid #F0EBF0 !important;
    border-radius: 0.625em !important;
    padding: 0.875em 1em !important;
    margin: 0.25em 0 !important;
    color: #2D1F24 !important;
    transition: all 0.25s ease !important;
}

.tutor-accordion-item-body a:hover {
    background-color: #FDF0F3 !important;
    border-color: #9B2D5B !important;
    color: #9B2D5B !important;
}

.tutor-accordion-item-body a.is-active,
.tutor-accordion-item-body a.active {
    background: linear-gradient(135deg, #FDF0F3, #F6E1E6) !important;
    border-color: #9B2D5B !important;
    color: #9B2D5B !important;
    font-weight: 700 !important;
}

/* Lektions-Icons */
.tutor-course-topic-item-icon {
    color: #9B2D5B !important;
}

.tutor-course-topic-item-title {
    color: #2D1F24 !important;
}


/* Sidebar Toggler (Mobile) */
.tutor-course-topics-sidebar-toggler {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #fff !important;
    border-radius: 0.625em !important;
}

/* Secondary Buttons */
.tutor-iconic-btn-secondary,
.tutor-btn-secondary {
    background-color: #F6E1E6 !important;
    color: #9B2D5B !important;
    border-radius: 0.625em !important;
    transition: all 0.25s ease !important;
}

.tutor-iconic-btn-secondary:hover,
.tutor-btn-secondary:hover {
    background-color: #EDC1CB !important;
}

/* Tooltips */
.tooltip-wrap.tooltip-icon {
    color: #9B2D5B !important;
}

/* ──────────────────────────────────────────────────────────
   RESPONSIVE (Mobile Anpassungen)
   ────────────────────────────────────────────────────────── */

/* Desktop: Sidebar links */
@media (min-width: 769px) {
    .tutor-dashboard {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .tutor-dashboard-left-menu,
    .tutor-dashboard-sidebar {
        width: 20%;
        min-width: 220px;
        max-width: 300px;
    }
}

/* Mobile: Menü zentriert */
@media (max-width: 768px) {
    /* Quiz Attempts ausblenden auf Mobile (wie gewünscht) */
    a[href*="my-quiz-attempts"] {
        display: none !important;
    }

    .tutor-row {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    .tutor-col-4 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        color: #2D1F24 !important;
    }

    /* Mobile Dashboard Buttons */
    .tutor-dashboard-menu-item {
        margin: 0.5em !important;
    }
}

/* ──────────────────────────────────────────────────────────
   ZUSÄTZLICHE VERBESSERUNGEN
   ────────────────────────────────────────────────────────── */

/* Fortschrittsbalken */
.tutor-progress-bar,
.tutor-lesson-progressbar {
    background-color: #F6E1E6 !important;
    border-radius: 999px !important;
    height: 0.5em !important;
}

.tutor-progress-filled,
.tutor-lesson-progressbar-fill {
    background: linear-gradient(90deg, #9B2D5B, #7A2349) !important;
    border-radius: 999px !important;
}

/* Badges/Zertifikate */
.tutor-badge,
.tutor-certificate-badge {
    border: 2px solid #9B2D5B !important;
    color: #9B2D5B !important;
}

/* Quiz Results */
.tutor-quiz-attempt-box {
    border-left: 4px solid #9B2D5B !important;
}

/* Benachrichtigungen */
.tutor-alert-success {
    background-color: #E8F5EE !important;
    border-left: 4px solid #4A8B6E !important;
}

.tutor-alert-warning {
    background-color: #FEF3E2 !important;
    border-left: 4px solid #F6D860 !important;
}

.tutor-alert-danger {
    background-color: #FFF0F0 !important;
    border-left: 4px solid #C0392B !important;
}

/* ═══════════════════════════════════════════════════════════
   TUTOR LMS FIXES - Korrekturen
   ═══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────
   FIX 1: Textinhalt-Hintergrund WEISS (nicht rosa!)
   ────────────────────────────────────────────────────────── */

/* Haupt-Content-Bereich der Lektion */
.tutor-lesson-content,
.tutor-single-lesson-wrap,
.tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper,
.tutor-tab.tutor-course-spotlight-tab {
    background-color: #FFFFFF !important; /* WEISS, nicht Rosa */
}

/* Tab für Notizen/Q&A */
.tutor-tab-item.is-active {
    color: #fff !important;
}

/* ABER: Der Content-Bereich UNTER den Tabs muss weiß bleiben */
.tutor-tab-content {
    background-color: #FFFFFF !important;
}

/* ──────────────────────────────────────────────────────────
   FIX 2: Sidebar-Toggle Button (Zurück-Button) → Weiß
   ────────────────────────────────────────────────────────── */

/* Sidebar Toggler oben links */
.tutor-course-topics-sidebar-toggler,
.tutor-sidebar-tabs-toggler {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #FFFFFF !important; /* Weiß */
    border-radius: 0.625em !important;
    padding: 0.75em 1em !important;
}

.tutor-course-topics-sidebar-toggler:hover {
    background: linear-gradient(135deg, #7A2349, #5A1A35) !important;
}

/* Icon im Toggle-Button auch weiß */
.tutor-course-topics-sidebar-toggler i,
.tutor-sidebar-tabs-toggler i,
.tutor-course-topics-sidebar-toggler svg,
.tutor-sidebar-tabs-toggler svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* ──────────────────────────────────────────────────────────
   FIX 3: Lektions-Anzahl (neben Pfeil) → Schwarz
   ────────────────────────────────────────────────────────── */

/* Die Info-Bubble (z.B. "0 / 6") neben dem Accordion-Pfeil */
.tutor-course-topic-title-info,
.tutor-course-topic-count,
.tutor-course-topic-title .tutor-color-muted,
.tutor-accordion-item-header .tutor-color-muted {
    color: #2D1F24 !important; /* Schwarz, nicht grau */
}

/* Wenn Modul aktiv (aufgeklappt) ist → dann weiß */
.tutor-accordion-item-header.is-active .tutor-course-topic-title-info,
.tutor-accordion-item-header.is-active .tutor-course-topic-count,
.tutor-accordion-item-header.is-active .tutor-color-muted {
    color: #FFFFFF !important;
}

/* ──────────────────────────────────────────────────────────
   FIX 4: Modul-Überschriften kleiner
   ────────────────────────────────────────────────────────── */

/* Topic/Modul Titel */
.tutor-course-topic-title,
.tutor-accordion-item-header .tutor-fs-6 {
    font-size: 0.9375em !important; /* Kleiner (war 1em) */
    font-weight: 600 !important;
}

/* Mobile noch kleiner */
@media (max-width: 768px) {
    .tutor-course-topic-title,
    .tutor-accordion-item-header .tutor-fs-6 {
        font-size: 0.875em !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   TUTOR LMS - ZUSÄTZLICHE FIXES
   Hintergrund komplett weiß, Schrift normal, Buttons weiß
   ═══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────
   FIX: KOMPLETTER HINTERGRUND WEISS (nicht rosa!)
   ────────────────────────────────────────────────────────── */

/* Haupt-Container der Lektion */
.single-lesson,
.single-lesson .tutor-container,
.single-lesson .tutor-wrap,
.single-lesson .tutor-course-content-wrap,
.single-lesson .tutor-col-xl-8,
.single-lesson .tutor-fs-6.tutor-color-secondary.tutor-lesson-wrapper {
    background-color: #FFFFFF !important;
}

/* Content-Bereich */
.tutor-lesson-content,
.tutor-single-lesson-wrap,
.tutor-lesson-content-wrap,
[data-elementor-type="wp-post"] {
    background-color: #FFFFFF !important;
}

/* Elementor Container in Lektionen */
.single-lesson .elementor-section,
.single-lesson .elementor-container,
.single-lesson .e-con,
.single-lesson .e-con-inner {
    background-color: transparent !important;
}

/* Tabs (Übersicht/Notizen/Q&A) */
.tutor-tab.tutor-course-spotlight-tab,
.tutor-tab-content {
    background-color: #FFFFFF !important;
}

/* ──────────────────────────────────────────────────────────
   FIX: SCHRIFT NORMAL (nicht fett!)
   ────────────────────────────────────────────────────────── */

/* Text-Editor Widgets - normale Schrift */
.single-lesson .tutor-lesson-wrapper [data-elementor-type="wp-post"] p,
.single-lesson .tutor-lesson-wrapper .elementor-widget-text-editor p,
.single-lesson .tutor-lesson-content p,
.single-lesson .entry-content p {
    font-weight: 400 !important; /* Normal, nicht fett */
    color: #000 !important;
}

/* Alle Texte im Content-Bereich normal */
.single-lesson .tutor-lesson-content,
.single-lesson .tutor-lesson-wrapper,
.single-lesson [data-elementor-type="wp-post"] {
    font-weight: 400 !important;
}

/* NUR Überschriften dürfen fett sein */
.single-lesson h1,
.single-lesson h2,
.single-lesson h3,
.single-lesson h4,
.single-lesson h5,
.single-lesson h6 {
    font-weight: 700 !important; /* Fett für Überschriften */
}

/* ──────────────────────────────────────────────────────────
   FIX: WEITER/ZURÜCK BUTTONS - TEXT WEISS
   ────────────────────────────────────────────────────────── */

/* Navigation Buttons unten (Vorherige/Nächste Lektion) */
.tutor-lesson-sidebar-bottom-nav,
.tutor-lesson-bottom-nav,
.tutor-course-lesson-nav {
    background-color: #fff !important;
    padding: 1.5em !important;
    border-top: 1px solid #F6E1E6 !important;
}

/* Zurück Button */
.tutor-lesson-nav-prev,
.tutor-btn-prev,
button[class*="prev"],
a[class*="prev"] {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0.625em !important;
    padding: 0.875em 1.5em !important;
    transition: all 0.25s ease !important;
}

/* Weiter Button */
.tutor-lesson-nav-next,
.tutor-btn-next,
button[class*="next"],
a[class*="next"] {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0.625em !important;
    padding: 0.875em 1.5em !important;
    transition: all 0.25s ease !important;
}

/* Hover States */
.tutor-lesson-nav-prev:hover,
.tutor-btn-prev:hover,
button[class*="prev"]:hover,
a[class*="prev"]:hover,
.tutor-lesson-nav-next:hover,
.tutor-btn-next:hover,
button[class*="next"]:hover,
a[class*="next"]:hover {
    background: linear-gradient(135deg, #7A2349, #5A1A35) !important;
    transform: translateY(-0.1em) !important;
}

/* Text INNERHALB der Buttons auch weiß */
.tutor-lesson-nav-prev *,
.tutor-btn-prev *,
button[class*="prev"] *,
a[class*="prev"] *,
.tutor-lesson-nav-next *,
.tutor-btn-next *,
button[class*="next"] *,
a[class*="next"] * {
    color: #FFFFFF !important;
}

/* Icons in Buttons */
.tutor-lesson-nav-prev i,
.tutor-lesson-nav-next i,
.tutor-btn-prev i,
.tutor-btn-next i {
    color: #FFFFFF !important;
}

/* "Abschließen und Fortfahren" Button */
.tutor-btn-complete-lesson,
.tutor-btn-mark-complete,
button.tutor-btn-primary {
    background: linear-gradient(135deg, #9B2D5B, #7A2349) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0.625em !important;
    padding: 0.875em 1.75em !important;
}

.tutor-btn-complete-lesson:hover,
.tutor-btn-mark-complete:hover,
button.tutor-btn-primary:hover {
    background: linear-gradient(135deg, #7A2349, #5A1A35) !important;
}

/* ──────────────────────────────────────────────────────────
   ZUSÄTZLICH: Sicherstellen dass rosa Hintergründe weg sind
   ────────────────────────────────────────────────────────── */

/* Alle möglichen Container auf weiß setzen */
.single-lesson .site-content,
.single-lesson #primary,
.single-lesson .content-area,
.single-lesson article {
    background-color: #FFFFFF !important;
}

/* Body-Hintergrund der Lektion weiß */
body.single-lesson {
    background-color: #FFFFFF !important;
}

/* ──────────────────────────────────────────────────────────
   NUCLEAR OPTION: Falls es IMMER NOCH rosa ist
   ────────────────────────────────────────────────────────── */

/* Überschreibt ALLE Background-Colors in Lektionen mit weiß */
.single-lesson * {
    /* Nur für Debugging - entfernen wenn es funktioniert */
    /* background-color: #FFFFFF !important; */
}

/* Außer: Buttons, Sidebar, Accordions behalten ihre Farbe */
.single-lesson .tutor-btn,
.single-lesson .tutor-accordion-item-header,
.single-lesson .tutor-course-sidebar,
.single-lesson .tutor-course-single-sidebar-title {
    /* Diese behalten ihre Rosa-Farben */
}

.tutor-mr-8,
.tutor-icon-next,
.tutor-ml-8,
.tutor-icon-previous {
      color: #fff !important;
      }
      
.tutor-course-topic-summary.tutor-pl-8 {
      color: #000 !important;
      }
      
.tutor-course-topic-item-icon.tutor-icon-document-text.tutor-mr-8.tutor-mt-2 {
      color: #7A2349 !important;
      }

#tutor-course-spotlight-overview {
      color: #fff !important;
      background-color: #fff !important;
      }

/* ============================================
   FIX: Topic-Zähler (1/4) nicht hinter ::after-Pfeil
   ============================================ */

/* Accordion Header: Platz für Pfeil reservieren */
.tutor-accordion-item-header{
  position: relative !important;
  padding-right: 2.5em !important; /* Platz für ::after Pfeil */
}

/* Inhalt im Header (Titel + Zähler) als Flex */
.tutor-accordion-item-header .tutor-course-topic-summary{
  display: flex !important;
  align-items: center !important;
  gap: .75em !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Titel darf umbrechen, aber nicht den Zähler wegdrücken */
.tutor-accordion-item-header .tutor-course-topic-title{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Zähler immer ganz rechts, und NIE unter den Pfeil */
.tutor-accordion-item-header .tutor-course-topic-summary .tutor-pl-2,
.tutor-accordion-item-header .tutor-course-topic-title-info,
.tutor-accordion-item-header .tutor-course-topic-count,
.tutor-accordion-item-header .tutor-color-muted{
  margin-left: auto !important;
  white-space: nowrap !important;
  padding-right: .25em !important;
}

/* Pfeil exakt rechts positionieren, ohne Inhalte zu überdecken */
.tutor-accordion-item-header::after{
  position: absolute !important;
  right: 1.25em !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Optional: damit der Zähler garantiert oberhalb vom Hintergrund liegt */
.tutor-accordion-item-header .tutor-course-topic-summary{
  position: relative !important;
  z-index: 1 !important;
}

/* ═══════════════════════════════════════════════════════════
   FIX: Aktive Lektion in Sidebar (dein Konstrukt: div.is-active)
   ═══════════════════════════════════════════════════════════ */

.tutor-course-topic-item.tutor-course-topic-item-lesson.is-active > a,
.tutor-course-topic-item.is-active > a,
.tutor-course-topic-item.active > a,
.tutor-course-topic-item.current > a,
.tutor-course-topic-item.current-menu-item > a{
  background: #FDF0F3 !important;                 /* zart rosa */
  border-color: rgba(155,45,91,.35) !important;
  color: #2D1F24 !important;
  font-weight: 700 !important;
  border-radius: 0.625em !important;
  position: relative !important;
}

/* optional: kleiner Marker links */
.tutor-course-topic-item.tutor-course-topic-item-lesson.is-active > a::before,
.tutor-course-topic-item.is-active > a::before,
.tutor-course-topic-item.active > a::before,
.tutor-course-topic-item.current > a::before,
.tutor-course-topic-item.current-menu-item > a::before{
  content: "" !important;
  position: absolute !important;
  left: 0.55em !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 0.35em !important;
  height: 65% !important;
  border-radius: 999px !important;
  background: #9B2D5B !important;                /* JustYou Rosa */
  opacity: .35 !important;
}

/* falls Tutor den Titel in einem inneren Element färbt: mitziehen */
.tutor-course-topic-item.is-active > a .tutor-course-topic-item-title,
.tutor-course-topic-item.is-active > a .tutor-course-topic-item-title *,
.tutor-course-topic-item.is-active > a span,
.tutor-course-topic-item.is-active > a div{
  color: #2D1F24 !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}