/**
 * Tibet Daily Calendar Styles
 * Vanilla Calendar 藏式配色覆盖
 */

/* ============================================
   基础容器样式
   ============================================ */

.vanilla-calendar {
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
    background: #FFFFFF;
    border: 1px solid #E8E5E0;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* 月份头部 */
.vanilla-calendar-header {
    padding: 1rem;
    border-bottom: 1px solid #E8E5E0;
}

.vanilla-calendar-header__content {
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    color: #1A1A1A;
    font-size: 1.1rem;
}

/* 月份切换按钮 */
.vanilla-calendar-arrow {
    color: #93312D;
    transition: all 0.2s ease;
}

.vanilla-calendar-arrow:hover {
    background: rgba(147, 49, 45, 0.1);
    color: #74241F;
}

/* ============================================
   日期网格
   ============================================ */

.vanilla-calendar-wrapper {
    padding: 1rem;
}

.vanilla-calendar-week-day {
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    color: #8B8B8B;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 0.5rem;
}

/* 日期单元格 */
.vanilla-calendar-day {
    font-size: 0.9rem;
    color: #4A4A4A;
    padding: 0.75rem 0.5rem;
    border-radius: 2px;
    transition: all 0.2s ease;
}

/* ============================================
   Vanilla Calendar Pro v2.x 样式
   （v2 的 class 前缀是 .vc-，v1 是 .vanilla-calendar-）
   ============================================ */

/* 普通日期悬停 */
.vc-date:hover:not(.vc-date_disabled):not(.vc-date_selected),
.vanilla-calendar-day:hover:not(.vanilla-calendar-day_selected):not(.vanilla-calendar-day_disabled) {
    background: rgba(147, 49, 45, 0.10) !important;
    color: #93312D !important;
    border-radius: 6px;
}

/* 选中日期 - 藏红色 */
.vc-date_selected,
.vc-date_selected .vc-date__btn,
.vanilla-calendar-day_selected {
    background: #93312D !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

.vc-date_selected:hover,
.vanilla-calendar-day_selected:hover {
    background: #74241F !important;
    color: #FFFFFF !important;
}

/* 禁用日期（不可订） */
.vc-date_disabled,
.vanilla-calendar-day_disabled {
    color: #D8D5D0 !important;
    text-decoration: line-through;
    cursor: not-allowed;
    opacity: 0.55;
}

.vc-date_disabled:hover,
.vanilla-calendar-day_disabled:hover {
    background: transparent !important;
    color: #D8D5D0 !important;
}

/* 今天 */
.vc-date_today,
.vanilla-calendar-day_today {
    border: 1px solid #D4A84B;
    color: #93312D;
    border-radius: 6px;
}

/* 其他月份日期 */
.vc-date_other-month,
.vanilla-calendar-day_inactive {
    color: #E8E5E0;
}

/* ============================================
   月份网格布局（多个月份）
   ============================================ */

.vanilla-calendar-months {
    gap: 1.5rem;
}

.vanilla-calendar-month {
    border: 1px solid #E8E5E0;
    border-radius: 4px;
    overflow: hidden;
}

.vanilla-calendar-month__header {
    background: #F7F5F0;
    padding: 0.75rem;
    text-align: center;
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    color: #1A1A1A;
}

/* ============================================
   响应式调整
   ============================================ */

@media (max-width: 768px) {
    .vanilla-calendar {
        font-size: 14px;
    }
    
    .vanilla-calendar-day {
        padding: 0.5rem 0.25rem;
    }
    
    .vanilla-calendar-wrapper {
        padding: 0.5rem;
    }
}

/* ============================================
   提示和加载状态
   ============================================ */

.calendar-loading {
    text-align: center;
    padding: 3rem 2rem;
    color: #8B8B8B;
}

.calendar-loading::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #E8E5E0;
    border-top-color: #93312D;
    border-radius: 50%;
    margin-left: 10px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.calendar-error {
    text-align: center;
    padding: 2rem;
    color: #e74c3c;
    background: #fdf2f2;
    border-radius: 4px;
}

/* ============================================
   选中日期提示
   ============================================ */

.selected-date-notice {
    margin-top: 1rem;
    padding: 1rem;
    background: #F7F5F0;
    border-left: 4px solid #93312D;
    border-radius: 0 4px 4px 0;
}

.selected-date-notice strong {
    color: #93312D;
    font-size: 1.1rem;
}

/* ============================================
   与表单联动区域
   ============================================ */

.booking-form-section {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #E8E5E0;
}

.date-confirmation {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(147, 49, 45, 0.05);
    border-radius: 4px;
    margin-bottom: 1rem;
}

.date-confirmation .label {
    color: #8B8B8B;
    font-size: 0.875rem;
}

.date-confirmation .date {
    color: #93312D;
    font-weight: 600;
    font-size: 1rem;
}

/* ============================================
   节日/特殊日期标记（未来扩展）
   ============================================ */

.vanilla-calendar-day_holiday {
    position: relative;
}

.vanilla-calendar-day_holiday::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: #D4A84B;
    border-radius: 50%;
}