/* RezepteChef Child — reprise de « SEARCH » (Simple Custom CSS and JS n°420).
*/

#search-drawer.popup-drawer,
#search-drawer.popup-drawer .drawer-inner,
#search-drawer.popup-drawer .drawer-content {
  background: #fff3ef !important;
  background-color: #fff3ef !important;
}

#search-drawer.popup-drawer .drawer-overlay {
  background: #fff3ef !important;
  background-color: #fff3ef !important;
  opacity: 1 !important;
}

#search-drawer .drawer-inner input.search-field {
  background: #ffffff !important;
  color: #111 !important;
  border: 2px solid #ff5a2a !important;
  border-radius: 16px !important;
  padding: 16px 80px 16px 20px !important;
  font-size: 20px !important;
  box-shadow: 0 18px 45px rgba(255,90,42,0.12) !important;
}

#search-drawer .drawer-inner input.search-field::placeholder {
  color: #777 !important;
}

#search-drawer .drawer-inner input.search-field:focus {
  border-color: #ff5a2a !important;
  box-shadow: 0 0 0 4px rgba(255,90,42,0.18) !important;
  outline: none !important;
}

#search-drawer .drawer-inner .kadence-search-icon-wrap,
#search-drawer .drawer-inner .kadence-search-svg {
  color: #ff5a2a !important;
  fill: #ff5a2a !important;
}

#search-drawer .drawer-header,
#search-drawer .drawer-header button,
#search-drawer .drawer-toggle {
  color: #111 !important;
}