/* ─── 킹샷 연맹 관리 - 커스텀 CSS ─────────────────────────────────────────── */

/* 전체 레이아웃: 푸터를 항상 하단에 고정하는 Flexbox 설정 */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* 최소 높이를 뷰포트 전체로 설정 */
}

/* 메인 콘텐츠 영역이 남은 공간을 채우도록 설정 (푸터를 하단으로 밀어냄) */
main.container {
    flex: 1;
}

/* 이벤트 내용 영역 - 줄바꿈 보존 */
.event-description {
    white-space: pre-wrap; /* 관리자가 입력한 줄바꿈을 그대로 표시 */
}

/* 카드 호버 효과 */
.card:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* 프로그레스 바 최소 너비 (0%일 때도 보이도록) */
.progress-bar {
    min-width: 2%;
}