/* ============================================================
   FullCalendar カスタムスタイル
============================================================ */
/* カレンダー全体：スクロールバーなし */
#my-calendar { min-height: auto !important; height: auto !important; }
.fc { height: auto !important; }
.fc .fc-daygrid-body { height: auto !important; }
.fc .fc-scroller { height: auto !important; overflow: visible !important; }
.fc .fc-daygrid-day-frame { min-height: 80px; }

/* ── ヘッダー：prev/next ボタン ── */
.fc .fc-prev-button,
.fc .fc-next-button {
    background-color: #FCFBF6 !important;
    border-color: #000 !important;
    color: #000 !important;
}
.fc .fc-prev-button:hover,
.fc .fc-next-button:hover {
    background-color: #f0f0f0 !important;
    border-color: #000 !important;
}

/* タイトル（年月）を中央に */
.fc .fc-toolbar-title {
    font-size: 1rem !important;
    font-weight: 400;
}

/* 今日ボタン・切り替えボタンは非表示 */
.fc .fc-today-button,
.fc .fc-dayGridMonth-button,
.fc .fc-timeGridWeek-button {
    display: none !important;
}

/* ── 曜日ヘッダー・セル背景を統一 ── */
.fc-theme-standard td,
.fc-theme-standard th { background-color: #FCFBF6 !important; }
.fc .fc-scrollgrid-section-sticky > * { background-color: #FCFBF6 !important; }
.fc .fc-col-header-cell { background-color: #FCFBF6 !important; }

/* 今日のセル */
.fc .fc-day-today { background-color: #fdf6e3 !important; }

/* ── 日付数字：小さく右寄せ ── */
.fc .fc-daygrid-day-top { justify-content: flex-end; }
.fc .fc-daygrid-day-number {
    font-size: 11px !important;
    color: #888;
    padding: 2px 4px;
    text-decoration: none !important;
}

/* ── 通常イベント ── */
.fc .fc-daygrid-event {
    font-weight: 500;
    font-size: 11px !important;
    padding: 1px 4px;
    border-radius: 3px;
}

/* ── イベント内テキスト：子テーマのbody span等を上書き ── */
body #my-calendar .fc-daygrid-event span,
body #my-calendar .fc-daygrid-event .fc-event-title,
body #my-calendar .fc-daygrid-event .fc-event-main,
body #my-calendar .fc-daygrid-event div {
    color: inherit !important;
}

/* ── 祝日イベント：背景なし・水色テキスト・小さめ ── */
.fc-event.fc-holiday,
.fc .fc-daygrid-event.fc-holiday {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #339CD3 !important;
    font-size: 11px !important;
    padding: 0 2px;
    box-shadow: none !important;
}
body #my-calendar .fc-daygrid-event.fc-holiday span,
body #my-calendar .fc-daygrid-event.fc-holiday .fc-event-title,
body #my-calendar .fc-daygrid-event.fc-holiday div {
    color: #339CD3 !important;
    font-weight: 500;
}