// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

.el-dropdown-link {
  cursor: pointer;
  color: #FF9326;
}
.el-icon-arrow-down {
  font-size: 12px;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

// .el-drawer
.el-drawer__body {
  overflow: auto;
}

// 设置表头颜色
.el-table thead tr th{
  background:#FFF7ED !important;
  color:#6E5138;
}

.el-table th.el-table__cell {
  vertical-align: middle;
}

.el-table th.el-table__cell > .cell {
  white-space: normal !important;
  word-break: normal;
  overflow-wrap: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.35;
  height: auto !important;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}

.el-table th.is-center > .cell {
  justify-content: center;
}

.el-table th.is-right > .cell {
  justify-content: flex-end;
}

.el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell {
  border-bottom: none !important;
}

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #EBEEF5 !important;
}

// 隐藏上传按钮
.upload-but-hide {
  .el-upload--picture-card {
    display: none;
  }
  .upload-but,.el-upload--text {
    display: none;
  }
}

// 图片错误占位
.image-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  color: #909399;
  font-size: 18px;
}

// 上传图片card 小号
.upload-small {
  .el-upload--picture-card{
    width: 100px;
    height: 100px;
  }
 .el-upload{
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
 .el-upload-list--picture-card .el-upload-list__item{
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
 .el-upload-list--picture-card .el-upload-list__item-thumbnail{
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: none;
  }
}

// el-drawer 尺寸适配
.drawer-auto-layout {
  width: 30% !important;
}

/* 小于等于 1200px */
@media (max-width: 1400px) {
  .drawer-auto-layout {
    width: 40% !important;
  }
}

/* 小于等于 1200px */
@media (max-width: 1200px) {
  .drawer-auto-layout {
    width: 50% !important;
  }
}

/* 小于等于 900px */
@media (max-width: 900px) {
  .drawer-auto-layout {
    width: 60% !important;
  }
}

/* 小于等于 800px */
@media (max-width: 800px) {
  .drawer-auto-layout {
    width: 70% !important;
  }
}

/* 小于等于 770px */
@media (max-width: 770px) {
  .drawer-auto-layout {
    width: 100% !important;
  }
}

.drawer-footer {
  position:absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  background: #FFFFFF;
  padding: 20px 50px;
  z-index: 9;
  text-align: right;
}

.drawer-form {
  padding: 0px 20px 80px 20px;
}

/**
* el-input
*/
.el-input-group__prepend,.el-input-group__append {
  width: 90px !important;
}

.el-button {
  border-radius: 12px;
  font-weight: 500;
  transition: all .2s ease;
}

.el-button + .el-button {
  margin-left: 10px;
}

.el-button--primary {
  border-color: #FF9326;
  background: linear-gradient(135deg, #FF9326 0%, #FEB219 100%);
  box-shadow: 0 10px 20px rgba(255, 147, 38, 0.22);
}

.el-button--primary:hover,
.el-button--primary:focus {
  border-color: #FF9F3C;
  background: linear-gradient(135deg, #FFA94D 0%, #FFC54A 100%);
  box-shadow: 0 12px 24px rgba(255, 147, 38, 0.28);
}

.el-button--primary:active {
  border-color: #F08414;
  background: linear-gradient(135deg, #F08414 0%, #F5A900 100%);
}

.el-button--default {
  border-color: rgba(255, 147, 38, 0.22);
  color: #8C5B2A;
  background-color: #FFF9F2;
}

.el-button--default:hover,
.el-button--default:focus {
  border-color: #FFBE71;
  color: #FF9326;
  background-color: #FFF1E3;
}

.el-button--text {
  color: #FF9326;
}

.el-button--text:hover,
.el-button--text:focus {
  color: #E47E17;
}

.el-input__inner,
.el-textarea__inner,
.el-input-number,
.el-input-number__decrease,
.el-input-number__increase {
  border-radius: 12px;
}

.el-input__inner:focus,
.el-textarea__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-date-editor.el-input__inner:focus,
.el-date-editor .el-input__inner:focus {
  border-color: #FF9326;
  box-shadow: 0 0 0 3px rgba(255, 147, 38, 0.12);
}

.el-select-dropdown,
.el-picker-panel,
.el-dropdown-menu,
.el-popover,
.el-cascader__dropdown,
.el-message-box {
  border-radius: 16px;
  border-color: rgba(255, 147, 38, 0.15);
  box-shadow: 0 18px 40px rgba(89, 55, 18, 0.16);
}

.el-card,
.el-table,
.el-dialog,
.el-drawer,
.el-collapse-item__wrap,
.el-collapse-item__header {
  border-radius: 18px;
}

.el-table,
.el-card {
  border: 1px solid rgba(255, 147, 38, 0.12);
}

.el-table::before {
  height: 0;
}

.el-dialog,
.el-message-box {
  overflow: hidden;
  border: 1px solid rgba(255, 147, 38, 0.15);
  box-shadow: 0 24px 50px rgba(89, 55, 18, 0.18);
}

.el-dialog__header,
.el-message-box__header {
  background: linear-gradient(180deg, #FFF8EF 0%, #FFFDFB 100%);
  border-bottom: 1px solid rgba(255, 147, 38, 0.08);
}

.el-dialog__body,
.el-dialog__footer {
  background: #FFFDFB;
}

.dialog-footer,
.drawer-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.dialog-footer .el-button + .el-button,
.drawer-footer .el-button + .el-button {
  margin-left: 0;
}

.dialog-footer .el-button--primary,
.drawer-footer .el-button--primary {
  order: -1;
}

.el-tabs__item {
  color: #8C6D50;
}

.el-tabs__item:hover,
.el-tabs__item.is-active {
  color: #FF9326;
}

.el-tabs__active-bar {
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #FF9326 0%, #FEB219 100%);
}

.el-tabs__nav-wrap::after {
  background-color: rgba(255, 147, 38, 0.12);
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-switch.is-checked .el-switch__core {
  border-color: #FF9326;
  background-color: #FF9326;
}

.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #FF9326;
}

.el-checkbox__inner:hover,
.el-radio__inner:hover {
  border-color: #FF9326;
}

.el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
  border-radius: 10px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #FF9326;
}

.el-tag {
  border-radius: 999px;
}

.el-form.i18n-form {
  --i18n-form-label-width: 132px;

  .el-form-item__label-wrap {
    display: flex;
    align-items: center;
  }

  .el-form-item__label {
    width: var(--i18n-form-label-width) !important;
    min-height: 36px;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    line-height: 1.35;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
  }

  .el-form-item__content {
    margin-left: var(--i18n-form-label-width) !important;
    min-height: 36px;
  }
}

.el-form.i18n-form.i18n-form--wide {
  --i18n-form-label-width: 150px;
}

.el-form.i18n-form.i18n-form--narrow {
  --i18n-form-label-width: 116px;
}

@media (max-width: 768px) {
  .el-form.i18n-form,
  .el-form.i18n-form.i18n-form--wide,
  .el-form.i18n-form.i18n-form--narrow {
    --i18n-form-label-width: 116px;
  }
}

.el-backtop {
  background: linear-gradient(135deg, #FF9326 0%, #FEB219 100%);
  color: #FFFFFF;
  box-shadow: 0 12px 28px rgba(255, 147, 38, 0.28);
}

