/* =========================================
   PLACE EVENT CARD WIDGET
   Gemeinsame Eventkarte für screen-place-portal und screen-place-events.
   Änderungen an der Karte MUESSEN hier erfolgen — nicht doppelt in Screen-CSS.
   Optik analog Stellenkarte (widgets-place-job-card.css).
   Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventzeilen hochwertig analog Stellenmarkt
   ========================================= */

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Listen-Eintrag mit mehr Luft und Doppel-Trennlinie */
.place-event-card-item {
    --place-event-card-ink: var(--color-text);
    --place-event-card-ink-soft: var(--color-text-muted);
    --place-event-card-rule-soft: var(--color-border);
    --place-event-card-rule-strong: var(--color-border-highlight);
    --place-event-card-accent: var(--color-secondary);
    --place-event-card-surface: var(--color-surface);
    --place-event-card-font-display: Georgia, "Times New Roman", Times, serif;
    --place-event-card-font-body: Georgia, "Times New Roman", Times, serif;
    --place-event-card-font-ui: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 1.65rem;
    padding-bottom: 1.65rem;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--place-event-card-rule-strong);
    box-shadow: inset 0 -1px 0 0 var(--place-event-card-rule-soft);
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Artikel mit linker Akzentkante */
.place-event-card {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.95rem;
    padding-right: 0.25rem;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: var(--place-event-card-accent);
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Headline ohne Extra-Haarlinie */
.place-event-card-title {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: var(--place-event-card-font-display);
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.02em;
    color: var(--place-event-card-ink);
    border-bottom-width: 0;
    border-bottom-style: none;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Titel-Link */
.place-event-card-title-link {
    color: inherit;
    text-decoration-line: none;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Titel-Link Hover */
.place-event-card-title-link:hover {
    color: var(--place-event-card-accent);
    text-decoration-line: underline;
    text-decoration-thickness: 0.06em;
    text-underline-offset: 0.12em;
}

/* Änderungsprotokoll: 2026-07-20 | parent-agent | @skill-css-rules, @skill-change-provenance | Meta-Zeile nur Badges; Funddatum unter Beschreibung */
.place-event-card-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 0.65rem;
    row-gap: 0.2rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Änderungsprotokoll: 2026-07-20 | parent-agent | @skill-css-rules, @skill-change-provenance | Funddatum noch dezenter (kleiner, gedämpfter) */
.place-event-card-found-at {
    margin-top: 0.25rem;
    margin-bottom: 0;
    font-family: var(--place-event-card-font-ui);
    font-size: 0.5625rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
    line-height: 1.3;
    color: var(--place-event-card-ink-soft);
    opacity: 0.5;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Faktenblock */
.place-event-card-facts {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.15rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Faktzeile */
.place-event-card-fact {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.15rem;
    align-items: baseline;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Fakt-Label */
.place-event-card-fact-label {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--place-event-card-font-ui);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.4;
    color: var(--place-event-card-ink-soft);
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Fakt-Wert */
.place-event-card-fact-value {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-family: var(--place-event-card-font-body);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--place-event-card-ink);
    text-transform: none;
    letter-spacing: normal;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Badges kompakt inline in Meta ohne Pill-Rahmen */
.place-event-card-badges {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.45rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Beginn/Ort als dezenter Inline-Meta-Text */
.place-event-card-badge {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    font-family: var(--place-event-card-font-ui);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.35;
    color: var(--place-event-card-ink-soft);
    text-transform: uppercase;
}

/* Änderungsprotokoll: 2026-07-19 | subagent-create-screen | @skill-css-rules, @skill-change-provenance | Ortsbezug-Link in Eventkarte */
.place-event-card-place-link {
    color: inherit;
    text-decoration-line: none;
}

/* Änderungsprotokoll: 2026-07-19 | subagent-create-screen | @skill-css-rules, @skill-change-provenance | Ortsbezug-Link Hover */
.place-event-card-place-link:hover {
    color: var(--place-event-card-accent);
    text-decoration-line: underline;
    text-decoration-thickness: 0.06em;
    text-underline-offset: 0.12em;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Kontaktblock */
.place-event-card-contact {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.15rem;
    margin-bottom: 0;
    padding-top: 0.55rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--place-event-card-rule-soft);
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Kontaktzeile */
.place-event-card-contact-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 0;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Kontakt-Icon monochrom */
.place-event-card-contact-icon {
    flex-shrink: 0;
    width: 0.9375rem;
    height: 0.9375rem;
    display: block;
    color: var(--place-event-card-ink-soft);
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Kontakt-Wert */
.place-event-card-contact-value {
    min-width: 0;
    font-family: var(--place-event-card-font-body);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--place-event-card-ink);
    overflow-wrap: anywhere;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | tel-Link für Direktanruf auf Mobile */
.place-event-card-contact-link {
    color: var(--place-event-card-ink);
    text-decoration-line: underline;
    text-decoration-thickness: 0.06em;
    text-underline-offset: 0.12em;
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | tel-Link Hover */
.place-event-card-contact-link:hover {
    color: var(--place-event-card-accent);
}

/* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Eventkarte Beschreibung */
.place-event-card-description {
    margin-top: 0.1rem;
    margin-bottom: 0;
    padding-top: 0.55rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--place-event-card-rule-soft);
    font-family: var(--place-event-card-font-body);
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--place-event-card-ink-soft);
}

@media (min-width: 768px) {
    /* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Faktzeile breiteres Label Desktop */
    .place-event-card-fact {
        grid-template-columns: 8.5rem minmax(0, 1fr);
    }

    /* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Kontakt Telefon und E-Mail nebeneinander volle Breite */
    .place-event-card-contact {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 0.4rem;
    }

    /* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Desktop mehr Innenabstand und Trennluft */
    .place-event-card-item {
        padding-top: 1.85rem;
        padding-bottom: 1.85rem;
    }

    /* Änderungsprotokoll: 2026-07-19 | parent-agent | @skill-css-rules, @skill-change-provenance | Desktop Headline etwas größer */
    .place-event-card-title {
        font-size: 1.375rem;
    }
}