/* OBEPRO Ivory Search Header Polish (Astra)
   Targets Ivory Search form ID 2307 and common Ivory Search classes. */

#is-search-form-2307,
#is-2307 .is-search-form,
#is-2307 form.is-search-form {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 720px;
}

/* Make it expand nicely inside Astra header rows */
.ast-header-search #is-search-form-2307,
.ast-header-widget-area #is-search-form-2307,
.ast-header-html-1 #is-search-form-2307,
.ast-header-html-2 #is-search-form-2307,
.ast-header-html-3 #is-search-form-2307 {
  max-width: 720px;
  width: 100%;
}

/* Input */
#is-search-form-2307 input.is-search-input,
#is-search-form-2307 input[type="search"],
#is-2307 input.is-search-input {
  flex: 1;
  min-width: 0;
  height: 44px;
  border-radius: 10px;
  padding: 10px 12px 10px 44px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.08);
  color: inherit;
  outline: none;

  /* Search icon (CSS-only) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-opacity='.75' d='M10 4a6 6 0 1 1 3.73 10.7l4.79 4.8-1.42 1.41-4.8-4.79A6 6 0 0 1 10 4Zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 18px 18px;
}

/* Button */
#is-search-form-2307 button.is-search-submit,
#is-search-form-2307 button[type="submit"],
#is-2307 button.is-search-submit {
  height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.12);
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}

#is-search-form-2307 button.is-search-submit:hover,
#is-search-form-2307 button[type="submit"]:hover {
  background: rgba(255,255,255,0.18);
}

/* Mobile: full width + tighter spacing */
@media (max-width: 768px) {
  #is-search-form-2307,
  #is-2307 .is-search-form,
  #is-2307 form.is-search-form {
    max-width: 100%;
    gap: 8px;
  }
  #is-search-form-2307 button.is-search-submit,
  #is-search-form-2307 button[type="submit"] {
    padding: 0 12px;
  }
}

/* Optional: If Ivory AJAX dropdown exists, keep it readable on dark headers */
#is-2307 .is-ajax-search-result,
#is-2307 .is-ajax-search-result * {
  color: #111;
}