=== assets/css/calendar.css ===

.tia-calendar-wrap { position: relative; }

.tia-calendar--loading::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.6);
    z-index: 10;
}

.tia-calendar-subscribe {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}
.tia-calendar-subscribe__hint {
    font-size: 0.82rem;
    color: #666;
}

#tia-fullcalendar {
    --fc-border-color: #e4e4e4;
    --fc-today-bg-color: #e8f0fe;
    --fc-event-border-color: transparent;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: #f8f8f8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9rem;
}

.fc-toolbar-title { font-size: 1.1rem !important; font-weight: 600; }
.fc-button { font-size: 0.82rem !important; }
.fc-button-primary {
    background: #1a73e8 !important;
    border-color: #1a73e8 !important;
}
.fc-button-primary:hover  { background: #1558b0 !important; border-color: #1558b0 !important; }
.fc-button-active { background: #1558b0 !important; border-color: #1558b0 !important; }

.fc-event {
    border-radius: 4px;
    font-size: 0.8rem;
    padding: 1px 4px;
    cursor: pointer;
}
.fc-event:hover { filter: brightness(0.9); }

.fc-list-event:hover td { background: #f0f6ff !important; cursor: pointer; }

.tia-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.2s;
}
.tia-modal--visible .tia-modal-overlay { opacity: 1; }

.tia-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    z-index: 9999;
    background: #fff;
    border-radius: 12px;
    padding: 1.75rem 2rem;
    max-width: 480px;
    width: calc(100vw - 2rem);
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    opacity: 0;
    transition: opacity 0.2s, transform 0.2s;
}
.tia-modal--visible .tia-modal { opacity: 1; transform: translate(-50%, -50%); }

.tia-modal__close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 1.4rem;
    cursor: pointer;
    color: #666;
    line-height: 1;
    padding: 4px;
}
.tia-modal__close:hover { color: #222; }
.tia-modal__title  { margin: 0 0 0.4rem; font-size: 1.15rem; font-weight: 600; padding-right: 2rem; }
.tia-modal__date   { margin: 0 0 0.6rem; color: #555; font-size: 0.88rem; }
.tia-modal__location { margin: 0 0 0.5rem; font-size: 0.88rem; color: #444; }
.tia-modal__desc   { font-size: 0.9rem; color: #333; line-height: 1.6; }

@media (max-width: 600px) {
    .fc-toolbar { flex-direction: column; gap: 0.5rem; }
    .fc-toolbar-title { font-size: 1rem !important; }
}
*/