/* Builder Finder UK: the few rules the uk market adds on top of the shared stylesheets.
   Linked only by the uk build's header (src/components/Header.astro, MARKET=uk), and shipped only by the uk build:
   this directory (site/public-uk) is the uk build's static directory (astro.config.mjs publicDir).
   It is a file of its own because the shared CSS is bundled into content-hashed files, so one more rule there would
   change the address of the stylesheet on every page of every market. */

/* Top bar: the uk bar has no account or claim links, so the tagline (from 900px in the shared CSS) shows at every width. */
.site-hd .shd-top .shd-tagline { display: block; }

/* Category pages: there is no Featured rail in this market, so the results take the full width of the page. */
.cp-layout:not(:has(.cp-rail)) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: "crumbs" "head" "list" "foot" !important;
}

/* Footer trade grid: ten trades, each listing its regions by name (a uk region has no printed code, and the shared
   rule lays out four short codes to a row). Names wrap like a line of text; five trades to a row from 1040px, then
   the shared breakpoints (four, then two to a row). */
.site-ft .sft-trade-states { display: flex; flex-wrap: wrap; gap: 0 10px; font-weight: 500; letter-spacing: 0; }
@media (min-width: 1040px) {
  .site-ft .sft-trades { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Footer small print: the credit for the open data behind the town and region pages (src/components/Footer.astro,
   uk only). Its links are underlined so they read as links inside a sentence. */
.site-ft .sft-credit { max-width: 110ch; }
.site-ft .sft-credit a { text-decoration: underline; text-underline-offset: 2px; }