/* =================== متغیرها =================== */

/* =================== Buttons =================== */
.ant-btn-primary {
  background-color: @App-primary-color !important;
  border-color: @App-primary-color !important;
  color: #fff !important;

  &:hover {
    background-color: @App-primary-color !important;
    border-color: @App-primary-color !important;
    color: #fff !important;

  }

  &:active {
    background-color: @App-primary-color !important;
    border-color: @App-primary-color !important;
    color: #fff !important;

  }

  &:disabled {
    background-color: #f5f5f5 !important;
    border-color: #d9d9d9 !important;
    cursor: not-allowed !important;

  }
}

//.ant-btn {
//  &:hover {
//    border-color: @App-primary-color !important;
//    box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
//    color: @App-primary-color !important;
//  }
//
//  &.ant-input-focused {
//    border-color: @App-primary-color !important;
//    box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
//    color: @App-primary-color !important;
//  }
//
//  &:focus {
//    border-color: @App-primary-color !important;
//    box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
//    color: @App-primary-color !important;
//  }
//}
.ant-btn-default:hover,
.ant-btn-default:focus {
  border-color: @App-primary-color !important;
  color: @App-primary-color !important;
}
/* =================== Links =================== */
.ant-typography a,
.ant-typography a:hover,
.ant-typography a:active {
  color: @App-primary-color !important;
}

/* =================== Badge =================== */
.ant-badge-status-processing {
  background-color: @App-primary-color !important;
}

/* =================== Input =================== */
//.ant-input,
//.ant-input:hover,
//.ant-input-focused,
//.ant-input:focus {
//  border-color: @App-primary-color !important;
//  box-shadow: 0 0 0 2px rgba(10,27,55,0.2) !important; /* fallback برای hover */
//}
.ant-input {
  &:hover {
    border-color: @App-primary-color !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
  }

  &.ant-input-focused {
    border-color: @App-primary-color !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
  }

  &:focus {
    border-color: @App-primary-color !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
  }
}
.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused{
  border-color: @App-primary-color !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
}

/* =================== Select =================== */
.ant-select-focused,
.ant-select:hover,
.ant-select-selection {
  border-color: @App-primary-color !important;
  box-shadow: none
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector{
  border-color: @App-primary-color !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
}


/* =================== Radio =================== */
.ant-radio-checked .ant-radio-inner {
  border-color: @App-primary-color !important;
  background-color: @App-primary-color !important;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked{
  border-color: @App-primary-color !important;
  background-color: @App-primary-color !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before{
  background-color: @App-primary-color !important;

}

/* =================== Checkbox =================== */
.ant-checkbox-checked .ant-checkbox-inner {
  border-color: @App-primary-color !important;
  background-color: @App-primary-color !important;
}

/* =================== Switch =================== */
.ant-switch-checked {
  background-color: @App-primary-color !important;
}

/* =================== Tag =================== */
//.ant-tag-blue {
//  background-color: @App-primary-color !important;
//  color: #fff !important;
//  border-color: @App-primary-color !important;
//}

/* =================== Slider =================== */
.ant-slider-track {
  background-color: @App-primary-color !important;
}
.ant-slider-handle {
  border-color: @App-primary-color !important;
}

/* =================== Menu =================== */
.ant-menu-item-selected {
  background-color: @App-primary-color !important;
}
.ant-menu-item-selected a {
  color: #fff !important;
}

/* =================== Pagination =================== */
.ant-pagination-item-active {
  background-color: @App-primary-color !important;
  border-color: @App-primary-color !important;
}

/* =================== Tooltip =================== */
.ant-tooltip-arrow-content {
  background-color: @App-primary-color !important;
}

/* =================== Tabs =================== */
.ant-tabs-tab-active {
  color: @App-primary-color !important;
}

/* =================== Card =================== */
.ant-card-head-title a {
  color: @App-primary-color !important;
}

/* =================== Steps =================== */
.ant-steps-item-process .ant-steps-item-icon,
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: @App-primary-color !important;
}

/* =================== Alert =================== */
.ant-alert-success .ant-alert-icon,
.ant-alert-info .ant-alert-icon,
.ant-alert-warning .ant-alert-icon,
.ant-alert-error .ant-alert-icon {
  color: @App-primary-color !important;
}

/* =================== Divider =================== */
//.ant-divider-horizontal {
//  border-top-color: @App-primary-color !important;
//}

/* =================== Checkbox / Radio Hover =================== */
.ant-checkbox:hover .ant-checkbox-inner,
.ant-radio:hover .ant-radio-inner {
  border-color: @App-primary-color !important;
}

/* =================== Disabled =================== */
.ant-checkbox-disabled .ant-checkbox-inner,
.ant-radio-disabled .ant-radio-inner {
  background-color: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
  border-color: 0 0 0 2px color-mix(in srgb, @App-primary-color 20%, transparent) !important;
}

.ant-spin-dot-item {
  background-color: @App-primary-color !important;
}

.ant-spin-dot i {
  background-color: @App-primary-color !important;
}