
/* ============================================================
   27. PÁGINA MINHA CONTA — estrutura nativa WooCommerce
   (painel lateral: Painel / Pedidos / Endereços / Dados da conta / Sair)
   ============================================================ */
.aly-account-intro{ padding:88px 0 8px; }
.aly-account-intro h1{ font-family:var(--ff-display); font-weight:400; font-size:40px; }
@media(max-width:720px){
  .aly-account-intro h1{ font-size:28px; }
  main .aly-account-intro{ padding-top:32px; padding-bottom:32px; }
}

/* ---------- deslogado: login + registro (2 colunas, padrão woo) ---------- */
.aly-auth-page{
  padding:96px 0 96px;
  display:flex; justify-content:center;
}
@media(max-width:720px){ main .aly-auth-page{ padding-bottom:54px; padding-top: 54px; } }
.aly-auth-card{ width:100%; max-width:420px; }
.aly-auth-tabs{ display:flex; gap:8px; margin-bottom:32px; }
.aly-auth-tabs button{
  flex:1; padding:13px; border-radius:var(--radius-full);
  border:1.5px solid var(--ink-200); background:var(--white);
  font-size:14px; font-weight:600; color:var(--ink-450);
  transition:background var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease), border-color var(--dur-hover) var(--ease);
}
.aly-auth-tabs button:hover{ color:var(--ink); }
.aly-auth-tabs button.is-active{ background:var(--ink); border-color:var(--ink); color:var(--white); }
.aly-auth-panel{ display:none; }
.aly-auth-panel.is-active{ display:block; }
.aly-auth-panel h2{ font-family:var(--ff-display); font-weight:400; font-size:24px; margin-bottom:20px; }
.aly-auth-check{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-700); margin:4px 0 20px; }
.aly-auth-forgot{ font-size:12px; color:var(--ink-450); text-decoration:underline; }
.aly-auth-submit{
  width:100%; height:52px; border-radius:var(--radius-full);
  background:var(--ink); color:var(--white); font-size:14px; font-weight:600;
  transition:background var(--dur-hover) var(--ease);
}
.aly-auth-submit:hover{ background:var(--gold-800); }
.aly-auth-panel p.aly-auth-note{ font-size:12px; color:var(--ink-450); margin-top:16px; line-height:1.5; }

/* ---------- logado: painel com navegação lateral ---------- */
.aly-account-page{
  display:grid; grid-template-columns:240px 1fr; gap:48px;
  padding:32px 0 var(--sec-pad); align-items:start;
}
@media(max-width:900px){ .aly-account-page{ grid-template-columns:1fr; gap:24px; } }
@media(max-width:720px){ main .aly-account-page{ padding-bottom:64px; } }

