/* The plant names list under a field (assets/plant-suggest.js): the upload window, "התמונות שלי", the catalog search.
 * Change its look here only. */
.sc-suggest-host { position: relative; }
/* the arrow at the end of the field: opens every plant */
.sc-suggest-host > input[data-plant-suggest] { padding-inline-end: 38px; }
.sc-suggest-toggle { position: absolute; top: 50%; inset-inline-end: 6px; transform: translateY(-50%); display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--sc-c-muted); cursor: pointer; }
.sc-suggest-host > .sc-suggest ~ .sc-suggest-toggle, .sc-suggest-toggle:hover { color: var(--sc-c-primary); }
.sc-suggest { position: absolute; top: calc(100% + 4px); right: 0; left: 0; z-index: 40; max-height: 280px; overflow-y: auto; margin: 0; padding: 6px; list-style: none; border: 1px solid var(--sc-c-line); border-radius: 12px; background: var(--sc-c-card); box-shadow: 0 18px 40px -12px var(--sc-c-shadow); font-weight: 400; }
.sc-suggest li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; padding: 8px 12px; border-radius: 8px; color: var(--sc-c-text); font-size: .95rem; line-height: 1.4; cursor: pointer; }
.sc-suggest-en { font-style: italic; color: var(--sc-c-muted); font-size: .9em; } /* English first, then the Hebrew name (user, 2026-09-29) */
.sc-suggest li:hover, .sc-suggest li.is-on { background: var(--sc-c-panel); color: var(--sc-c-primary); }
/* a plant name that isn't in the list: red (plant-suggest.js checkPlant) */
input[data-plant-suggest].is-invalid { border-color: var(--sc-c-danger); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc-c-danger) 16%, transparent); }
/* the catalog's big round search: the list's round corners and the arrow sit inside the round field */
.sc-cat-search.sc-suggest-host > .sc-search { padding-inline-end: 54px; }
.sc-cat-search .sc-suggest-toggle { inset-inline-end: 12px; }
.sc-cat-search .sc-suggest { top: calc(100% + 6px); border-radius: 18px; max-height: 360px; }
.sc-cat-search .sc-search::-webkit-search-cancel-button { display: none; } /* the arrow takes that place */