/* ============================================================
   Veranstaltungen – Übersicht
   Datei: wp-content/plugins/veranstaltungen-cpt/css/veranstaltungen-uebersicht.css
   ============================================================ */

.veranstaltungen-tango.veranstaltungen-liste {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    justify-content: center;
}

.veranstaltungen-tango.veranstaltung-eintrag {
    width: fit-content;
    max-width: 100%;
	border-bottom: 1px solid #68190157;
	padding: 0 8px
    }
.veranstaltungen-tango.veranstaltung-eintrag:hover {
    background:#efd7c9;
}
h3.veranstaltungen-tango.veranstaltungen-monat {
    margin-top: 30px;
    font-size: clamp(20px, 3vw, 23px);
    font-style: italic;
    text-transform: uppercase;
}

.veranstaltungen-tango.veranstaltung-inhalt {
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
    height: 100%;
}

.veranstaltungen-tango.veranstaltung-titel {
    margin: 6px 0;
    font-size: clamp(18px, 3vw, 20px);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.02em;
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}

.veranstaltungen-tango.veranstaltung-titel-link {
    text-decoration: none !important;
    
}



/* ── Wiederholungs-Badge ── */
.veranstaltungen-tango.veranstaltung-badge {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.04em;
    font-style: italic;
	display: flex;
    align-items: center;
    gap: 5px;
}



.veranstaltungen-tango.veranstaltung-badge img.emoji {
    font-size: 15px;
    filter: saturate(1%);
}

/* ── Datum & Ort Zeile ── */
.veranstaltungen-tango.veranstaltung-meta {
    line-height: 1.5;
	font-size: clamp(14px, 3vw, 15px);
}
.veranstaltung-datum img.emoji {
    font-size: clamp(18px, 3vw, 19px);
}
.veranstaltungen-tango.veranstaltung-meta .veranstaltung-datum,
.veranstaltungen-tango.veranstaltung-meta .veranstaltung-ort {
    white-space: nowrap;
}

/* ── Weiterlesen-Link ── */
.veranstaltungen-tango.veranstaltung-weiterlesen {
    display: inline-block;
    display: none;
    text-decoration: none;
    
}

.veranstaltungen-tango.veranstaltung-weiterlesen:hover {
    background: #98450D;
    color: #efefef !important;
}

/* ── Leer-Meldung ── */
.veranstaltungen-tango.veranstaltungen-leer {
    color: #777;
    font-style: italic;
}