/* 카운트다운 */
/* 1. 섹션 배경 설정 */
#countdown-section {
  position: relative;
  height: 30vh; /* 높이는 적절히 조절 가능 */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;

  /* 배경 이미지 및 어두운 오버레이 처리 */
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("./assets/gallery/KYK_1612.jpg"); /* 이미지 경로 확인! */
  background-size: cover;
  background-position: center;
  color: #fff; /* 전체 글씨 흰색 */
}

/* 2. 감사 문구 스타일 */
.thanks-msg {
  font-size: 1.2rem !important;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #fdfdfd;
  font-weight: 400;
}

/* 3. 구분선 스타일 */
.mini-divider {
  font-size: 0.8rem;
  letter-spacing: 2px;
  margin-bottom: 25px;
  opacity: 0.8;
}
.heart {
  font-size: 1rem;
}

/* 4. 카운트다운 타이틀 및 숫자 스타일 */
.countdown-title {
  font-family: "GowoonDodum";
  font-size: 1.4rem !important;
  margin-bottom: 20px !important;
  color: #fff !important;
}

#countdown {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff; /* 숫자도 흰색으로 변경 (분홍색보다 가독성이 좋음) */
}

#countdown span {
  display: inline-block;
  min-width: 1.8em;
  color: #fff; /* 숫자 색상 */
}

/* 기존 .section.visible이 적용되어도 배경과 글씨가 잘 보이도록 설정 */
#countdown-section.visible {
  opacity: 1;
  transform: translateY(0);
}