/* *******************************************************************
  ==== SUMMARY ====
  - BASE
  - BUTTON
  - DROPDOWN
  - DROPDOWN > CATEGORY
  - INPUT
  - INPUT > FIX BROWSER
  - RESULT
  - POP_UP
******************************************************************* */

/* ===================================================================
  BASE
=================================================================== */

.electron-header .electron-ajax-product-search-form {
  background-color: rgba(0, 123, 255, 0.25) !important;
  border: 2px solid #007bff !important;
}

.electron-ajax-search-input {
  color: #000 !important;
}

/* ===================================================================
  BUTTON
=================================================================== */

.electron-header .electron-ajax-search-submit,
.electron-header .electron-ajax-close-search-results {
  background-color: #007bff !important;
  border: 2px solid #007bff !important;
}

.electron-header .electron-ajax-search-submit svg,
.electron-header .electron-ajax-close-search-results svg {
  fill: #fff !important;
}

.electron-header .electron-ajax-search-submit:hover,
.electron-header .electron-ajax-close-search-results:hover {
  background-color: transparent !important;
}

.electron-header .electron-ajax-search-submit:hover svg,
.electron-header .electron-ajax-close-search-results:hover svg {
  fill: #000 !important;
}

/* ===================================================================
  DROPDOWN
=================================================================== */

.electron-header .category-select-wrapper,
.electron-header .category-select-wrapper.active {
  width: 20% !important;
}

.electron-header .category-select-wrapper {
  border: 2px solid transparent !important;
  border-left: 2px solid #007bff !important;
}

.electron-header .category-select-wrapper .electron-ajax-selected {
  color: #000 !important;
}

.electron-header .category-select-wrapper:hover .electron-ajax-selected {
  color: #ff5722 !important;
}

/* ===================================================================
  DROPDOWN > CATEGORY
=================================================================== */

.electron-header .category-select-wrapper .category-list {
  background-color: #007bff !important;
  border: 2px solid transparent !important;
}

.electron-header .category-select-wrapper .category-list .cat-item {
  color: #fff !important;
}

.electron-header .category-select-wrapper .category-list .cat-item:hover {
  color: #ff8c42 !important;
}

/* ===================================================================
  INPUT
=================================================================== */

.electron-header .electron-ajax-search-input {
  color: #000 !important;
  width: 80% !important;
}

.electron-header .electron-ajax-search-input:focus,
.electron-header .electron-ajax-search-input:active {
  background-color: #007bff !important;
  color: #fff !important;
}

.electron-header .electron-ajax-search-input::placeholder {
  color: #212121 !important;
  font-style: italic !important;
}

.electron-header .electron-ajax-search-input:focus::placeholder,
.electron-header .electron-ajax-search-input:active::placeholder {
  color: #e9e9e9 !important;
}

/* ===================================================================
  INPUT > FIX BROWSER
=================================================================== */

.electron-header
  .electron-ajax-product-search-form
  input:is(:-webkit-autofill, :autofill),
.electron-header
  .electron-ajax-product-search-form
  input:is(:-webkit-autofill, :autofill):hover,
.electron-header
  .electron-ajax-product-search-form
  input:is(:-webkit-autofill, :autofill):focus,
.electron-header
  .electron-ajax-product-search-form
  input:is(:-webkit-autofill, :autofill):active {
  -webkit-box-shadow: 0 0 0 30px #007bff inset !important;
  -webkit-text-fill-color: #fff !important;
  animation: autofill 1s both !important;
  color: #fff !important;
  background-color: #007bff !important;
  border: 1px solid #007bff !important;
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

@keyframes autofill {
  0% {
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
  }

  100% {
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
  }
}

/* ===================================================================
  RESULT
=================================================================== */

.electron-header .electron-ajax-search-results {
  background-color: #fff !important;
  border: 2px solid #007bff !important;
  color: #fff !important;
}

.electron-header .electron-ajax-search-results li {
  border-color: #007bff !important;
}

.electron-header
  .electron-ajax-search-results
  .electron-ajax-product-price.price,
.electron-header
  .electron-ajax-search-results
  .electron-ajax-product-price.price
  ins {
  color: #007bff !important;
}

.electron-header
  .electron-ajax-search-results
  .electron-ajax-product-price.price
  del {
  color: red !important;
}

.electron-header
  .electron-ajax-search-results
  .electron-small-title.electron-stock-status {
  color: green !important;
}

/* ===================================================================
  POP_UP
=================================================================== */

.panel-close {
  background-color: #007bff !important;
  color: #fff !important;
}