/* Homepage finishing: tapered gold hairline and a compact end to the results area.
   Scoped so no account, Premium, map or search control is affected. */
html body:has(.home-benefits) main#woningzoeken{
 min-height:0!important;
 margin-bottom:0!important;
 padding-bottom:0!important;
}
html body:has(.home-benefits) main#woningzoeken>.housing-results{
 min-height:0!important;
 margin-bottom:0!important;
 padding-bottom:12px!important;
}
html body:has(.home-benefits) .housing-results .wr-pagination-row{
 margin-top:14px!important;
 margin-bottom:0!important;
 padding-bottom:0!important;
}
html body:has(.home-benefits) .housing-results .map-section[hidden]{
 display:none!important;
}
html body:has(.home-benefits) footer.site-footer.wr-footer{
 margin-top:0!important;
}
/* A 4px central gold stroke flowing to fine, invisible outer ends.
   No blocky border and no extra gold stroke below the footer. */
html body footer.site-footer.wr-footer::before,
html body:has(.home-benefits) footer.site-footer.wr-footer::before{
 content:""!important;
 display:block!important;
 position:absolute!important;
 top:0!important;
 left:50%!important;
 right:auto!important;
 bottom:auto!important;
 transform:translateX(-50%)!important;
 width:min(100%,1240px)!important;
 max-width:1240px!important;
 height:5px!important;
 margin:0!important;
 border:0!important;
 border-radius:0!important;
 opacity:1!important;
 box-shadow:none!important;
 pointer-events:none!important;
 background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%23C8A460' stop-opacity='0'/%3E%3Cstop offset='.22' stop-color='%23C8A460' stop-opacity='.8'/%3E%3Cstop offset='.5' stop-color='%23D7AD67'/%3E%3Cstop offset='.78' stop-color='%23C8A460' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23C8A460' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 2.5 C200 2.5 335 .4 500 .4 C665 .4 800 2.5 1000 2.5 C800 2.5 665 4.6 500 4.6 C335 4.6 200 2.5 0 2.5 Z' fill='url(%23g)'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;
}
@media(max-width:700px){
 html body:has(.home-benefits) main#woningzoeken>.housing-results{padding-bottom:10px!important}
 html body:has(.home-benefits) .housing-results .wr-pagination-row{margin-top:10px!important}
}

/* Pagination and page-size must occupy one row on desktop.
   Previous styles forced the size picker onto a second row, producing the
   large blank band above the footer. Keep the page summary within the nav. */
@media(min-width:900px){
 html body:has(.home-benefits) .housing-results .wr-pagination-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  margin:10px 0 0!important;
  padding:0!important;
  min-height:0!important;
 }
 html body:has(.home-benefits) .housing-results .wr-pagination-row #resultPagination{
  grid-column:2!important;
  grid-row:1!important;
  width:max-content!important;
  max-width:100%!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
 }
 html body:has(.home-benefits) .housing-results .wr-pagination-row .wr-page-size{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
 }
}
@media(min-width:700px) and (max-width:899px){
 html body:has(.home-benefits) .housing-results .wr-pagination-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  margin:10px 0 0!important;
  padding:0!important;
 }
 html body:has(.home-benefits) .housing-results .wr-pagination-row #resultPagination{
  width:100%!important;
  padding:0!important;
  margin:0!important;
 }
 html body:has(.home-benefits) .housing-results .wr-pagination-row .wr-page-size{
  align-self:center!important;
  margin:0!important;
 }
}
@media(max-width:699px){
 html body:has(.home-benefits) .housing-results .wr-pagination-row{
  gap:8px!important;
  margin:10px 0 0!important;
  padding:0!important;
 }
 html body:has(.home-benefits) .housing-results .wr-pagination-row #resultPagination{
  padding:0!important;
  margin:0!important;
 }
 html body:has(.home-benefits) .housing-results .wr-pagination-row .wr-page-size{
  margin:0!important;
  align-self:center!important;
 }
}

/* Only one gold signature line above the footer.
   The old theme also paints a 2px border-top alongside the tapered ::before. */
html body footer.site-footer.wr-footer,
html body:has(.home-benefits) footer.site-footer.wr-footer{
 border-top:0!important;
 border-top-color:transparent!important;
 outline:0!important;
 background-clip:padding-box!important;
}
html body footer.site-footer.wr-footer::before,
html body:has(.home-benefits) footer.site-footer.wr-footer::before{
 border:0!important;
 box-shadow:none!important;
}

/* Anchor the shared tapered gold accent to the footer itself on every
   server-rendered page, not to the viewport or document. */
html body footer.site-footer.wr-footer{
 position:relative!important;
}