/* Happy Mouse — poprawka układu desktopowego Moje konto. */

/*
 * WooCommerce dodaje pseudo-elementy clearfix do kontenerów `.woocommerce`
 * i `.u-columns`. Po włączeniu CSS Grid stawały się one dodatkowymi
 * elementami siatki, przez co menu trafiało do prawej kolumny,
 * a właściwa treść do wąskiej lewej kolumny.
 */
body.woocommerce-account .hm-entry>.woocommerce::before,
body.woocommerce-account .hm-entry>.woocommerce::after,
body.woocommerce-account .hm-entry>.woocommerce .u-columns::before,
body.woocommerce-account .hm-entry>.woocommerce .u-columns::after{
  content:none!important;
  display:none!important;
}

body.woocommerce-account.logged-in .hm-entry>.woocommerce{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr)!important;
  align-items:start!important;
  gap:28px!important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
  grid-column:1!important;
  grid-row:1!important;
  width:245px!important;
  min-width:0!important;
  margin:0!important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}

body.woocommerce-account:not(.logged-in) .hm-entry>.woocommerce{
  display:block!important;
  width:100%!important;
  max-width:920px!important;
  margin-inline:auto!important;
}

body.woocommerce-account:not(.logged-in) .hm-entry>.woocommerce .u-columns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:22px!important;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2{
  float:none!important;
  width:auto!important;
  margin:0!important;
}

@media(max-width:900px) and (min-width:721px){
  body.woocommerce-account.logged-in .hm-entry>.woocommerce{
    grid-template-columns:205px minmax(0,1fr)!important;
    gap:20px!important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    width:205px!important;
  }
}

@media(max-width:720px){
  body.woocommerce-account.logged-in .hm-entry>.woocommerce{
    display:block!important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
    width:100%!important;
    margin:0!important;
  }

  body.woocommerce-account:not(.logged-in) .hm-entry>.woocommerce .u-columns{
    grid-template-columns:1fr!important;
  }
}