/* Braids Goddess 1.7.12 — account layout order lock.
   Some Woo/account stacks output content before navigation in the DOM.
   Explicit grid areas keep the sidebar on the LEFT and content on the RIGHT. */

@media (min-width:901px){
  .bgc-enabled.woocommerce-account.logged-in .bg-content-shell{
    width:min(1500px,calc(100% - 64px))!important;
    max-width:1500px!important;
    margin-inline:auto!important;
  }

  .bgc-enabled.woocommerce-account.logged-in .woocommerce{
    display:grid!important;
    grid-template-columns:290px minmax(0,1fr)!important;
    grid-template-areas:"bg-nav bg-main"!important;
    column-gap:28px!important;
    row-gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:none!important;
  }

  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation{
    grid-area:bg-nav!important;
    grid-column:1!important;
    grid-row:1!important;
    width:290px!important;
    min-width:290px!important;
    max-width:290px!important;
    margin:0!important;
    float:none!important;
    align-self:start!important;
    justify-self:stretch!important;
    z-index:2!important;
  }

  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content{
    grid-area:bg-main!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    align-self:start!important;
    justify-self:stretch!important;
    overflow:visible!important;
  }

  /* Empty Woo notice wrappers must not become a phantom grid column/row. */
  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper:empty{
    display:none!important;
  }

  /* If Woo has a real notice, let it span the complete account canvas. */
  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper:not(:empty){
    grid-column:1/-1!important;
    grid-row:auto!important;
    width:100%!important;
  }

  /* Dashboard itself: large editorial canvas. */
  .bgc-enabled.bgc-account-dashboard .woocommerce-MyAccount-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
  }
  .bgc-enabled.bgc-account-dashboard .bgc-account-welcome,
  .bgc-enabled.bgc-account-dashboard .bgc-account-cards,
  .bgc-enabled.bgc-account-dashboard .bgc-account-picks{
    grid-column:1/-1!important;
  }
  .bgc-enabled.bgc-account-dashboard .bgc-account-welcome{
    width:100%!important;
    min-height:300px!important;
  }
  .bgc-enabled.bgc-account-dashboard .bgc-account-cards{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .bgc-enabled.bgc-account-dashboard .bgc-dashboard-order,
  .bgc-enabled.bgc-account-dashboard .bgc-dashboard-booking{
    width:100%!important;
    min-width:0!important;
  }

  /* Support endpoint stays inside the main account column, never beside it. */
  .bgc-enabled.woocommerce-account .woocommerce-MyAccount-content > .bgc-support-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .bgc-enabled.woocommerce-account.logged-in .woocommerce{
    grid-template-columns:250px minmax(0,1fr)!important;
  }
  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
  .bgc-enabled.bgc-account-dashboard .bgc-account-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
  .bgc-enabled.woocommerce-account.logged-in .woocommerce{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"bg-nav" "bg-main"!important;
    gap:14px!important;
  }
  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation{
    grid-area:bg-nav!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    position:static!important;
  }
  .bgc-enabled.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content{
    grid-area:bg-main!important;
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
  }
}


/* 2.0.2 — Recovery QA: reservations/support must inherit the full main account canvas. */
.bgc-enabled.woocommerce-account .woocommerce-MyAccount-content > .bgc-reservations,
.bgc-enabled.woocommerce-account .woocommerce-MyAccount-content > .bgc-support-shell{
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;
}
@media (min-width:901px){
  .bgc-enabled.bgc-reservations-view.woocommerce-account .woocommerce-MyAccount-content,
  .bgc-enabled.bgc-support-view.woocommerce-account .woocommerce-MyAccount-content{display:block!important;width:100%!important;max-width:none!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservations{width:100%!important;max-width:none!important;margin:0!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservations-hero{width:100%!important;min-height:245px!important;padding:38px 42px!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservation-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservation-card{grid-template-columns:72px minmax(0,1fr) auto 24px!important;min-height:118px!important;padding:18px 20px!important;}
}
@media (max-width:900px){
  .bgc-enabled.bgc-reservations-view .bg-content-shell,
  .bgc-enabled.bgc-reservations-view .bg-entry,
  .bgc-enabled.bgc-reservations-view .bg-entry__content,
  .bgc-enabled.bgc-support-view .bg-content-shell,
  .bgc-enabled.bgc-support-view .bg-entry,
  .bgc-enabled.bgc-support-view .bg-entry__content{width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;padding-inline:0!important;}
  .bgc-enabled.bgc-reservations-view .woocommerce-MyAccount-content,
  .bgc-enabled.bgc-support-view .woocommerce-MyAccount-content{width:100%!important;max-width:none!important;min-width:0!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservations,
  .bgc-enabled.bgc-support-view .bgc-support-shell{width:calc(100% - 24px)!important;max-width:none!important;margin:14px auto 34px!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservations-hero{width:100%!important;padding:24px 20px!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservation-card{width:100%!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;padding:14px!important;}
  .bgc-enabled.bgc-reservations-view .bgc-reservation-card__arrow{display:none!important;}
}
