/* ── The pill container (input + button together) ── */
.c3-left-sidebar .wp-block-search__inside-wrapper {
  border-radius: 999px !important;        /* pill shape */
  overflow: hidden !important;            /* clips button corners */
  border: 2px solid #484646 !important;
  background: #222222 !important;
  padding: 0 !important;
}

/* ── Input field ── */
.c3-left-sidebar .wp-block-search__input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #cccccc;
  background: #222222 !important;
  padding: 6px 4px 6px 14px !important;  /* top right bottom left */
  font-size: 0.875rem !important;
  line-height: 1 !important;
  height: auto !important;
  min-height: unset !important;
}

/* ── Placeholder ── */
.c3-left-sidebar .wp-block-search__input::placeholder {
  color: #aaa !important;
  font-size: 0.875rem !important;
}

/* ── Focus — keep pill border, no ugly browser ring ── */
.c3-left-sidebar .wp-block-search__input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* ── Submit button ── */
.c3-left-sidebar .wp-block-search__button {
  border: none !important;
  background: var(--wp--preset--color--custom-accent-purple) !important;
  border-radius: 0 999px 999px 0 !important;  /* right side rounds, left stays flush */
  padding: 6px 10px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background 0.2s ease !important;
}

.c3-left-sidebar .wp-block-search__button:hover {
  background: #009aaa !important;
}

/* ── Search icon — bigger ── */
.c3-left-sidebar .wp-block-search__button .search-icon {
  width: 20px !important;
  height: 20px !important;
  fill: #fff !important;
  display: block !important;
}