/* ============================================================
   FeederX — Contul meu (My Account WooCommerce)
   Layer peste styles.css + tema activă
   ============================================================ */
.acc-head{background:linear-gradient(120deg,#1E3A5F,#16294a);color:#fff;position:relative;overflow:hidden;}
.acc-head::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 88% 18%,rgba(215,40,58,.22),transparent 60%);}
.acc-head .wrap{position:relative;z-index:1;padding:34px 24px;display:flex;align-items:center;gap:20px;}
.acc-head .av{width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-disp);font-weight:700;font-size:26px;flex:none;}
.acc-head h1{font-family:var(--font-disp);font-weight:700;font-size:34px;text-transform:uppercase;margin:0;letter-spacing:.01em;line-height:1;}
.acc-head .sub{color:rgba(255,255,255,.82);font-size:14.5px;margin-top:6px;}
.acc-head .sub b{color:#fff;}

.acc-wrap{padding:28px 0 64px;}
.acc-grid{display:grid;grid-template-columns:248px 1fr;gap:28px;align-items:start;}

/* sidebar nav */
.acc-nav{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:sticky;top:16px;}
.acc-nav button{display:flex;align-items:center;gap:13px;width:100%;border:none;background:none;text-align:left;padding:14px 18px;font-size:14.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:.13s;border-left:3px solid transparent;}
.acc-nav button svg{width:19px;height:19px;color:var(--muted);flex:none;}
.acc-nav button:hover{background:var(--green-050);color:var(--ink);}
.acc-nav button.on{background:var(--green-050);color:var(--navy);border-left-color:var(--acc);}
.acc-nav button.on svg{color:var(--acc);}
.acc-nav .sep{height:1px;background:var(--line-2);margin:6px 0;}
.acc-nav button.logout{color:var(--acc);}
.acc-nav button.logout svg{color:var(--acc);}

/* panels */
.acc-panel{display:none;}
.acc-panel.show{display:block;animation:accin .28s ease;}
@keyframes accin{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px;}
.card h3{font-family:var(--font-disp);font-weight:700;font-size:20px;text-transform:uppercase;color:var(--ink);margin:0 0 16px;letter-spacing:.01em;}

/* dashboard stat tiles */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;}
.stat .ic{width:46px;height:46px;border-radius:12px;background:var(--green-050);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none;}
.stat .ic svg{width:23px;height:23px;}
.stat .n{font-family:var(--font-disp);font-weight:700;font-size:26px;color:var(--ink);line-height:1;}
.stat .l{font-size:13px;color:var(--muted);margin-top:3px;}
.welcome{font-size:15px;color:var(--ink-soft);line-height:1.6;}
.welcome a{color:var(--navy);font-weight:600;}

/* orders table */
.otable{width:100%;border-collapse:collapse;}
.otable th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 14px 12px;border-bottom:1px solid var(--line);}
.otable td{padding:15px 14px;border-bottom:1px solid var(--line-2);font-size:14px;color:var(--ink-soft);vertical-align:middle;}
.otable tr:last-child td{border-bottom:none;}
.otable .onum{font-weight:700;color:var(--navy);}
.otable .total{font-weight:700;color:var(--ink);}
.ostatus{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:20px;}
.ostatus.done{background:rgba(31,138,77,.12);color:#1F8A4D;}
.ostatus.ship{background:rgba(43,111,219,.12);color:#2563C9;}
.ostatus.proc{background:rgba(229,154,43,.14);color:#C77E16;}
.obtn{border:1.5px solid var(--line);background:#fff;color:var(--navy);border-radius:8px;padding:7px 13px;font-weight:600;font-size:13px;cursor:pointer;transition:.14s;}
.obtn:hover{border-color:var(--navy);background:var(--navy);color:#fff;}

/* addresses */
.addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.addr{border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;}
.addr h4{font-family:var(--font-disp);font-weight:700;font-size:15px;text-transform:uppercase;color:var(--navy);margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.addr h4 svg{width:16px;height:16px;color:var(--acc);}
.addr p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin:0;}
.addr .edit{position:absolute;top:18px;right:18px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;}
.addr .edit:hover{color:var(--acc);}

/* form (account details) */
.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field2{display:flex;flex-direction:column;gap:7px;margin-bottom:2px;}
.field2.full{grid-column:1/-1;}
.field2 label{font-size:13px;font-weight:600;color:var(--ink-soft);}
.field2 input{height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;font-size:14.5px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:.14s;}
.field2 input:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--green-050);}
.btn-save{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:11px;background:var(--acc);color:#fff;font-family:var(--font-disp);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:15px;padding:13px 26px;cursor:pointer;transition:.15s;margin-top:6px;box-shadow:0 8px 20px rgba(215,40,58,.28);}
.btn-save:hover{filter:brightness(1.06);transform:translateY(-1px);}

/* favorites mini */
.fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

/* empty state */
.acc-empty{text-align:center;padding:40px 20px;color:var(--muted);}
.acc-empty svg{width:46px;height:46px;color:var(--line);margin-bottom:12px;}

@media(max-width:860px){
  .acc-grid{grid-template-columns:1fr;}
  .acc-nav{position:static;display:flex;flex-wrap:wrap;}
  .acc-nav button{width:auto;flex:1 1 auto;border-left:none;border-bottom:3px solid transparent;justify-content:center;}
  .acc-nav button.on{border-left:none;border-bottom-color:var(--acc);}
  .acc-nav .sep{display:none;}
  .stat-row,.addr-grid,.fav-grid{grid-template-columns:1fr;}
  .fgrid2{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .otable thead{display:none;}
  .otable td{display:block;border:none;padding:4px 0;}
  .otable tr{display:block;padding:14px 0;border-bottom:1px solid var(--line);}
}
