/* ====================================================================
   ACCOUNT.CSS — Login / Register / Forgot UI (centered modal)
   ==================================================================== */

.account-overlay{
  position:fixed;inset:0;z-index:1000;
  visibility:hidden;opacity:0;
  transition:opacity .25s var(--ease-luxe), visibility .25s;
  display:flex;align-items:center;justify-content:center;
  padding:1.5rem;
}
.account-overlay.open{visibility:visible;opacity:1}

.account-backdrop{
  position:absolute;inset:0;
  background:rgba(31,24,19,0.45);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.account-panel{
  position:relative;
  width:min(440px, 100%);
  background:var(--ivory);
  box-shadow:0 30px 80px -20px rgba(31,24,19,0.4);
  padding:2.4rem 2.2rem 2rem;
  transform:translateY(-12px) scale(.98);
  transition:transform .3s var(--ease-luxe);
  border-radius:6px;
}
.account-overlay.open .account-panel{transform:translateY(0) scale(1)}

.account-close{
  position:absolute;top:.9rem;right:.9rem;
  background:transparent;border:0;cursor:pointer;
  font-size:1.05rem;color:var(--mauve-soft);
  padding:.45rem .6rem;line-height:1;
  transition:color .2s;
}
.account-close:hover{color:var(--aubergine)}

.account-logo{display:flex;justify-content:center;margin:-.6rem 0 1.2rem}
.account-logo img{height:42px;width:auto;object-fit:contain;display:block}

.account-pw-wrap{position:relative;display:block}
.account-pw-wrap input{width:100%;padding-right:2.2rem}
.account-pw-toggle{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  background:transparent;border:0;cursor:pointer;
  color:var(--mauve-soft);
  padding:.35rem .4rem;line-height:0;
  display:inline-flex;align-items:center;justify-content:center;
  transition:color .2s;
}
.account-pw-toggle:hover{color:var(--aubergine)}
.account-pw-toggle .pw-eye-off{display:none}
.account-pw-toggle.is-shown .pw-eye{display:none}
.account-pw-toggle.is-shown .pw-eye-off{display:block}

.account-view{display:none;flex-direction:column;gap:1rem}
.account-view.is-active{display:flex}

.account-eyebrow{
  font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--gold-leaf);font-weight:600;
}

.account-view h3{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:2rem;line-height:1.1;color:var(--aubergine);
  margin:.15rem 0 .2rem;letter-spacing:-.01em;
}
.account-view h3 em{
  font-style:italic;font-weight:500;
  background:linear-gradient(135deg,var(--plum-deep) 0%,var(--gold-leaf) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.account-sub{
  font-family:'Cormorant Garamond',serif;
  font-size:1rem;line-height:1.5;color:var(--aubergine);
  opacity:.8;margin:0 0 .4rem;
}

.account-field{display:flex;flex-direction:column;gap:.4rem}
.account-field span{
  font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--plum-deep);font-weight:600;
}
.account-field input{
  width:100%;border:0;border-bottom:1px solid rgba(31,24,19,0.18);
  background:transparent;outline:0;
  font-family:'Inter',sans-serif;font-size:.95rem;
  color:var(--aubergine);
  padding:.55rem 0;
  transition:border-color .25s;
}
.account-field input::placeholder{color:var(--mauve-soft);opacity:.6}
.account-field input:focus{border-bottom-color:var(--gold-leaf)}

.account-row-mini{
  display:flex;justify-content:flex-end;
  margin-top:-.3rem;
}

.account-link{
  font-family:'Inter',sans-serif;
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--plum-deep);cursor:pointer;font-weight:600;
  text-decoration:none;
  transition:color .2s;
}
.account-link:hover{color:var(--gold-leaf)}

.account-submit{
  width:100%;justify-content:center;
  margin-top:.5rem;
}

