/* WooCommerce customer dashboard — loaded after WooCommerce defaults. */
.account-page .account-content{
  padding-top:42px;
  padding-bottom:10px;
}

body.logged-in .account-page .account-content>.woocommerce{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  grid-template-areas:"content navigation";
  gap:24px;
  width:100%;
  align-items:start;
  direction:ltr;
}

.account-page .woocommerce-MyAccount-navigation{
  grid-area:navigation;
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:10px;
  direction:rtl;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(160deg,#202024,#18181b);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  position:sticky;
  top:112px;
}

.account-page .woocommerce-MyAccount-navigation ul{
  display:grid;
  gap:5px;
  margin:0;
  padding:0;
  list-style:none;
}

.account-page .woocommerce-MyAccount-navigation li{
  margin:0;
  padding:0;
}

.account-page .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:10px 13px;
  border:1px solid transparent;
  border-radius:9px;
  color:#aaaab0;
  font-size:13px;
  font-weight:750;
  transition:background .18s,border-color .18s,color .18s,transform .18s;
}

.account-page .woocommerce-MyAccount-navigation a:before{
  content:"•";
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#111113;
  color:var(--orange-hi);
  font-size:17px;
  line-height:1;
}

.account-page .woocommerce-MyAccount-navigation-link--dashboard a:before{content:"⌂";}
.account-page .woocommerce-MyAccount-navigation-link--orders a:before{content:"▤";}
.account-page .woocommerce-MyAccount-navigation-link--downloads a:before{content:"↓";}
.account-page .woocommerce-MyAccount-navigation-link--edit-address a:before{content:"⌖";}
.account-page .woocommerce-MyAccount-navigation-link--payment-methods a:before{content:"◫";}
.account-page .woocommerce-MyAccount-navigation-link--edit-account a:before{content:"⚙";}
.account-page .woocommerce-MyAccount-navigation-link--customer-logout a:before{content:"↪";}

.account-page .woocommerce-MyAccount-navigation a:hover{
  color:var(--ivory);
  border-color:#35353a;
  background:#242428;
  transform:translateX(-2px);
}

.account-page .woocommerce-MyAccount-navigation .is-active a{
  color:var(--black);
  border-color:var(--orange);
  background:linear-gradient(110deg,var(--orange),var(--orange-hi));
  box-shadow:0 8px 24px rgba(244,96,12,.2);
}

.account-page .woocommerce-MyAccount-navigation .is-active a:before{
  color:var(--ivory);
  background:rgba(11,11,12,.78);
}

.account-page .woocommerce-MyAccount-content{
  grid-area:content;
  float:none!important;
  width:auto!important;
  min-width:0;
  margin:0!important;
  padding:30px;
  direction:rtl;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(160deg,#202024,#1a1a1e);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  color:var(--steel);
}

.account-page .woocommerce-MyAccount-content>p{
  max-width:760px;
  margin:0 0 16px;
  line-height:2;
}

.account-page .woocommerce-MyAccount-content strong{
  color:var(--ivory);
}

.account-page .woocommerce-MyAccount-content a{
  color:var(--orange-hi);
  font-weight:700;
}

.account-page .account-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0 0;
}

.account-page .account-overview>a{
  min-height:150px;
  padding:18px;
  border:1px solid #303035;
  border-radius:11px;
  background:#171719;
}

.account-page .account-overview>a:hover{
  border-color:var(--orange);
  background:#1d1b1a;
}

@media (max-width:900px){
  body.logged-in .account-page .account-content>.woocommerce{
    grid-template-columns:1fr;
    grid-template-areas:"navigation" "content";
  }
  .account-page .woocommerce-MyAccount-navigation{position:static;}
  .account-page .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(3,minmax(0,1fr));}
  .account-page .woocommerce-MyAccount-navigation a{justify-content:center;text-align:center;}
}

@media (max-width:640px){
  .account-page .account-content{padding-top:26px;}
  .account-page .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr 1fr;}
  .account-page .woocommerce-MyAccount-content{padding:20px 17px;}
  .account-page .account-overview{grid-template-columns:1fr;}
  .account-page .account-overview>a{min-height:0;}
}

@media (max-width:420px){
  .account-page .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr;}
  .account-page .woocommerce-MyAccount-navigation a{justify-content:flex-start;text-align:right;}
}
