/* VakantiesFrankrijk v10.1.28 — services directory shell recovery. */

/*
 * v10.1.27 styled the plugin output correctly, but the WordPress page could
 * still be treated as an editorial/column page. Make the page itself full
 * width and centre one reliable inner shell. This removes the large empty
 * right half seen on desktop without affecting other pages.
 */
html body.vf10128-services-layout .vf900-main,
html body.vf10128-services-layout .vf900-main > main,
html body.vf10128-services-layout .vf900-main > .site-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

html body.vf10128-services-layout .vf900-main > .vf910-page,
html body.vf10128-services-layout .vf910-page.is-services-directory{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding:28px 0 72px!important;
}

html body.vf10128-services-layout .vf910-page > .vf910-page-header{
  display:none!important;
}

html body.vf10128-services-layout .vf910-page > .vf910-page-content,
html body.vf10128-services-layout .vf910-page-content.vf127-services-root{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Fallback for a plugin template that bypasses page.php. */
html body.vf10128-services-layout .vf900-main > :is(.entry-content,.site-content,.content-area),
html body.vf10128-services-layout main > :is(.entry-content,.site-content,.content-area){
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.vf10128-services-layout :is(#secondary,.ct-sidebar,.widget-area,aside.sidebar){display:none!important}

/* The directory should use its available width instead of retaining a tiny card. */
html body.vf10128-services-layout .vf127-provider-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),520px))!important;
  justify-content:start!important;
  width:100%!important;
}
html body.vf10128-services-layout .vf127-provider-card{
  width:100%!important;
  max-width:520px!important;
}
html body.vf10128-services-layout .vf127-provider-card p{
  font-size:13px!important;
  line-height:1.62!important;
}

/* Keep the lower CTA balanced when the page is wide. */
html body.vf10128-services-layout .vf127-services-root > :last-child,
html body.vf10128-services-layout .vf127-directory-section,
html body.vf10128-services-layout .vf127-services-hero,
html body.vf10128-services-layout .vf127-register-section,
html body.vf10128-services-layout .vf127-role-gate{
  max-width:none!important;
}

@media (max-width:720px){
  html body.vf10128-services-layout .vf900-main > .vf910-page,
  html body.vf10128-services-layout .vf910-page.is-services-directory{
    padding:16px 0 50px!important;
  }
  html body.vf10128-services-layout .vf910-page > .vf910-page-content,
  html body.vf10128-services-layout .vf910-page-content.vf127-services-root,
  html body.vf10128-services-layout .vf900-main > :is(.entry-content,.site-content,.content-area),
  html body.vf10128-services-layout main > :is(.entry-content,.site-content,.content-area){
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
  html body.vf10128-services-layout .vf127-provider-grid{grid-template-columns:1fr!important}
  html body.vf10128-services-layout .vf127-provider-card{max-width:none!important}
}