/* ==========================================================
   イベント関連ウィジェット 専用スタイル
   - イベントカレンダー ウィジェット（月表示/週表示/月と週タブ）
   - 最近のイベント ウィジェット
   event-calendar.css とは別ファイルで管理しています。
   ========================================================== */

/* ---------- イベントカレンダー ウィジェット ---------- */

.ec-widget-calendar .ec-nav-row {
    margin-bottom: 0.5em;
}

.ec-widget-calendar .ec-tab-nav {
    margin-bottom: 0.5em;
}

.ec-widget-calendar .ec-tab-label {
    padding: 4px 10px;
    font-size: 0.85em;
}

.ec-widget-calendar .event-calendar-table th,
.ec-widget-calendar .event-calendar-table td {
    height: 44px;
    padding: 2px;
    font-size: 0.8em;
}

.ec-widget-calendar .event-calendar-table .day-num {
    margin-bottom: 1px;
}

.ec-widget-calendar .event-calendar-table .event-item {
    font-size: 9px;
    padding: 1px 2px;
    margin-bottom: 1px;
}

.ec-widget-calendar .event-week-list .week-day-row {
    padding: 6px 0;
}

/* ---------- 最近のイベント ウィジェット ---------- */

.ec-recent-events-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ec-recent-event-item {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
}

.ec-recent-event-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.ec-recent-event-link {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.ec-recent-event-link:hover .ec-recent-event-title {
    text-decoration: underline;
}

.ec-recent-event-thumb {
    flex-shrink: 0;
    display: block;
    line-height: 0;
}

.ec-recent-event-thumb img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 4px;
}

.ec-recent-event-text {
    flex: 1;
    min-width: 0;
}

.ec-recent-event-meta {
    display: inline-block;
    font-size: 0.85em;
    color: #666;
    margin-bottom: 2px;
}

.ec-recent-event-title {
    font-weight: bold;
    color: inherit;
}

.ec-recent-events-empty {
    color: #999;
}