/* Auto centri search (LIVE on company_results.php / auto-centri pages), 2026-10-12. Same look as #sn-search (search-new.css, live values). Scoped to #ac-search. */
.filter-fields .ac-search{float:none;width:100%}
#ac-search{box-sizing:border-box;width:100%;margin:0 0 20px;background:#fff;border-radius:8px;box-shadow:rgb(241,241,241) 0 3px 6px,rgba(0,0,0,.04) 0 1px 5px;padding:24px;font-family:Poppins,system-ui,sans-serif;color:#222;clear:both}
#ac-search *,#ac-search *:before,#ac-search *:after{box-sizing:border-box}
#ac-search .ac-title{margin:0 0 16px;padding:0;font-size:22px;line-height:1.3;font-weight:600;color:#222;text-transform:none;letter-spacing:0;border:0;background:none}
#ac-search .ac-form{margin:0}
#ac-search .ac-row{display:flex;gap:10px}
#ac-search .ac-field{flex:1;position:relative;margin:0;display:block;min-width:0}
#ac-search .ac-field svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#888;pointer-events:none;z-index:1}
#ac-search select{display:block;width:100%;height:54px;margin:0;border:1px solid #e3e6ea;background:#f6f7f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;padding:0 34px 0 46px;font:15px Poppins,sans-serif;color:#222;box-shadow:none;text-overflow:ellipsis}
#ac-search .ac-btn{height:54px;margin:0;border:0;background:#FFC107;color:#111;border-radius:4px;padding:0 34px;font:600 16px Poppins,sans-serif;cursor:pointer;box-shadow:none;text-transform:none;width:auto}
#ac-search .ac-btn:hover{background:#ffb300}
#ac-search select:focus-visible,#ac-search .ac-btn:focus-visible{outline:2px solid #b58300;outline-offset:2px}
@media(max-width:767px){
  #ac-search{padding:16px;margin:0 0 15px}
  #ac-search .ac-title{font-size:18px}
  #ac-search .ac-row{flex-direction:column}
  #ac-search .ac-btn{width:100%}
}
/* .filter-fields is a flex row (theme): the card takes the full row, sort goes below on the right. */
.filter-fields:has(#ac-search){flex-wrap:wrap}
.filter-fields #ac-search{flex:0 0 100%;max-width:100%}
.filter-fields:has(#ac-search) .search-sort{margin-left:auto}

/* 2026-10-12: mobile sort bar (same look as results-mobile sort) */
@media (max-width:768px){
  .filter-fields .search-sort.ac-sortbar,.ac-sortbar{float:none;flex:0 0 100%;width:100%;max-width:100%;margin:12px 0 0;clear:both}
  .ac-sortbar .formRow,.ac-sortbar form{width:100%;box-sizing:border-box;margin:0;padding:0 6px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .ac-sortbar .ac-count{font:400 14px Poppins,system-ui,sans-serif;color:#555;white-space:nowrap}
  .ac-sortbar #sort{flex:0 0 auto;margin-left:auto !important;width:auto;min-width:140px;height:44px;margin:0;padding:0 34px 0 14px;border:1px solid #e3e6ea;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#222;font:500 15px Poppins,system-ui,sans-serif;box-shadow:0 1px 3px rgba(20,30,50,.05);line-height:normal}
}
@media (min-width:769px){.ac-sortbar .ac-count{display:none}}