/*
 * Send Listy Core 0.489 — Home favorite polish + functional Quick Add shopping search
 * Parent baseline: Core 0.487 Stable
 * Scope: presentation only. No list/favorite/item-library state or handlers changed.
 */

/* Favorite lists: show a clear gold star beside the quick card-color control. */
.send-list-app .sl-list-card-wrap.is-favorite .sl-card-top-actions::before{
  content:'★';
  display:grid;
  place-items:center;
  width:23px;
  height:27px;
  flex:0 0 23px;
  color:#f4b400;
  font-size:19px;
  font-weight:900;
  line-height:1;
  text-shadow:0 1px 1px rgba(92,64,0,.12);
  pointer-events:none;
}

/* Badge: only about 20% remains inside the card; the rest sits above the edge. */
.send-list-app .sl-list-card-wrap{
  padding-top:14px!important;
}
.send-list-app .sl-list-badge,
.send-list-app[dir="rtl"] .sl-list-badge{
  top:0!important;
  bottom:auto!important;
  transform:translateY(-80%)!important;
}
.send-list-app .sl-list-cards{
  padding-top:22px!important;
}

/* Item picker: keep the existing single search control prominent at the top. */
.sl-editor-item-library-search{
  z-index:4;
  background:#fff;
  border-radius:13px;
}
.sl-editor-item-library-search input{
  min-height:48px!important;
  border:1.5px solid #cddbd1!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(27,69,38,.05);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.sl-editor-item-library-search input:focus{
  border-color:#2f9e44!important;
  box-shadow:0 0 0 3px rgba(47,158,68,.12)!important;
  background:#fbfffb!important;
}
.sl-editor-item-library-search>span{
  color:#2f9e44!important;
  font-weight:800;
}

@media(max-width:650px){
  .send-list-app .sl-list-card-wrap{padding-top:15px!important}
  .send-list-app .sl-list-cards{padding-top:23px!important}
  .send-list-app .sl-list-card-wrap.is-favorite .sl-card-top-actions::before{
    width:21px;
    height:27px;
    flex-basis:21px;
    font-size:18px;
  }
  .sl-editor-item-library-search input{min-height:46px!important}
}


/* 0.489 — Quick Add Shopping: this is a different component from Editor Add Items. */
.sl-shop-search{
  position:relative;
  display:flex;
  align-items:center;
  margin:10px 0 9px;
}
.sl-shop-search>span{
  position:absolute;
  inset-inline-start:14px;
  z-index:1;
  color:#238b45;
  font-size:20px;
  line-height:1;
  pointer-events:none;
}
.sl-shop-search input{
  width:100%;
  min-height:48px;
  border:1.5px solid #cddbd1;
  border-radius:14px;
  background:#fff;
  padding:9px 14px 9px 42px;
  font:inherit;
  outline:0;
  box-shadow:0 2px 8px rgba(27,69,38,.05);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.send-list-app[dir="rtl"]~.sl-modal-overlay .sl-shop-search input,
[dir="rtl"] .sl-shop-search input{padding:9px 42px 9px 14px}
.sl-shop-search input:focus{
  border-color:#2f9e44;
  box-shadow:0 0 0 3px rgba(47,158,68,.12);
  background:#fbfffb;
}
.sl-shop-search-empty{
  padding:16px 12px;
  text-align:center;
  color:#77817a;
  font-size:.86rem;
}
@media(max-width:650px){
  .sl-shop-search input{min-height:46px}
}