/* Stations Carburant V16.2 — shared sorting/filter toolbar.
   Loaded AFTER city, map, nearby and shared public CSS.
   Only the existing result toolbars are affected. */
.sc-l1 .sc-results__controls {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,1fr);
  gap:12px;
  align-items:start;
  min-width:0;
}
.sc-l1 .sc-results__controls > .sc-results__field,
.sc-l1 .sc-results__controls > .sc-results__filter-control {
  display:flex;
  flex-direction:column;
  min-width:0;
  width:100%;
  margin:0!important;
  gap:7px;
  align-self:start;
}
.sc-l1 .sc-results__controls > .sc-results__field > span,
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__filter-title {
  display:block;
  font-size:12px!important;
  font-weight:750!important;
  line-height:18px!important;
  min-height:18px;
  margin:0!important;
  padding:0;
  color:#31536a!important;
}
.sc-l1 .sc-results__controls > .sc-results__field select,
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced > summary {
  width:100%!important;
  height:45px!important;
  min-height:45px!important;
  box-sizing:border-box;
  border:1px solid #cbdde7!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#173f57!important;
  font-family:inherit;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.25!important;
  padding:0 13px!important;
  margin:0!important;
  box-shadow:none!important;
}
.sc-l1 .sc-results__controls > .sc-results__field select {
  display:block;
  min-width:0;
  appearance:auto;
  cursor:pointer;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced {
  display:block;
  width:100%;
  min-width:0;
  margin:0;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced > summary {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  list-style:none;
  cursor:pointer;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced > summary::-webkit-details-marker {display:none}
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced > summary .sc-ui-icon {width:15px;height:15px;flex:none}
.sc-l1 .sc-results__controls > .sc-results__field select:focus-visible,
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced > summary:focus-visible {
  outline:2px solid #2288b8;
  outline-offset:2px;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control > .sc-results__advanced[open] > summary {
  border-color:#86b8d3!important;
  background:#f2f9fd!important;
}
/* Advanced controls use the entire toolbar on expansion, not a squeezed half column. */
.sc-l1 .sc-results__controls > .sc-results__filter-control:has(> .sc-results__advanced[open]) {
  grid-column:1/-1;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control .sc-results__advanced-fields {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:end;
  min-width:0;
  padding:12px 0 0;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control .sc-results__advanced-fields > .sc-results__field {
  flex:1 1 210px;
  min-width:170px;
  width:auto;
}
.sc-l1 .sc-results__controls > .sc-results__filter-control .sc-results__advanced-fields > .sc-results__check {flex:0 1 auto}
/* City pages, including the one-fuel view, use the same 2-column alignment. */
.sc-l1 .sc-city__compare .sc-results__controls {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
/* A map side panel is too narrow for two controls next to each other. */
.sc-l1 .sc-map-page__results .sc-results__controls {grid-template-columns:minmax(0,1fr)!important}
/* Normal phone layout: keep full-width controls and a readable menu. */
@media(max-width:700px) {
  .sc-l1 .sc-results__controls,
  .sc-l1 .sc-city__compare .sc-results__controls,
  .sc-l1 .sc-results--nearby .sc-results__controls,
  .sc-l1 .sc-map-page__results .sc-results__controls {
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  .sc-l1 .sc-results__controls > .sc-results__filter-control .sc-results__advanced-fields {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
  }
  .sc-l1 .sc-results__controls > .sc-results__filter-control .sc-results__advanced-fields > .sc-results__field {
    min-width:0;
    width:100%;
    flex:none;
  }
  .sc-l1 .sc-results__controls > .sc-results__filter-control .sc-results__advanced-fields > .sc-results__reset {width:100%}
}