/* 样式定制 */
.at-calendar {
  // 仅缩放宽度，防止上下抖动
  // transform: scale(0.9, 1);
  // width: 92%;

  padding: 0 36rpx;
  margin: 0 auto;
  color: #333;
  .at-calendar__controller {
    position: relative;
    height: 40rpx;
    .calendar-top-date-btn {
      position: absolute;
      left: -10rpx;
      font-size: 36rpx;
      font-family: Poppins;
      // font-weight: 600;
    }
  }

  .at-calendar__list.flex .flex__item-container {
    width: 60rpx;
    height: 60rpx;
  }
}
.at-calendar__header .header__flex-item {
  width: 22rpx;
  //height: 19rpx;
  font-size: 24rpx !important;
  font-weight: 500;
  color: #666;
}

// 覆盖组件原本样式
.at-calendar .at-calendar__list.flex .flex__item {
  font-size: 24rpx !important;
  color: #333;
  font-weight: 400;
  margin: 8rpx 0;
}

// 覆盖组件原本样式
.at-calendar .at-calendar__list.flex .flex__item--blur {
  color: #ccc;
}

// 覆盖组件原本样式: 当月文字颜色 #333
.at-calendar .at-calendar__list.flex .flex__item--now {
  color: #333;
}

.at-calendar__list.flex .flex__item--today {
  color: #333 !important;
  font-weight: 400 !important;
  .flex__item-container {
    position: relative;
    background: linear-gradient(0deg, #fff0da, #ffe4c0);
    border-radius: 50%;
  }
}

// .at-calendar__list.flex .flex__item--selected {
//   .flex__item-container {
//     position: relative;
//     background: linear-gradient(0deg, #fff0da, #ffe4c0);
//     border-radius: 50%;
//   }
// }

.at-calendar__list.flex .flex__item--complete {
  color: #333 !important;
  font-weight: 400 !important;
  .flex__item-container {
    position: relative;
    &::before {
      display: block;
      content: "";
      border-radius: 50%;
      border: 4rpx solid transparent;
      background: linear-gradient(0deg, #fff0da, #ffe4c0) border-box; /* 2 */
      -webkit-mask: linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0); /* 3 */
      -webkit-mask-composite: xor; /* 4 */
      mask-composite: exclude;
      position: absolute;
      width: 60rpx;
      height: 60rpx;
      box-sizing: border-box;
    }
  }
}

.at-calendar__list.flex .flex__item--incomplete {
  color: #333;
  font-weight: 400 !important;
  .flex__item-container {
    position: relative;
    &::before {
      display: block;
      content: "";
      border-radius: 50%;
      border: 4rpx solid transparent;
      background: #f2f2f2;
      -webkit-mask: linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0); /* 3 */
      -webkit-mask-composite: xor; /* 4 */
      mask-composite: exclude;
      position: absolute;
      width: 60rpx;
      height: 60rpx;
      box-sizing: border-box;
    }
  }
}

.at-calendar__list.flex .flex__item--selected .flex__item-container {
  color: #333 !important;
  background-color: #fff;
  border: none;
}

// 覆盖组件原本样式
.at-calendar
  .at-calendar__list.flex
  .flex__item--selected-head.flex__item--selected-tail
  .flex__item-container {
  background-color: #fff;
}

.at-calendar__list.flex .flex__item-container {
  width: 60rpx;
  height: 60rpx;
}

.arrow_box {
  width: 80rpx;
  height: 40rpx;
  margin: 0 auto;
  // margin-bottom: ;
  // padding: 40rpx 80rpx 14rpx;
}
.arrow {
  transform: rotate(180deg);
  transition-property: all;
  transition-duration: 0.5s;
  width: 24rpx;
  height: 100%;
  margin: 0 auto;
}

.arrow-rotate {
  transform: rotate(0);
}

// 日历高度
.at-calendar-slider__main--weapp,
.at-calendar-slider__main--swan {
  // 展开高度
  .main__body {
    height: 400rpx;
  }
  // 折叠高度
  .main__body.main__body--isFolding {
    height: 80px;
  }
}
/* 样式定制 */
