/* style.css - Version: 3.0.2 */

/* カレンダーの基本スタイル */
.fc {
    max-width: 1100px;
    margin: 0 auto;
}

/* 時間帯ごとのイベント色 */
.fc-event-morning {
    background-color: #e6f3ff; /* 午前: 薄い青 */
    border-color: #b3d7ff;
}
.fc-event-afternoon {
    background-color: #fff3e6; /* 昼: 薄いオレンジ */
    border-color: #ffdab3;
}
.fc-event-evening {
    background-color: #e6ffe6; /* 夕方: 薄い緑 */
    border-color: #b3ffb3;
}

/* 予約可・不可のスタイル */
.fc-event-available {
    background-color: #d4edda; /* 予約可: 薄い緑 */
    border-color: #28a745;
}
.fc-event-unavailable {
    background-color: #f8d7da; /* 予約不可: 薄い赤 */
    border-color: #dc3545;
}

/* 年月表示のスタイル */
.fc-toolbar-title {
    text-align: center !important; /* 強制センター */
    margin: 0 auto !important; /* 中央寄せ */
    flex-grow: 1; /* 中央に広がる */
    color: #2c3e50 !important; /* 濃いブルー */
    font-weight: 700 !important; /* 太字 */
    font-size: 1.5em !important; /* 少し大きめ */
    background-color: #f1f3f5 !important; /* 薄いグレー背景 */
    border-radius: 5px !important; /* 角丸 */
    padding: 5px 10px !important; /* 余白 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* 軽い影 */
}

/* ツールバーのレイアウト調整 */
.fc-toolbar {
    display: flex !important;
    justify-content: center !important; /* 中央揃え */
    align-items: center !important; /* 縦中央 */
    flex-wrap: wrap !important; /* 折り返し対応 */
}

/* ツールバーの左右ボタンを均等に */
.fc-toolbar-chunk {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}
.fc-toolbar-chunk:first-child {
    justify-content: flex-start !important; /* 左ボタン */
}
.fc-toolbar-chunk:last-child {
    justify-content: flex-end !important; /* 右ボタン */
}

/* ボタンのスタイル */
.fc-button {
    background-color: #20c997 !important; /* テールカラー */
    border-color: #20c997 !important;
}
.fc-button:hover {
    background-color: #1ba87e !important;
    border-color: #1ba87e !important;
}