/* VakantiesFrankrijk v10.1.23 — account navigation and content alignment. */

/* The public share control has no place in a private account workspace. */
body.vf10123-account-page .vf900-share{display:none!important}

/* Bind the actual common wrapper found by JavaScript. This deliberately does
   not depend on WooCommerce page settings, shortcode depth or body classes. */
html body .vf10123-account-shell{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:start!important;
  gap:24px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
html body .vf10123-account-shell>.vf10123-account-nav-branch{
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  max-width:250px!important;
  min-width:0!important;
  margin:0!important;
}
html body .vf10123-account-shell>.vf10123-account-content-branch{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
html body .vf10123-account-navigation{
  display:block!important;
  position:sticky!important;
  top:96px!important;
  width:100%!important;
  max-width:250px!important;
  min-width:0!important;
  float:none!important;
  margin:0!important;
}
html body .vf10123-account-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  float:none!important;
  margin:0!important;
  overflow:visible!important;
}

/* Defensive normalisation for custom dashboard sections and nested Woo blocks. */
html body .vf10123-account-content>:first-child{margin-top:0!important}
html body .vf10123-account-content .woocommerce,
html body .vf10123-account-content .woocommerce-notices-wrapper,
html body .vf10123-account-content .woocommerce-info{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Tablet/mobile: a compact horizontal account menu above full-width content. */
@media(max-width:900px){
  html body .vf10123-account-shell{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
  }
  html body .vf10123-account-shell>.vf10123-account-nav-branch{
    grid-column:1!important;
    grid-row:1!important;
    max-width:none!important;
  }
  html body .vf10123-account-shell>.vf10123-account-content-branch{
    grid-column:1!important;
    grid-row:2!important;
  }
  html body .vf10123-account-navigation{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  html body .vf10123-account-navigation ul{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    padding-bottom:4px!important;
  }
  html body .vf10123-account-navigation li{
    flex:0 0 auto!important;
    scroll-snap-align:center!important;
  }
  html body .vf10123-account-navigation a{white-space:nowrap!important}
}

@media(max-width:620px){
  html body .vf10123-account-shell{gap:10px!important}
  html body .vf10123-account-content{padding:14px!important}
}