/**
 * EventHub Day-Section Component
 *
 * Container für einen Tag mit Datum-Header (HEUTE/MORGEN/Wochentag).
 * Minimales CSS – erbt größtmöglich vom Theme.
 *
 * @package EventHub
 * @since 1.0.0
 */

/* ==========================================================================
   DAY-SECTION CONTAINER
   ========================================================================== */

.eventhub-day-section {
    margin-bottom: var(--eventhub-spacing-lg);
}

.eventhub-day-section:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.eventhub-day-section__header {
    display: flex;
    align-items: baseline;
    gap: var(--eventhub-spacing-xs);
    padding-bottom: var(--eventhub-spacing-sm);
    margin-bottom: var(--eventhub-spacing-md);
    border-bottom: 2px solid var(--eventhub-color-border);
}

/* Heute & Morgen bekommen dezenten Akzent */
.eventhub-day-section--today .eventhub-day-section__header {
    border-bottom-color: var(--eventhub-color-primary);
}

.eventhub-day-section--tomorrow .eventhub-day-section__header {
    border-bottom-color: var(--eventhub-color-featured);
}

/* ==========================================================================
   LABEL (HEUTE / MORGEN / WOCHENTAG)
   ========================================================================== */

.eventhub-day-section__label {
    font-weight: var(--eventhub-font-weight-bold);
    font-size: var(--eventhub-font-size-sm);
    letter-spacing: 0.05em;
}

/* Heute bekommt Primärfarbe */
.eventhub-day-section--today .eventhub-day-section__label {
    color: var(--eventhub-color-primary);
}

/* Morgen bekommt Featured-Farbe */
.eventhub-day-section--tomorrow .eventhub-day-section__label {
    color: var(--eventhub-color-featured);
}

/* ==========================================================================
   SEPARATOR (Komma)
   ========================================================================== */

.eventhub-day-section__separator {
    color: var(--eventhub-color-text-muted);
}

/* ==========================================================================
   DATE
   ========================================================================== */

.eventhub-day-section__date {
    font-size: var(--eventhub-font-size-sm);
    color: var(--eventhub-color-text-muted);
    letter-spacing: 0.02em;
}

/* ==========================================================================
   CONTENT (Slot für Events)
   ========================================================================== */

.eventhub-day-section__content {
    /* Container für Event-Cards oder List-Items */
}

/* Wenn List-Items verwendet werden */
.eventhub-day-section__content > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Wenn Cards verwendet werden */
.eventhub-day-section__content > .eventhub-archive-grid {
    /* Grid-Styles aus archive */
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 600px) {
    .eventhub-day-section__header {
        flex-wrap: wrap;
    }
}