/* =========================================
   ZUSATZ-STILE FÜR EVENT-SEITEN
   (Wochenende, Ball, Flanieren)
   ========================================= */

/* Hauptmenü auf Eventseiten auf volle Breite spannen */
.site-header .main-nav.event-nav {
    justify-content: space-between;
}

/* Aktiver (inaktiver) Menüpunkt in der Event-Navi */
.main-nav a.active-event {
    color: var(--accent-orange);
    pointer-events: none;
    cursor: default;
}

/* Die Event-Blöcke (Klickbare Programmpunkte) */
.event-block { 
    display: block; 
    text-decoration: none; 
    margin-bottom: var(--grid-base); 
    transition: opacity 0.3s ease;
}

.event-block:hover {
    opacity: 0.7;
}

.event-block h3 { 
    color: var(--accent-blue); 
    transition: color 0.3s ease; 
}

.event-block:hover h3 { 
    color: var(--accent-orange); 
}

/* Datum und Ort im Event-Block */
.event-meta {
    font-size: 0.85rem;
    color: var(--accent-brown);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-top: 0;
    margin-bottom: 0.65rem;
}

/* Das kleine Jane-Kamee-Emblem (Silhouette) */
.jane-emblem {
    display: block;
    margin: 0 auto 0.2rem auto; /* Mittig, kleiner Abstand nach unten */
    width: 30px;                /* Winzig und fein */
    height: auto;
    opacity: 0.85;              /* Leicht transparent, um wie gedruckt zu wirken */
    transition: opacity 0.3s ease;
}

/* Wenn man über den Block fährt, wird das Emblem "wach" (100% Deckkraft) */
.event-block:hover .jane-emblem {
    opacity: 1;
}