/* wspólne zmienne */
.woocommerce-account, .ppress-account, .pp-account, .profilepress-account{
  --mk-text: var(--mkpp-text);
  --mk-border: var(--mkpp-border);
  --mk-primary: var(--mkpp-primary);
  --mk-radius: var(--mkpp-radius);
  color: var(--mk-text);
  font-family: var(--wp--preset--font-family--body, inherit);
}

/* ProfilePress układ */
.ppress-account .pp-container, .profilepress-account .pp-container, .pp-account .pp-container{
  background:#fff; border:1px solid var(--mk-border); border-radius:var(--mk-radius);
  box-shadow:0 10px 24px rgba(0,0,0,.06); padding:16px;
}
.ppress-account .pp-nav, .profilepress-account .pp-nav, .pp-account .pp-nav{ border-right:1px solid var(--mk-border); }
.ppress-account .pp-nav a, .profilepress-account .pp-nav a, .pp-account .pp-nav a{
  display:block; padding:12px 14px; border-radius:10px; text-decoration:none; color:inherit;
}
.ppress-account .pp-nav a:hover, .profilepress-account .pp-nav a:hover, .pp-account .pp-nav a:hover{ background:#f3f4f6; }
.ppress-account .pp-nav li.is-active > a, .profilepress-account .pp-nav li.is-active > a, .pp-account .pp-nav li.is-active > a{ background:var(--mk-primary); color:#fff; }

/* WooCommerce „Moje konto” */
.woocommerce-account .woocommerce{
  background:#fff; border:1px solid var(--mk-border); border-radius:var(--mk-radius);
  box-shadow:0 10px 24px rgba(0,0,0,.06); padding:16px;
}
.woocommerce-MyAccount-navigation{ float:left; width:260px; margin-right:24px; border-right:1px solid var(--mk-border); }
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation li a{
  display:block; padding:12px 14px; border-radius:10px; text-decoration:none; color:inherit;
}
.woocommerce-MyAccount-navigation li a:hover{ background:#f3f4f6; }
.woocommerce-MyAccount-navigation li.is-active a{ background:var(--mk-primary); color:#fff; }
.woocommerce-MyAccount-content{ overflow:auto; }

/* Przyciski */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.ppress-account .button, .ppress-account button, .profilepress-account .button, .profilepress-account button{
  background:var(--mk-primary); color:#fff !important; border:1px solid var(--mk-primary);
  border-radius:12px; font-weight:700; padding:10px 16px; line-height:1.2;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background:var(--mk-primary); color:#fff !important; border-color:var(--mk-primary);
}

/* Mobile */
@media (max-width:820px){
  .woocommerce-MyAccount-navigation{ float:none; width:100%; border-right:0; margin:0 0 12px 0; }
}