/* Container (mimicking flex utilities, alignment, spacing) */
.search-public .form--inline.clearfix,
.search-licensed .form--inline.clearfix {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem; /* approximate .space-x-* or .gap-* */
  margin: 1rem 0; /* some spacing above and below */
}

/* Hide the 'Search' label for the main search input. */
.search-public .form--inline.clearfix label[for="edit-search-api-fulltext"],
.search-licensed .form--inline.clearfix label[for="edit-search-api-fulltext"] {
  display: none;
}

/* Label styling (typical Tailwind .text-gray-700 + .font-semibold) */
.search-public .form--inline.clearfix label,
.search-licensed .form--inline.clearfix label {
  color: #374151; /* text-gray-700 */
  font-weight: 600; /* font-semibold */
  margin-right: 0.5rem;
}

/* The text input (similar to .px-4, .py-2, .border, .rounded, etc.) */
.search-public .form--inline.clearfix input.form-text[type="text"],
.search-licensed .form--inline.clearfix input.form-text[type="text"] {
  flex: 1 1 auto; /* let it stretch */
  padding: 0.5rem 1rem; /* py-2 px-4 */
  border: 1px solid #d1d5db; /* border-gray-300 */
  border-radius: 0.375rem; /* rounded-md */
  font-size: 1rem; /* text-base */
  outline: none; /* remove default outline */
  transition: border-color 0.2s ease-in-out; /* smooth hover/focus transitions */
}

/* Focus state (similar to .focus:border-blue-500) */
.search-public .form--inline.clearfix input.form-text[type="text"]:focus,
.search-licensed .form--inline.clearfix input.form-text[type="text"]:focus {
  border-color: #3b82f6; /* border-blue-500 */
}

/* Description text (optional styling) */
.search-public .description,
.search-licensed .description {
  display: none;
}

/* The submit button (akin to Tailwind .bg-blue-500, .text-white, .rounded) */
.search-public .form--inline.clearfix input[type="submit"],
.search-licensed .form--inline.clearfix input[type="submit"] {
  background-color: #3b82f6; /* bg-blue-500 */
  color: #ffffff; /* text-white */
  font-weight: 600; /* font-semibold */
  padding: 0.5rem 1rem; /* py-2 px-4 */
  border: none;
  border-radius: 0.375rem; /* rounded-md */
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

/* Hover state (similar to .hover:bg-blue-600) */
.search-public .form--inline.clearfix input[type="submit"]:hover,
.search-licensed .form--inline.clearfix input[type="submit"]:hover {
  background-color: #2563eb;
}