.account-foot{
  text-align:center;
  font-size:.78rem;color:var(--aubergine);opacity:.85;
  margin:.4rem 0 0;
  font-family:'Inter',sans-serif;
}
.account-foot .account-link{margin-left:.3rem}

/* Inline μήνυμα μέσα στη φόρμα (σφάλμα / επιτυχία) — αντί για toast πίσω από το modal */
.account-msg{
  margin:.4rem 0 0;padding:.6rem .85rem;border-radius:10px;
  font-size:.82rem;line-height:1.45;text-align:center;
  font-family:'Inter',sans-serif;
}
.account-msg[hidden]{display:none}
.account-msg.is-error{background:rgba(176,58,58,0.10);color:#a83232;border:1px solid rgba(176,58,58,0.28)}
.account-msg.is-ok{background:rgba(120,150,90,0.12);color:#5f7a3e;border:1px solid rgba(120,150,90,0.32)}

.account-menu{list-style:none;margin:.6rem 0;padding:0;display:flex;flex-direction:column;gap:0}
.account-menu li{border-bottom:1px solid rgba(31,24,19,0.08)}
.account-menu li:first-child{border-top:1px solid rgba(31,24,19,0.08)}
.account-menu a{
  display:flex;align-items:center;justify-content:space-between;
  padding:.85rem .2rem;text-decoration:none;
  font-family:'Cormorant Garamond',serif;
  font-size:1rem;color:var(--aubergine);
  transition:color .2s, padding-left .2s;
}
.account-menu a::after{content:'›';color:var(--mauve-soft);font-size:1.2rem;transition:transform .2s, color .2s}
.account-menu a:hover{color:var(--gold-leaf);padding-left:.4rem}
.account-menu a:hover::after{color:var(--gold-leaf);transform:translateX(3px)}

.account-sub strong{font-weight:500;color:var(--plum-deep)}

/* Logged-in indicator (μικρό gold dot στο nav button) */
#accountBtn{position:relative}
#accountBtn.is-logged-in::after{
  content:'';position:absolute;top:6px;right:6px;
  width:7px;height:7px;border-radius:50%;
  background:var(--gold-leaf);
  box-shadow:0 0 0 2px var(--ivory);
}

/* ====================================================================
   ACCOUNT PAGE — Παραγγελίες & Στοιχεία
   ==================================================================== */
.account-page-header{padding:6rem 2.6rem 3rem;text-align:center;background:linear-gradient(180deg,var(--ivory) 0%,var(--champagne) 100%)}
.account-page-header h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.02em;color:var(--aubergine);margin:.4rem 0 .4rem;line-height:1.05}
.account-page-header h1 em{font-style:italic;color:var(--gold-leaf)}
.account-page-email{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--plum-deep);font-size:1.05rem;margin:0}

.account-page-section{max-width:900px;margin:0 auto;padding:2.5rem 2rem 5rem}

/* Tabs */
.acct-tabs{display:flex;gap:0;border-bottom:1px solid rgba(31,24,19,0.12);margin-bottom:2rem;flex-wrap:wrap}
.acct-tab{
  background:transparent;border:0;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:.72rem;
  letter-spacing:.26em;text-transform:uppercase;font-weight:600;
  color:var(--aubergine);opacity:.6;
  padding:1rem 1.4rem;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:opacity .2s, border-color .2s, color .2s;
}
.acct-tab:hover{opacity:.95}
.acct-tab.is-active{opacity:1;border-bottom-color:var(--gold-leaf);color:var(--plum-deep)}
.acct-tab--danger{margin-left:auto;color:var(--mauve-soft)}
.acct-tab--danger:hover{color:var(--plum-deep)}

/* Panes */
.acct-pane{display:none}
.acct-pane.is-active{display:block;animation:acctFadeIn .25s ease}
@keyframes acctFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.acct-empty{text-align:center;padding:3rem 1rem;font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--mauve-soft);font-size:1.1rem}
.acct-empty-state{text-align:center;padding:2.5rem 1rem}
.acct-empty-state .btn-primary{margin-top:1rem;display:inline-flex}

