/* P4Print My Account — clean shell
   Component styles live in account.css.
   Druckdaten-Check styles live in print-check-modes.css.
*/

body.woocommerce-account{
  background:#F3F4F5!important;
  color:#171A1D!important;
}

body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account main,
body.woocommerce-account article,
body.woocommerce-account .inside-article,
body.woocommerce-account .entry-content{
  background:#F3F4F5!important;
}

body.page-id-10 .entry-header,
body.page-id-10 .entry-title,
body.page-id-10 .page-title{
  display:none!important;
}

body.page-id-10 .site-main,
body.page-id-10 main,
body.page-id-10 .entry-content,
body.page-id-10 .inside-article{
  margin-top:0!important;
  padding-top:0!important;
}

/* Keep the Woo account area in normal document flow. */
body.woocommerce-account #page,
body.woocommerce-account .site-content,
body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account main#main,
body.woocommerce-account article,
body.woocommerce-account .inside-article,
body.woocommerce-account .entry-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  float:none!important;
  box-sizing:border-box!important;
}

/* Main account layout */
body.logged-in.woocommerce-account .woocommerce{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  grid-template-areas:
    "head head"
    "nav content"!important;
  column-gap:24px!important;
  row-gap:14px!important;
  align-items:start!important;
  width:calc(100% - 40px)!important;
  max-width:1180px!important;
  margin:18px auto 56px!important;
  padding:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
}



/* Left navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  grid-area:nav!important;
  float:none!important;
  width:260px!important;
  max-width:260px!important;
  margin:0!important;
  padding:10px!important;
  position:sticky!important;
  top:24px!important;
  align-self:start!important;
  background:#fff!important;
  border:1px solid #D8DDE2!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:2px 0!important;
  padding:0!important;
  border:0!important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:9px!important;
  color:#2A2F33!important;
  background:transparent!important;
  text-decoration:none!important;
  font:700 14px/1.25 "Plus Jakarta Sans",Arial,sans-serif!important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color:#111!important;
  background:#F1F2F3!important;
  box-shadow:inset 3px 0 0 #111!important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  color:#111!important;
  background:#F5F5F5!important;
  box-shadow:inset 3px 0 0 #E6007E!important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top:8px!important;
  padding-top:8px!important;
  border-top:1px solid #E3E6E9!important;
}

/* Content panel */
body.woocommerce-account .woocommerce-MyAccount-content{
  grid-area:content!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:26px!important;
  align-self:start!important;
  background:#fff!important;
  border:1px solid #D8DDE2!important;
  border-radius:14px!important;
  box-shadow:none!important;
  color:#171A1D!important;
  box-sizing:border-box!important;
}

body.woocommerce-account .woocommerce-MyAccount-content > *,
body.woocommerce-account .p4print-account,
body.woocommerce-account .p4print-checker,
body.woocommerce-account .p4-saved-grid,
body.woocommerce-account .p4qr-builder{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.woocommerce-account .p4print-account h2,
body.woocommerce-account .p4print-account h3,
body.woocommerce-account .woocommerce-MyAccount-content h1,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{
  color:#171A1D!important;
}

body.woocommerce-account .p4print-account .p4-sub,
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content address{
  color:#68737C!important;
}

/* Neutral notices/cards inside account */
body.woocommerce-account .p4-account-success{
  background:#F5F6F7!important;
  color:#252A2E!important;
  border:1px solid #D8DDE2!important;
  border-left:4px solid #111!important;
  border-radius:10px!important;
}
body.woocommerce-account .p4-account-success strong{
  color:#111!important;
}

/* Responsive: stack only on actual small screens. */
@media(max-width:760px){
  body.logged-in.woocommerce-account .woocommerce{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "head"
      "nav"
      "content"!important;
    width:calc(100% - 24px)!important;
    row-gap:12px!important;
    margin-top:14px!important;
  }

  body.woocommerce-account .woocommerce:before{
    font-size:28px!important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation{
    width:100%!important;
    max-width:none!important;
    position:static!important;
    overflow-x:auto!important;
    padding:8px!important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    min-width:max-content!important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0!important;
    flex:0 0 auto!important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a{
    white-space:nowrap!important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content{
    padding:18px!important;
  }
}

/* Keep the WordPress admin toolbar isolated from customer account styles. */
body.woocommerce-account #wpadminbar{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
