/* van 定制主题 and 样式覆盖 */
// 样式变量 https://github.com/youzan/vant-weapp/blob/dev/packages/common/style/var.less
page {
  /* Vant var 覆盖 */
  // Border
  --border-color: #f2f2f2; // 边框颜色

  // Padding
  --padding-xs: 22rpx;

  // Tabs
  --tabs-line-height: 80rpx;
  --tabs-bottom-bar-color: var(--color-primary);
  --tab-active-text-color: var(--text-color-base);
  --tab-text-color: var(--color-gray-2);

  // Button
  --button-primary-background-color: var(--color-primary);
  --button-primary-border-color: var(--color-primary);
  // --button-default-background-color: transparent;
  // --button-plain-background-color: transparent;
  --button-default-border-color: var(--color-gray-2);
  --button-default-color: var(--color-gray-2);
  --button-normal-font-size: 32rpx;
  --button-default-font-size: 32rpx;
  --button-border-radius: 16rpx;
  --button-round-border-radius: 45rpx;
  --button-mini-height: 45rpx;
  --button-small-height: 60rpx;
  --button-default-height: 80rpx;
  --button-large-height: 90rpx;

  // Checkbox
  --checkbox-checked-icon-color: var(--color-primary);

  // Radio
  --radio-checked-icon-color: var(--color-primary);

  // Notice
  --notice-bar-height: 60rpx;
  --notice-bar-padding: 0 25rpx;
  --notice-bar-font-size: var(--font-size-lg);
  --notice-bar-background-color: var(--color-orange-light);
  --notice-bar-text-color: var(--color-primary);

  // input
  --field-input-text-color: var(--color-grey-0);
  --field-placeholder-text-color: var(--color-grey-2);

  // Dialog
  --dialog-width: 510rpx;
  --dialog-border-radius: 18rpx;
  --dialog-message-font-size: var(--font-size-lg);
  --dialog-has-title-message-text-color: #666f83;

  // Popup
  --popup-round-border-radius: 26rpx;

  // Divider
  --divider-border-color: var(--color-gray-3);

  // Switch
  --switch-width: 80rpx;
  --switch-height: 40rpx;
  --switch-node-size: 40rpx;
  --switch-on-background-color: var(--color-green);
  --switch-background-color: #c5cad5;

  // Search
  --search-padding: 10px var(--padding-size-base);

  // Cell
  // --cell-active-color: transparent;
}

/* van-dialog */
.van-dialog__header {
  font-size: var(--font-size-xl);
  color: var(--color-gray-0);
}

.van-dialog__message {
  padding-bottom: 32rpx !important;
}

.van-button.dialog-index--van-dialog__cancel,
.van-button.dialog-index--van-dialog__confirm {
  font-size: var(--font-size-xl) !important;
  border-radius: 0 !important;
}

.dialog-index--van-dialog__confirm {
  color: var(--color-primary) !important;
}

/* van-button */
.van-button--large {
  font-size: var(--font-size-xxxl) !important;
}

.van-button--plain.van-button--primary {
  &::before {
    background-color: var(--color-primary);
  }
}

.van-button--disabled {
  &::before {
    background-color: transparent !important;
  }
}

.van-notice-bar__right-icon {
  top: 50% !important;
  right: 12rpx !important;
  transform: translateY(-50%);
}

/* van-search */
.van-search__action {
  background: transparent !important;
}