/* ============================================================
   営業カレンダー — eigyo-calendar.css
   子テーマフォルダに eigyo-calendar.css として保存してください
   ============================================================ */

/* ラッパー */
.eigyo-calendar {
    font-family: sans-serif;
    max-width: 360px;
}

/* Swiper */
.eigyo-calendar .swiper {
    position: relative;
}

/* 矢印ボタンエリアを確保 */
.eigyo-calendar .swiper-button-prev,
.eigyo-calendar .swiper-button-next {
    position: absolute;
    top: 0;
    width: 32px;
    height: 32px;
    margin-top: 0;
    color: #555;
    background: #f5f5f5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.eigyo-calendar .swiper-button-prev {
    left: auto;
    right: 40px;
}

.eigyo-calendar .swiper-button-next {
    right: 0;
}

.eigyo-calendar .swiper-button-prev::after,
.eigyo-calendar .swiper-button-next::after {
    font-size: 12px !important;
    font-weight: bold !important;
    content: '<' !important;
}

.eigyo-calendar .swiper-button-next::after {
    content: '>' !important;
}

/* 月タイトルの右に矢印が並ぶよう余白確保 */
.eigyo-month-title {
    padding-right: 90px;
}

/* 店舗名（単独表示） */
.eigyo-store-name {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 1.5em 0 0.4em;
    padding-bottom: 0.2em;
    border-bottom: 2px solid #ccc;
}

/* 月タイトル */
.eigyo-month {
    margin-bottom: 2em;
    overflow-x: auto;
}

.eigyo-month-title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5em;
    color: #333;
}

/* カレンダーテーブル */
.eigyo-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 280px;
}

.eigyo-table th,
.eigyo-table td {
    border: 1px solid #e0e0e0;
    text-align: center;
    vertical-align: top;
    padding: 4px 2px;
}

/* 曜日ヘッダー */
.eigyo-th {
    background: #f5f5f5;
    font-size: 0.8rem;
    padding: 6px 2px;
}

/* 日付数字 */
.eigyo-date {
    display: block;
    font-size: 0.85rem;
    line-height: 1.8;
}

/* 日・土 */
.eigyo-sun .eigyo-date { color: #c0392b; }
.eigyo-sat .eigyo-date { color: #2980b9; }

/* 今日 */
.eigyo-today {
    background: #fffde7;
}
.eigyo-today .eigyo-date {
    font-weight: bold;
}

/* 空白セル */
.eigyo-empty {
    background: #fafafa;
}

/* バッジ（定休・臨時営業など） */
.eigyo-badge {
    display: block;
    font-size: 0.65rem;
    border-radius: 3px;
    padding: 2px 3px;
    margin: 1px auto;
    color: #fff;
    line-height: 1.5;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: center;
}

/* combined表示のドット（カレンダー内） */
.eigyo-dots {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-top: 2px;
}

.eigyo-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* 凡例（カレンダー下） */
.eigyo-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 12px;
    font-size: 0.8rem;
}

.eigyo-legend-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.eigyo-legend-item .eigyo-dot {
    width: 10px;
    height: 10px;
}

/* 全店舗まとめ表示のバッジは左寄せ */
.eigyo-combined .eigyo-badge {
    text-align: left;
}

/* レスポンシブ：スマホでは文字を小さく */
@media (max-width: 480px) {
    .eigyo-date {
        font-size: 0.75rem;
    }
    .eigyo-badge {
        font-size: 0.55rem;
        padding: 1px 2px;
    }
}