.elementor-845 .elementor-element.elementor-element-ee21479{--display:flex;}.elementor-845 .elementor-element.elementor-element-88d6f76.elementor-element{--align-self:center;}/* Start custom CSS for container, class: .elementor-element-ee21479 */.custom-search-wrapper {
  display: none;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
  transition: opacity 0.3s ease, max-height 0.3s ease; /* Transição suave */
  max-height: 0; /* Esconde o campo inicialmente */
  overflow: hidden;
}

.custom-search-wrapper.active {
  display: flex;
  max-height: 100px; /* Ajuste conforme o tamanho do seu input */
  opacity: 1;
}

.custom-search-input {
  width: 45vw!important;
  padding: 5px 10px;
  border: none;
  border-bottom: 1px solid white;
  background: transparent;
color: white;
  outline: none;
  border-bottom: 1px solid;
  transition: width 0.3s ease, opacity 0.3s ease; /* Transição suave */
}

.custom-search-toggle-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.custom-search-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.custom-search-toggle svg {
  fill: white;
  width: 20px;
  height: 20px;
}

.search-icone-widget .elementor-widget-container {
  display: flex;
  flex-direction: row-reverse;
  margin-top: -4px;
}

.search-icone-widget{
    height: 60px
}

.custom-search-input::placeholder {
  color: white;
  opacity: 1; /* Garante que não fique translúcido */
}

.custom-search-input:focus {
  background: transparent !important;
  box-shadow: none;
}/* End custom CSS */