/**
 * Workshop Styles
 *
 * Styling für Workshop-Termine und Events (Einzel- und Mehrtägig)
 */

/* Allgemeine Styles auch für direkte Elementor-Headings */
.workshop-dates.multi-line,
.elementor-heading-title {
    padding: 0 0 10px 0;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* Workshop-spezifische Strukturierung */
.workshop-dates.multi-line,
.elementor-heading-title {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

/* Spezielle Anpassung für Elementor Heading Paragraphs mit Workshop-Daten */
p.elementor-heading-title:has(strong + .date-range),
p.elementor-heading-title:has(strong + .daily-times),
p.elementor-heading-title:has(strong + .timezone) {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

/* Titel des Workshops */
.workshop-dates.multi-line strong,
.elementor-heading-title strong {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}

/* Styling für Event-Typ-Kennzeichnung */
.workshop-dates.multi-line .event-type,
.elementor-heading-title .event-type {
    font-size: 0.9em !important;
    font-weight: normal !important;
    font-style: italic !important;
    margin-left: 5px !important;
    padding: 2px 6px !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Datumsbereich für mehrtägige Events */
.workshop-dates.multi-line .date-range,
.elementor-heading-title .date-range {
    display: block !important;
    line-height: 1.4 !important;
    margin: 5px 0 !important;
}

/* Styling für Tageszeiten */
.workshop-dates.multi-line .daily-times,
.elementor-heading-title .daily-times {
    font-style: italic !important;
    padding: 2px 0 !important;
    display: block !important;
    margin-top: -10px !important; /* Reduzierter Abstand */
}

/* Zeitzone */
.workshop-dates.multi-line .timezone,
.elementor-heading-title .timezone {
    display: block !important;
    font-size: 0.8em !important;
    margin-top: 5px !important;
}

/* Verbesserte sichtbare Trennung bei mehreren Workshop-Terminen */
.workshop-dates.multi-line + .workshop-dates.multi-line,
.elementor-heading-title + .elementor-heading-title {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px dashed rgba(0,0,0,0.1) !important;
}

/* Mobile Anpassungen */
@media (max-width: 767px) {
    .workshop-dates.multi-line .event-type,
    .elementor-heading-title .event-type {
        display: block !important;
        margin: 5px 0 !important;
        width: fit-content !important;
    }
    
    .workshop-dates.multi-line .date-range,
    .workshop-dates.multi-line .daily-times,
    .workshop-dates.multi-line .timezone,
    .elementor-heading-title .date-range,
    .elementor-heading-title .daily-times,
    .elementor-heading-title .timezone {
        font-size: 0.90em !important;
    }
}

/* Spezielle Styling für Einzeltermine */
.workshop-dates.multi-line.single-event .date-line,
.elementor-heading-title .date-line {
    display: block !important;
    margin-top: 5px !important;
    margin-bottom: -10px !important;
}

/* Direkt auf die Elementor-Heading-Elemente abzielen */
.elementor-widget-heading .elementor-heading-title {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

/* Spezifische Styles für Elementor-Heading mit Workshop-Daten */
.elementor-widget-heading .elementor-heading-title strong {
    display: block !important;
    margin-bottom: 0px !important; 
}

.elementor-widget-heading .elementor-heading-title .date-range,
.elementor-widget-heading .elementor-heading-title .daily-times,
.elementor-widget-heading .elementor-heading-title .timezone {
    display: block !important;
}

/* Format für direkte Span-Elemente in Überschriften ohne Workshop-Klassen */
.elementor-heading-title span.date-range {
    display: block !important;
    line-height: 1.4 !important;
    margin: 5px 0 !important;
}

.elementor-heading-title span.daily-times {
    font-style: italic !important;
    font-size: 0.9em !important;
    padding: 2px 0 !important;
    display: block !important;
    margin-top: -10px !important; /* Reduzierter Abstand */
}

.elementor-heading-title span.timezone {
    display: block !important;
    font-size: 0.9em !important;
    margin-top: 5px !important;
}

/* Entferne das default-Styling von Elementor für diese Elemente */
body .elementor-widget-heading .elementor-heading-title span.date-range,
body .elementor-widget-heading .elementor-heading-title span.daily-times,
body .elementor-widget-heading .elementor-heading-title span.timezone {
    display: block !important;
    text-shadow: none !important;
    font-weight: normal !important;
}