@import '../../../common/index.wxss';

.van-calendar {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  background-color: var(--calendar-background-color,#fff);
}

.van-calendar__month-title {
  text-align: center;
  height: 88rpx;
  height: var(--calendar-header-title-height,88rpx);
  font-weight: 500;
  font-weight: var(--font-weight-bold,500);
  font-size: 28rpx;
  font-size: var(--calendar-month-title-font-size,28rpx);
  line-height: 88rpx;
  line-height: var(--calendar-header-title-height,88rpx);
}

.van-calendar__days {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-user-select: none;
  user-select: none;
}

.van-calendar__month-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  pointer-events: none;
  color: rgba(242,243,245,.8);
  color: var(--calendar-month-mark-color,rgba(242,243,245,.8));
  font-size: 320rpx;
  font-size: var(--calendar-month-mark-font-size,320rpx);
}

.van-calendar__day,
.van-calendar__selected-day {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

.van-calendar__day {
  position: relative;
  width: 14.285%;
  height: 128rpx;
  height: var(--calendar-day-height,128rpx);
  font-size: 32rpx;
  font-size: var(--calendar-day-font-size,32rpx);
}

.van-calendar__day--end,
.van-calendar__day--multiple-middle,
.van-calendar__day--multiple-selected,
.van-calendar__day--start,
.van-calendar__day--start-end {
  color: #fff;
  color: var(--calendar-range-edge-color,#fff);
  background-color: #ee0a24;
  background-color: var(--calendar-range-edge-background-color,#ee0a24);
}

.van-calendar__day--start {
  border-radius: 8rpx 0 0 8rpx;
  border-radius: var(--border-radius-md,8rpx) 0 0 var(--border-radius-md,8rpx);
}

.van-calendar__day--end {
  border-radius: 0 8rpx 8rpx 0;
  border-radius: 0 var(--border-radius-md,8rpx) var(--border-radius-md,8rpx) 0;
}

.van-calendar__day--multiple-selected,
.van-calendar__day--start-end {
  border-radius: 8rpx;
  border-radius: var(--border-radius-md,8rpx);
}

.van-calendar__day--middle {
  color: #ee0a24;
  color: var(--calendar-range-middle-color,#ee0a24);
}

.van-calendar__day--middle:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  content: "";
  opacity: .1;
  opacity: var(--calendar-range-middle-background-opacity,.1);
}

.van-calendar__day--disabled {
  cursor: default;
  color: #c8c9cc;
  color: var(--calendar-day-disabled-color,#c8c9cc);
}

.van-calendar__bottom-info,
.van-calendar__top-info {
  position: absolute;
  right: 0;
  left: 0;
  font-size: 20rpx;
  font-size: var(--calendar-info-font-size,20rpx);
  line-height: 28rpx;
  line-height: var(--calendar-info-line-height,28rpx);
}

@media (max-width:350px) {
  .van-calendar__bottom-info,
  .van-calendar__top-info {
    font-size: 18rpx;
  }
}

.van-calendar__top-info {
  top: 12rpx;
}

.van-calendar__bottom-info {
  bottom: 12rpx;
}

.van-calendar__selected-day {
  width: 108rpx;
  width: var(--calendar-selected-day-size,108rpx);
  height: 108rpx;
  height: var(--calendar-selected-day-size,108rpx);
  color: #fff;
  color: var(--calendar-selected-day-color,#fff);
  background-color: #ee0a24;
  background-color: var(--calendar-selected-day-background-color,#ee0a24);
  border-radius: 8rpx;
  border-radius: var(--border-radius-md,8rpx);
}