/* [static/css/calendar.css] */

/* =========================================
   1. 공통 설정 (메인 & 사이드바 모두 적용)
   ========================================= */

/* 전체 폰트 및 테두리 설정 */
.fc {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --fc-border-color: #e9ecef; /* 격자 선 색상 (은은하게) */
    --fc-today-bg-color: rgba(13, 110, 253, 0.05); /* 오늘 날짜 배경 */
}

/* 요일 헤더 (월, 화, 수...) */
.fc-col-header-cell-cushion {
    color: #6c757d;
    font-weight: 600;
    font-size: 0.8rem;
    padding-bottom: 10px;
    text-decoration: none;
}

/* 날짜 숫자 */
.fc-daygrid-day-number {
    font-size: 0.85rem;
    color: #495057;
    font-weight: 500;
    text-decoration: none;
}

/* 이벤트 띠 (Event Bar) 디자인 */
.fc-event {
    border: none !important;
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 1px 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    cursor: pointer;
}

/* 상단 제목(년월) 스타일 */
.fc-toolbar-title {
    font-size: 1.1rem !important;
    font-weight: 800;
    color: #343a40;
}

/* 이전/다음 버튼 심플하게 */
.fc-button {
    background: transparent !important;
    border: none !important;
    color: #adb5bd !important;
    box-shadow: none !important;
}
.fc-button:hover {
    color: #495057 !important;
}

/* '더보기(+2 more)' 글씨 */
.fc-daygrid-more-link {
    font-weight: bold;
    color: #6c757d;
    font-size: 0.8em;
    text-decoration: none;
}


/* =========================================
   2. 메인 큰 달력 전용 스타일 (#calendar)
   ========================================= */
#calendar .fc-daygrid-day-frame {
    /* 메인은 시원시원하게 150px 확보 */
    min-height: 150px !important; 
    height: auto !important;
}
#calendar {
    /* 격자 선 제거 (선택사항, 위 공통에서 색 줬음) */
    /* --fc-border-color: transparent;  <-- 기존 (투명) */
    --fc-border-color: #e9ecef;      /* <-- 변경 (부트스트랩 기본 테두리색) */
}


/* =========================================
   3. 사이드바 미니 달력 전용 스타일 (#global-mini-calendar)
   ========================================= */
#global-mini-calendar {
    font-size: 0.75rem; 
    max-width: 100%;
    margin: 0 auto;
    --fc-border-color: transparent; /* 사이드바는 선 없이 깔끔하게 */
}

/* 3-1. 상단 툴바 */
#global-mini-calendar .fc-toolbar {
    margin-bottom: 0.5em !important;
    gap: 5px;
}
#global-mini-calendar .fc-toolbar-title {
    font-size: 0.9rem !important;
    font-weight: 800;
    color: #495057;
}
#global-mini-calendar .fc-button {
    padding: 0 2px !important;
    font-size: 0.75rem !important;
}

/* 3-2. 요일 헤더 */
#global-mini-calendar .fc-col-header-cell-cushion {
    font-size: 0.7rem;
    font-weight: normal;
    color: #adb5bd;
    padding: 2px 0 !important;
}

/* 3-3. 날짜 칸 (★ 여기가 범인이었습니다! 40px로 복구) */
#global-mini-calendar .fc-daygrid-day-frame {
    min-height: 40px !important;  /* 150px -> 40px 수정 */
    height: auto !important;
}

#global-mini-calendar .fc-daygrid-day-top {
    justify-content: center !important;
    flex-direction: row;
}
#global-mini-calendar .fc-daygrid-day-number {
    font-size: 0.75rem;
    color: #495057;
    padding: 2px !important;
}

/* 3-4. 오늘 날짜 강조 (글자만 진하게) */
#global-mini-calendar .fc-day-today .fc-daygrid-day-number {
    font-weight: 900;
    color: #000;
}

/* 3-5. 이벤트 띠 (얇은 줄) */
#global-mini-calendar .fc-event {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
#global-mini-calendar .fc-event-main {
    color: transparent !important; 
    height: 4px !important;       
    border-radius: 2px;
}