/**
 * Easy Events Plugin – Frontend Styles (v1.1.0)
 * Uniquos Volk & Schmitt GbR
 *
 * Alle Werte als CSS Custom Properties – überschreibbar per Divi Custom CSS.
 */

:root {
    --ee-label-color:        inherit;
    --ee-label-font-weight:  600;
    --ee-value-color:        inherit;
    --ee-meta-gap:           0.2em;
    --ee-meta-margin-top:    0.5em;
    --ee-meta-margin-bottom: 0.6em;
    --ee-font-size:          0.9em;
    --ee-line-height:        1.5;
}

/* ─── Datum/Uhrzeit-Block ──────────────────────────────────────── */

.easy-events-meta {
    display:        flex;
    flex-direction: column;
    gap:            var(--ee-meta-gap);
    margin-top:     var(--ee-meta-margin-top);
    margin-bottom:  var(--ee-meta-margin-bottom);
    font-size:      var(--ee-font-size);
    line-height:    var(--ee-line-height);
}

.easy-events-meta__row {
    display:     flex;
    flex-wrap:   wrap;
    gap:         0.35em;
    align-items: flex-start;
}

.easy-events-meta__label {
    font-weight: var(--ee-label-font-weight);
    color:       var(--ee-label-color);
    white-space: nowrap;
    flex-shrink: 0;
}

.easy-events-meta__value {
    color:      var(--ee-value-color);
    white-space: pre-wrap;  /* Mehrzeilige Werte */
    word-break:  break-word;
}

/* ─── "Mehr lesen"-Button ─────────────────────────────────────── */

/*
 * .et_pb_button ist Divis eigene Button-Klasse – sie zieht automatisch
 * alle globalen Button-Styles aus dem Divi Theme Customizer.
 * Wir fügen nur das nötige hinzu, was Divi nicht setzt.
 */
.easy-events-read-more-btn {
    display:         inline-block;
    text-decoration: none;
    cursor:          pointer;
    margin-top:      0.6em;
    transition:      opacity 0.2s ease;
}

.easy-events-read-more-btn:hover {
    opacity:         0.85;
    text-decoration: none;
}