/* Piotnet Grid facets - Art Portfolio filters
   A Lined Design, 2026-08-21

   THE BUG: Piotnet sets white-space:pre directly on the facet <select>. The
   markup pretty-prints its <option> tags, so every tab and newline between
   them is preserved as real content, and the select's automatic width is then
   computed from its widest option PLUS that phantom whitespace. Nothing caps
   the width, so the Collection filter rendered at 405px inside a 271px column
   and pushed the row out of alignment. The other two only looked fine because
   their options were short enough to stay under the column width by luck.

   Fix is white-space:normal plus an explicit 100% width. Everything below
   that point is consistency, not repair. */

.piotnetgrid-facet select.piotnetgrid-facet-field,
.piotnetgrid-facet .piotnetgrid-facet-field select {
  white-space: normal;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.piotnetgrid-facet .piotnetgrid-facet__field-wrapper {
  width: 100%;
  min-width: 0; /* flex children refuse to shrink below content width without this */
}

/* The select text was 22px against a 17.6px label - larger than its own
   heading. Matching the label keeps the control subordinate to it. */
.piotnetgrid-facet select.piotnetgrid-facet-field {
  font-size: 17.6px;
  line-height: 1.3;
  color: #27272a;
}

/* Was pure #000 on the field and #27272a on the label. One ink colour. */
.piotnetgrid-facet .piotnetgrid-facet__label {
  color: #27272a;
}

/* Load More renders as Arial 15px, ignoring the site face entirely. */
.piotnetgrid-facet-load-more button,
.piotnetgrid-facet--load_more button,
.piotnetgrid-button-wrapper button {
  font-family: inherit;
  font-size: 15px;
  letter-spacing: 0.05em;
}

/* Reset control picks up the same face rather than the browser default. */
.piotnetgrid-facet-reset-button {
  font-family: inherit;
}

@media (max-width: 767px) {
  .piotnetgrid-facet select.piotnetgrid-facet-field {
    font-size: 16px; /* under 16px iOS zooms the viewport on focus */
  }
}