/* Compact blog-sidebar search matching the existing SimplySolved sidebar. */
.ss-ai-search[data-layout="sidebar"] {
  width: 100% !important;
  max-width: 350px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ss-ai-search[data-layout="sidebar"] .ss-ai-search__form {
  width: 100% !important;
  max-width: 350px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.ss-ai-search[data-layout="sidebar"] .ss-ai-search__field {
  width: 100% !important;
  min-height: 54px !important;
  border: 2px solid #8b8b8b !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.ss-ai-search[data-layout="sidebar"] .ss-ai-search__icon,
.ss-ai-search[data-layout="sidebar"] .ss-ai-search__button {
  display: none !important;
}

.ss-ai-search[data-layout="sidebar"] .ss-ai-search__input {
  width: 100% !important;
  height: 52px !important;
  min-width: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  background: transparent !important;
  color: #303942 !important;
  font-size: 16px !important;
  line-height: 52px !important;
  box-shadow: none !important;
}

.ss-ai-search[data-layout="sidebar"] .ss-ai-search__input::placeholder {
  color: #59636d !important;
  opacity: 1 !important;
}

.ss-ai-search[data-layout="sidebar"] .ss-ai-search__field:focus-within {
  border-color: #008070 !important;
  box-shadow: 0 0 0 2px rgba(0, 128, 112, 0.08) !important;
}

@media (max-width: 700px) {
  .ss-ai-search[data-layout="sidebar"],
  .ss-ai-search[data-layout="sidebar"] .ss-ai-search__form {
    width: 100% !important;
    max-width: none !important;
  }
}
