/**
Theme Name: Astra Child
Author: DLNL
Author URI: http://wpastra.com/about/
Description: astra 커스터 마이징 테마
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.slide-out-left {
  animation: slideOutLeft 0.3s forwards !important;
}
.slide-in-right {
  animation: slideInRight 0.3s forwards !important;
}

@keyframes slideOutLeft {
  0% {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
  100% {
    opacity: 0 !important;
    transform: translateX(-100%) !important;
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0 !important;
    transform: translateX(100%) !important;
  }
  100% {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
}

/* Flatpickr 캘린더 커스텀 스타일 */
.flatpickr-calendar {
  background: white !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-family: "Pretendard", sans-serif !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 auto !important;
  position: relative !important;
  display: block !important;
  overflow: visible !important;
}

.flatpickr-calendar.static {
  position: relative !important;
}

@media (max-width: 640px) {
  .flatpickr-calendar {
    max-width: 340px !important;
  }
}

.flatpickr-months {
  position: relative !important;
  background: transparent !important;
  margin-bottom: 15px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: visible !important;
}

.flatpickr-month {
  background: transparent !important;
  color: #48291d !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  overflow: visible !important;
}

.flatpickr-current-month {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #48291d !important;
  text-align: center !important;
  position: static !important;
  flex: 1 !important;
  overflow: visible !important;
}

.flatpickr-monthDropdown-months {
  pointer-events: none !important;
  background: transparent !important;
  border: none !important;
  color: #48291d !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  appearance: none !important;
  cursor: default !important;
}

.flatpickr-weekdays {
  background: transparent !important;
  position: relative !important;
  z-index: 5 !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding: 0 !important;
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  color: #48291d !important;
  width: 30px !important;
  height: 30px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.flatpickr-prev-month {
  left: 10px !important;
}

.flatpickr-next-month {
  right: 10px !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #cfb094 !important;
}

.flatpickr-weekday {
  background: transparent !important;
  color: #8b8b8b !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  flex: 1 !important;
}

/* 일요일 요일 헤더 빨간색 */
.flatpickr-weekday:first-child {
  color: #dc2626 !important;
}

/* 토요일 요일 헤더 파란색 */
.flatpickr-weekday:last-child {
  color: #2563eb !important;
}

.flatpickr-days {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.flatpickr-day {
  border: none !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #191919 !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 1px !important;
  border-radius: 8px !important;
  background: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.flatpickr-day:hover {
  background: #efe6dd !important;
  border-color: #efe6dd !important;
}

.flatpickr-day.selected {
  background: linear-gradient(
    119deg,
    #cfb094 -8.19%,
    #48291d 134.25%
  ) !important;
  border-color: #cfb094 !important;
  color: white !important;
}

.flatpickr-day.today {
  border: 2px solid #cfb094 !important;
  color: #48291d !important;
  background: white !important;
  font-weight: 600 !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: #cbcbcb !important;
}

/* 지난 날짜들 (비활성화된 날짜) */
.flatpickr-day.flatpickr-disabled {
  color: #cbcbcb !important;
  background: #f9f9f9 !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.flatpickr-day.flatpickr-disabled:hover {
  background: #f9f9f9 !important;
  color: #cbcbcb !important;
}

/* 일요일 날짜 빨간색 (지난날짜, 오늘, 선택된 날짜 제외) */
.dayContainer
  .flatpickr-day:nth-child(7n + 1):not(.prevMonthDay):not(.nextMonthDay):not(
    .flatpickr-disabled
  ):not(.today):not(.selected) {
  color: #dc2626 !important;
}

/* 토요일 날짜 파란색 (지난날짜, 오늘, 선택된 날짜 제외) */
.dayContainer
  .flatpickr-day:nth-child(7n):not(.prevMonthDay):not(.nextMonthDay):not(
    .flatpickr-disabled
  ):not(.today):not(.selected) {
  color: #2563eb !important;
}

/* 선택된 일요일/토요일은 흰색 유지 */
.dayContainer .flatpickr-day.selected {
  color: white !important;
}

/* 오늘이 일요일인 경우 */
.flatpickr-day.today:nth-child(7n + 1) {
  color: #dc2626 !important;
  border: 2px solid #cfb094 !important;
  background: white !important;
  font-weight: 600 !important;
}

/* 오늘이 토요일인 경우 */
.flatpickr-day.today:nth-child(7n) {
  color: #2563eb !important;
  border: 2px solid #cfb094 !important;
  background: white !important;
  font-weight: 600 !important;
}

/* 오늘 날짜가 선택되었을 때 */
.flatpickr-day.today.selected {
  background: linear-gradient(
    119deg,
    #cfb094 -8.19%,
    #48291d 134.25%
  ) !important;
  border-color: #cfb094 !important;
  color: white !important;
}

.blocked-date {
  display: flex !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: transparent !important;
  cursor: pointer !important; /* 커서를 pointer로 변경 */
}

.blocked-date:hover {
  background: transparent !important;
}

/* 손없는날 선택 시 일반 날짜와 동일한 스타일 */
/* .flatpickr-day.blocked-date.selected {
    background: linear-gradient(119deg, #CFB094 -8.19%, #48291D 134.25%) !important;
    border-color: #CFB094 !important;
    color: white !important;
  } */

/* 손없는날 선택 시 곰돌이 SVG 숨김 */
.flatpickr-day.blocked-date.selected .bear-icon {
  display: none !important;
}

/* 이사 카테고리 버튼 스타일 */
.category-button {
  background: #f4f3f3 !important;
  transition: all 0.3s ease !important;
}

.category-button:hover {
  background: #efe6dd !important;
}

.category-button.active {
  background: linear-gradient(
    119deg,
    #cfb094 -8.19%,
    #48291d 134.25%
  ) !important;
}

.category-button.active .category-title {
  color: white !important;
}

.category-button.active .category-desc {
  color: rgba(255, 255, 255, 0.9) !important;
}

.category-button .category-title {
  color: rgba(0, 0, 0, 0.5) !important;
  transition: color 0.3s ease !important;
}

.category-button .category-desc {
  color: #8b8b8b !important;
  transition: color 0.3s ease !important;
}

/* ‘거의 다왔다곰!’ 텍스트 공통 스타일 */
.overlay-note {
  font-family: "Nanum Pen Script", cursive !important;
  color: #cfb094 !important ;
  font-size: 24px !important;
  line-height: 21px !important;
  letter-spacing: -0.48px !important;
  transform: rotate(-13deg) !important;
}

#moving-receipt-count .digit {
  font-family: 'JalnanGothic', 'Pretendard', sans-serif !important;
  display: inline-block;
  transition: transform 0.4s cubic-bezier(.64,.09,.08,1), color 0.4s;
  transform: translateY(0);
  color: #DD112C;
  font-weight: 700;
  font-size: 36px !important;
  line-height: 130% !important;
  letter-spacing: -0.72px !important;
}

#moving-receipt-count .digit.flip {
  transform: translateY(-0.4em);
  color: #ba0000;
}

#moving-receipt-count .comma {
  font-family: 'JalnanGothic', 'Pretendard', sans-serif !important;
  display: inline-block;
  color: #DD112C;
  font-weight: 700;
  font-size: 36px !important;
  line-height: 130% !important;
}

.lmt__cnt {
  font-family: 'Poppins', sans-serif !important;
}

.lmt__time {
  font-family: 'Poppins', sans-serif !important;
}