/* ─────────────────────────────────────────────
   Pier36 Updates – Brunch-Kalender Frontend-Anzeige
   Version: 7.3.0
───────────────────────────────────────────── */

.pier36-sbk-info {
    color: #888;
    font-size: 0.85em;
    margin-bottom: 16px;
}

.pier36-sbk-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    max-width: 700px;
}

@media (max-width: 480px) {
    .pier36-sbk-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Termin-Kachel Basis ── */
.pier36-termin {
    border-radius: 6px;
    padding: 12px 16px;
    border: 1px solid transparent;
}

.pier36-termin-datum {
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 0.95em;
}

.pier36-termin-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pier36-termin-badge {
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: bold;
}

.pier36-termin-kommentar {
    color: #555;
    font-size: 0.85em;
}

/* ── Status: Frei ── */
.pier36-termin.status-frei {
    background: #eafaf1;
    border-color: #27ae6033;
}
.pier36-termin.status-frei .pier36-termin-badge {
    background: #27ae60;
}

/* ── Status: Belegt ── */
.pier36-termin.status-belegt {
    background: #fdedec;
    border-color: #e74c3c33;
}
.pier36-termin.status-belegt .pier36-termin-badge {
    background: #e74c3c;
}

/* ── Status: unbekannt / kein Eintrag ── */
.pier36-termin.status-unbekannt {
    background: #f9f9f9;
    border-color: #aaaaaa33;
}
.pier36-termin.status-unbekannt .pier36-termin-badge {
    background: #aaa;
}

/* ── Zusatztermine (individuell anpassbar) ──
   Standardmäßig identisch zu regulären Terminen – hier
   lassen sich eigene Akzente ergänzen, z. B.:

   .extrabrunch {
       border-width: 2px;
       border-style: dashed;
   }
*/
.extrabrunch {
}