/* Frontend styles for BV Store Search & Filter */
:root{
  --bvssf-primary-color:#272276;
  --bvssf-button-text-color:#ffffff;
  --bvssf-border-color:#272276;
  --bvssf-radius:0px;
  --bvssf-field-height:52px;
  --bvssf-gap:18px;
}

.bvssf-form{display:flex;flex-direction:column;gap:var(--bvssf-gap);width:100%}
.bvssf-search-row{width:100%}
.bvssf-searchwrap{position:relative}
.bvssf-field{background:#ffffff;border:4px solid var(--bvssf-border-color);box-sizing:border-box}
.bvssf-search{width:100%;padding:10px;text-align:center;color:#000080;border:none}
.bvssf-filter-row{display:flex;gap:var(--bvssf-gap);align-items:center}
.bvssf-dropdown{flex:1}
.bvssf-dropdown select{width:100%;height:100%;padding:10px;border:none;background:transparent;color:#000080;text-align:left}
.bvssf-submit{width:auto}
.bvssf-btn{height:var(--bvssf-field-height);padding:0 18px;border:none;cursor:pointer}
.bvssf-primary{background:var(--bvssf-primary-color);color:var(--bvssf-button-text-color)}
.bvssf-primary:hover {background: var(--bvssf-primary-color); color: var(--bvssf-button-text-color);}
.bvssf-clear{background:transparent;color:#000080;border:2px solid var(--bvssf-border-color);padding:0 12px}
.bvssf-suggest{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--bvssf-border-color);z-index:9999;display:none}
.bvssf-suggestion{display:flex;gap:8px;padding:8px;cursor:pointer}
.bvssf-sugg-img img{width:48px;height:48px;object-fit:cover}
.bvssf-sugg-price{font-size:0.9em;color:#333}

/* Desktop: ensure dropdowns and button on same row */
@media(min-width:601px){
  .bvssf-filter-row .bvssf-dropdown{min-width:0}
}

/* Mobile: stack everything */
@media(max-width:600px){
  .bvssf-filter-row{flex-direction:column}
  .bvssf-submit{width:100%}
  .bvssf-dropdown select{padding-left:10px}
}