/* ============ ORDER CARD ============ */
.ord-card{
  border:1px solid rgba(31,24,19,0.1);
  border-radius:6px;
  background:var(--ivory);
  padding:1.4rem 1.6rem;
  margin-bottom:1.2rem;
  box-shadow:0 1px 2px rgba(31,24,19,0.04);
}
.ord-head{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:1rem;flex-wrap:wrap;
  padding-bottom:1rem;border-bottom:1px solid rgba(31,24,19,0.08);margin-bottom:1rem;
}
.ord-num{
  font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.24em;
  text-transform:uppercase;font-weight:600;color:var(--plum-deep);
  margin-bottom:.3rem;
}
.ord-date{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--aubergine);font-size:.95rem;opacity:.85}

.ord-status{
  display:inline-block;padding:.4rem .8rem;
  font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  border-radius:999px;background:var(--lavender-mist);color:var(--plum-deep);
  white-space:nowrap;
}
.ord-status.st-paid{background:#e8f3ec;color:#2c6c45}
.ord-status.st-shipped{background:#e8eef9;color:#2d4f8a}
.ord-status.st-delivered{background:#d9ead3;color:#1d5634}
.ord-status.st-cancelled{background:#f4dede;color:#7d2929}
.ord-status.st-refunded{background:#fff3d1;color:#7a5b14}
.ord-status.st-processing{background:#fce8d6;color:#7a4314}

.ord-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.ord-item{display:grid;grid-template-columns:54px 1fr auto;gap:.9rem;align-items:center;padding:.4rem 0}
.ord-item-thumb{
  width:54px;height:54px;border-radius:6px;overflow:hidden;
  background:linear-gradient(135deg,var(--lavender-mist),var(--lavender-dust));
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--aubergine);
  font-size:1rem;
}
.ord-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ord-item-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.ord-item-info small{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-leaf);font-weight:600}
.ord-item-info strong{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.02rem;color:var(--aubergine);line-height:1.2}
.ord-item-info span{font-size:.78rem;color:var(--aubergine);opacity:.75}
.ord-item-total{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--aubergine);font-weight:500}

.ord-foot{
  display:grid;grid-template-columns:1fr auto;gap:1.5rem;
  padding-top:1rem;border-top:1px solid rgba(31,24,19,0.08);margin-top:1rem;
}
.ord-addr small{display:block;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--plum-deep);font-weight:600;margin-bottom:.25rem}
.ord-addr{font-family:'Cormorant Garamond',serif;font-size:.95rem;color:var(--aubergine);font-style:italic}
.ord-totals{font-family:'Inter',sans-serif;font-size:.82rem;color:var(--aubergine);min-width:170px}
.ord-totals > div{display:flex;justify-content:space-between;gap:1rem;padding:.18rem 0}
.ord-total-grand{
  border-top:1px solid rgba(31,24,19,0.1);
  margin-top:.3rem;padding-top:.5rem !important;
  font-family:'Cormorant Garamond',serif;font-size:1.1rem !important;font-weight:500;
}

@media(max-width:680px){
  .ord-foot{grid-template-columns:1fr}
  .ord-totals{min-width:0}
}

/* ============ PROFILE FORM ============ */
.acct-profile-form{max-width:520px}
.acct-profile-form .ck-field input[readonly]{opacity:.7;cursor:not-allowed}
.acct-check{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;margin:1rem 0 1.4rem}
.acct-check input[type="checkbox"]{margin-top:.3rem;accent-color:var(--gold-leaf);width:16px;height:16px}
.acct-check span{font-family:'Cormorant Garamond',serif;color:var(--aubergine);font-size:.95rem;line-height:1.4}
.acct-profile-form .btn-primary{margin-top:.5rem}

@media(max-width:520px){
  .account-panel{padding:2rem 1.4rem 1.6rem}
  .account-view h3{font-size:1.7rem}
}