.sikaji-query-completion { position: relative; flex: 1 1 0; min-width: 0; }
.sikaji-query-completion > .form-control { width: 100%; }
.sikaji-query-options { position: absolute; top: 100%; left: 0; right: 0; z-index: 30; margin: 4px 0 0; padding: 4px; list-style: none; background: #fff; color: #243f79; border: 1px solid #b8c8e3; border-radius: 8px; box-shadow: 0 8px 20px #172b4d26; max-height: 300px; overflow-y: auto; }
.sikaji-query-options[hidden] { display: none; }
.sikaji-query-options [role="option"] { padding: 12px; cursor: pointer; line-height: 1.5; overflow-wrap: anywhere; font-size: 1rem; }
.sikaji-query-group-heading { padding: 8px 12px 4px; font-size: .875rem; font-weight: 600; }
.sikaji-query-options [aria-selected="true"], .sikaji-query-options [role="option"]:hover { background: #eaf0f9; }
.sikaji-query-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.sikaji-query-status.is-empty { display: block; position: static; width: auto; height: auto; clip: auto; white-space: normal; padding-top: 6px; font-size: .875rem; }
@media (max-width: 575px) { .sikaji-quick-search-fields > .sikaji-query-completion { flex-basis: auto; width: 100%; } }
/* Keep the explicit search button below, not behind, advanced suggestions on mobile. */
@media (max-width: 767px) { #sikaji-advanced-search-form .sikaji-query-options { position: static; max-height: 260px; } }