.aly-account-nav{
  display:flex; flex-direction:column; gap:2px; position:sticky; top:calc(var(--sticky-h, 160px) + 24px);
}
@media(max-width:900px){
  .aly-account-nav{
    position:static; flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:4px;
    scrollbar-width:none; -ms-overflow-style:none;
  }
  .aly-account-nav::-webkit-scrollbar{ display:none; }
}
.aly-account-nav__item{
  display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:var(--radius-m);
  font-size:14px; color:var(--ink-700); white-space:nowrap; background:#F4F4F4;
  transition:background var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);
}
.aly-account-nav__item .aly-ico{ width:16px; height:16px; flex-shrink:0; opacity:.6; }
.aly-account-nav__item:hover{ background:var(--gold-50); color:var(--ink); }
.aly-account-nav__item.is-active{ background:var(--ink); color:var(--white); }
.aly-account-nav__item.is-active .aly-ico{ opacity:1; color:var(--gold-400); }
.aly-account-nav__item.is-danger{ color:#C24B3F; background:#F4F4F4; }
.aly-account-nav__item.is-danger:hover{ background:#FBEDEB; }

.aly-account-panel{ display:none; }
.aly-account-panel.is-active{ display:block; }

/* painel / dashboard */
.aly-account-hello{ font-size:16px; color:var(--ink-700); line-height:1.7; max-width:560px; }
.aly-account-hello b{ color:var(--ink); }
.aly-account-hello a{ text-decoration:underline; }

.aly-routine-teaser{
  display:flex; align-items:center; gap:16px; margin-top:28px;
  padding:20px; border-radius:var(--radius-m); background:var(--gold-50);
}
.aly-routine-teaser__icon{
  flex-shrink:0; width:44px; height:44px; border-radius:50%;
  background:var(--white); border:1px dashed var(--gold-100);
  display:flex; align-items:center; justify-content:center; color:var(--gold-600);
}
.aly-routine-teaser__body{ flex:1; }
.aly-routine-teaser__body strong{ font-size:14px; color:var(--ink); display:flex; align-items:center; gap:8px; }
.aly-routine-teaser__soon{
  font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.04em;
  background:var(--gold-600); color:var(--white); padding:2px 8px; border-radius:var(--radius-full);
}
.aly-routine-teaser__body p{ font-size:12px; color:var(--ink-450); margin-top:4px; }

.aly-account-quicklinks{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }
@media(max-width:540px){ .aly-account-quicklinks{ grid-template-columns:1fr; } }
.aly-account-quicklink{
  display:flex; align-items:center; gap:12px; padding:16px;
  border:1.5px solid var(--ink-200); border-radius:var(--radius-m);
  transition:border-color var(--dur-hover) var(--ease);
}
.aly-account-quicklink:hover{ border-color:var(--gold-400); }
.aly-account-quicklink .aly-ico{ width:18px; height:18px; color:var(--gold-600); flex-shrink:0; }
.aly-account-quicklink span{ font-size:13px; font-weight:600; color:var(--ink); }

/* pedidos */
.aly-orders-table{ display:flex; flex-direction:column; }
.aly-orders-table__row{
  display:grid; grid-template-columns:1fr 1fr 1fr 1fr auto; gap:12px; align-items:center;
  padding:16px 0; border-bottom:1px solid var(--ink-100);
}
.aly-orders-table__row.is-head{ font-size:11px; font-weight:600; color:var(--ink-450); text-transform:uppercase; letter-spacing:.03em; }
.aly-orders-table__row:last-child{ border-bottom:none; }
@media(max-width:720px){
  .aly-orders-table__row{ grid-template-columns:1fr 1fr; row-gap:6px; }
  .aly-orders-table__row.is-head{ display:none; }
}
.aly-order-status{
  display:inline-flex; align-items:center; gap:6px; width:fit-content;
  padding:4px 10px; border-radius:var(--radius-full); font-size:11px; font-weight:600;
}
.aly-order-status.is-processing{ background:var(--gold-50); color:var(--gold-800); }
.aly-order-status.is-completed{ background:#E9F4EB; color:#3E7A52; }
.aly-order-status.is-cancelled{ background:#FBEDEB; color:#C24B3F; }
.aly-orders-table__row a{ font-size:12px; font-weight:600; text-decoration:underline; }
.aly-account-empty{ padding:48px 24px; text-align:center; color:var(--ink-450); font-size:14px; }
.aly-account-empty a{ text-decoration:underline; color:var(--gold-800); }

/* endereços */
.aly-address-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
@media(max-width:720px){ .aly-address-grid{ grid-template-columns:1fr; } }
.aly-address-card{ border:1.5px solid var(--ink-200); border-radius:var(--radius-m); padding:20px; }
.aly-address-card h4{ font-family:var(--ff-body); font-size:13px; font-weight:600; color:var(--ink-450); text-transform:uppercase; letter-spacing:.03em; margin-bottom:12px; }
.aly-address-card p{ font-size:14px; color:var(--ink-700); line-height:1.6; }
.aly-address-card a{ display:inline-block; margin-top:14px; font-size:12px; font-weight:600; text-decoration:underline; }

.aly-account-save{
  padding:12px 28px; border-radius:var(--radius-full);
  background:var(--ink); color:var(--white); font-size:14px; font-weight:600;
  transition:background var(--dur-hover) var(--ease); margin-top:8px;
}
.aly-account-save:hover{ background:var(--gold-800); }
.aly-account-section-title{ font-size:14px; font-weight:600; color:var(--ink); margin:28px 0 16px; }
.aly-account-section-title:first-child{ margin-top:0; }
