/**
 * Hesap alanı — Derya Arık Boutique
 * .acc-* bileşenleri (hesabım / siparişlerim / sipariş detay)
 */

.acc-wrap{
  --acc-ink:#141011;
  --acc-muted:#7a716c;
  --acc-line:rgba(20,16,17,.10);
  --acc-soft:rgba(20,16,17,.04);
  --acc-paper:#fff;
  --acc-elev:#f7f4f1;
  --acc-accent:#9d1111;
  --acc-accent-soft:rgba(157,17,17,.10);
  position:relative;
  padding:36px 0 72px;
  background:
    radial-gradient(70% 50% at 8% 0%, rgba(157,17,17,.05), transparent 55%),
    linear-gradient(180deg, #f6f3f0 0%, #fff 55%, #faf8f6 100%);
  overflow:hidden;
}
.acc-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px 280px at 92% 8%, rgba(200,160,106,.12), transparent 70%),
    radial-gradient(340px 240px at 0% 70%, rgba(15,23,42,.04), transparent 65%);
}
.acc-wrap > .container{ position:relative; z-index:1; }

.acc-hero{
  margin-bottom:22px;
  animation:accRise .55s cubic-bezier(.22,1,.36,1) both;
}
.acc-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--acc-accent);
  margin-bottom:8px;
}
.acc-kicker::before{
  content:"";
  width:7px; height:7px;
  border-radius:50%;
  background:var(--acc-accent);
  box-shadow:0 0 0 3px var(--acc-accent-soft);
}
.acc-hero-title{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:500;
  font-size:clamp(1.85rem, 3.2vw, 2.55rem);
  letter-spacing:.01em;
  color:var(--acc-ink);
  margin:0 0 6px;
  line-height:1.15;
}
.acc-hero-sub{
  color:var(--acc-muted);
  font-size:1rem;
  line-height:1.55;
  margin:0;
  max-width:42rem;
}

.acc-card{
  background:var(--acc-paper);
  border:1px solid var(--acc-line);
  border-radius:20px;
  padding:22px;
  box-shadow:0 28px 60px -40px rgba(15,23,42,.35);
  animation:accRise .65s cubic-bezier(.22,1,.36,1) both;
}
.acc-side{ padding:20px 18px; }
.acc-main{ padding:24px; animation-delay:.06s; }

.acc-profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:16px;
  margin-bottom:14px;
  border-bottom:1px solid var(--acc-line);
}
.acc-avatar{
  width:48px; height:48px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg, #2a2220, #141011);
  color:#f6efe9;
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.15rem;
  font-weight:600;
  flex:none;
}
.acc-profile-name{
  font-weight:700;
  color:var(--acc-ink);
  font-size:.98rem;
  line-height:1.25;
}
.acc-profile-mail{
  color:var(--acc-muted);
  font-size:.875rem;
  word-break:break-all;
}

.acc-nav{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.acc-nav a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-radius:12px;
  text-decoration:none;
  color:var(--acc-ink);
  font-size:1rem;
  font-weight:500;
  border:1px solid transparent;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.acc-nav a i{
  width:1.1em;
  text-align:center;
  color:var(--acc-muted);
  font-size:1.05rem;
}
.acc-nav a:hover{
  background:var(--acc-soft);
  border-color:var(--acc-line);
  transform:translateX(2px);
}
.acc-nav a.is-active{
  background:var(--acc-accent-soft);
  border-color:rgba(157,17,17,.18);
  color:var(--acc-accent);
}
.acc-nav a.is-active i{ color:var(--acc-accent); }
.acc-nav a.is-exit{
  margin-top:6px;
  color:#8a3a3a;
}
.acc-nav a.is-exit:hover{
  background:rgba(157,17,17,.06);
  border-color:rgba(157,17,17,.14);
}

.acc-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
.acc-title{
  font-family:"Playfair Display", Georgia, serif;
  font-weight:500;
  font-size:1.45rem;
  color:var(--acc-ink);
  margin:0 0 4px;
  letter-spacing:.01em;
}
.acc-muted,
.acc-wrap .muted{
  color:var(--acc-muted);
  font-size:.9375rem;
  line-height:1.5;
}

.acc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid var(--acc-ink);
  background:var(--acc-ink);
  color:#fff;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.acc-btn:hover{
  background:#000;
  color:#fff;
  border-color:#000;
  transform:translateY(-1px);
}
.acc-btn-ghost{
  background:transparent;
  color:var(--acc-ink);
}
.acc-btn-ghost:hover{
  background:var(--acc-ink);
  color:#fff;
}
.acc-btn-sm{
  padding:8px 14px;
  font-size:12px;
}
.acc-btn-danger{
  border-color:rgba(157,17,17,.35);
  background:transparent;
  color:var(--acc-accent);
}
.acc-btn-danger:hover{
  background:var(--acc-accent);
  border-color:var(--acc-accent);
  color:#fff;
}

.acc-empty{
  padding:28px 20px;
  text-align:center;
  border:1px dashed var(--acc-line);
  border-radius:16px;
  background:var(--acc-elev);
  color:var(--acc-muted);
}
.acc-empty strong{
  display:block;
  color:var(--acc-ink);
  font-family:"Playfair Display", Georgia, serif;
  font-weight:500;
  font-size:1.2rem;
  margin-bottom:6px;
}

.addr-card{
  border:1px solid var(--acc-line);
  border-radius:16px;
  padding:16px 16px 14px;
  background:linear-gradient(180deg, #fff 0%, var(--acc-elev) 160%);
  transition:border-color .18s ease, box-shadow .18s ease;
}
.addr-card.default{
  border-color:rgba(157,17,17,.35);
  box-shadow:0 0 0 3px var(--acc-accent-soft);
}
.addr-card .chip{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:var(--acc-accent-soft);
  color:var(--acc-accent);
  border:0;
}
.edit-box{
  border-top:1px solid var(--acc-line);
  margin-top:14px;
  padding-top:14px;
}

.acc-form .form-label{
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--acc-muted);
  margin-bottom:6px;
}
.acc-form .form-control,
.acc-form .form-select{
  border-radius:12px;
  border-color:var(--acc-line);
  padding:.7rem .9rem;
  background:#fff;
}
.acc-form .form-control:focus,
.acc-form .form-select:focus{
  border-color:rgba(157,17,17,.45);
  box-shadow:0 0 0 4px var(--acc-accent-soft);
}
.acc-divider{
  height:1px;
  background:var(--acc-line);
  margin:28px 0 22px;
  border:0;
}

.order-row{
  display:block;
  border:1px solid var(--acc-line);
  border-radius:16px;
  padding:16px 18px;
  background:#fff;
  text-decoration:none;
  color:inherit;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.order-row:hover{
  border-color:rgba(157,17,17,.28);
  transform:translateY(-2px);
  box-shadow:0 18px 36px -28px rgba(15,23,42,.45);
  color:inherit;
}
.order-no{
  font-weight:700;
  color:var(--acc-ink);
  letter-spacing:.02em;
}
.order-total{
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.25rem;
  font-weight:600;
  color:var(--acc-ink);
}

.badge-soft{
  background:var(--acc-elev);
  color:var(--acc-ink);
  border-radius:999px;
  padding:6px 11px;
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.badge-ok{ background:rgba(34,120,72,.12); color:#1b5e3a; }
.badge-warn{ background:rgba(200,160,106,.22); color:#7a5520; }
.badge-bad{ background:rgba(157,17,17,.12); color:#9d1111; }

.acc-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:var(--acc-muted);
  text-decoration:none;
  font-size:.9rem;
  font-weight:500;
  transition:color .15s ease;
}
.acc-back:hover{ color:var(--acc-accent); }

.acc-summary{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:18px;
  align-items:start;
}
@media (max-width:767.98px){
  .acc-summary{ grid-template-columns:1fr; }
}

.acc-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px 16px;
  padding:14px 0;
  border-bottom:1px solid var(--acc-line);
}
.acc-item:last-child{ border-bottom:0; }
.acc-item-name{
  font-weight:600;
  color:var(--acc-ink);
  font-size:.95rem;
}
.acc-item-meta{
  color:var(--acc-muted);
  font-size:.82rem;
  margin-top:3px;
}
.acc-item-price{
  text-align:right;
  font-weight:700;
  color:var(--acc-ink);
  white-space:nowrap;
}
.acc-totals{
  display:grid;
  gap:8px;
  margin-top:8px;
}
.acc-totals-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--acc-muted);
  font-size:.92rem;
}
.acc-totals-row.is-grand{
  margin-top:6px;
  padding-top:10px;
  border-top:1px solid var(--acc-line);
  color:var(--acc-ink);
  font-weight:700;
  font-size:1.05rem;
}
.acc-totals-row.is-grand span:last-child{
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.35rem;
}

.acc-timeline{
  display:flex;
  flex-direction:column;
  gap:0;
  position:relative;
  padding-left:18px;
}
.acc-timeline::before{
  content:"";
  position:absolute;
  left:4px; top:6px; bottom:6px;
  width:1px;
  background:var(--acc-line);
}
.acc-tl-item{
  position:relative;
  padding:0 0 16px 14px;
}
.acc-tl-item:last-child{ padding-bottom:0; }
.acc-tl-item::before{
  content:"";
  position:absolute;
  left:-14px; top:6px;
  width:9px; height:9px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--acc-accent);
  box-shadow:0 0 0 3px var(--acc-accent-soft);
}

@keyframes accRise{
  from{ opacity:0; transform:translateY(12px); }
  to{ opacity:1; transform:none; }
}

@media (max-width:991.98px){
  .acc-wrap{ padding:22px 0 48px; }
  .acc-card{ border-radius:16px; padding:16px; }
  .acc-side{ margin-bottom:4px; }
  .acc-nav{ flex-direction:row; flex-wrap:wrap; gap:6px; }
  .acc-nav a{ flex:1 1 auto; justify-content:center; transform:none !important; }
  .acc-nav a.is-exit{ margin-top:0; }
}

/* ---------- Dark mode ---------- */
html[data-bs-theme="dark"] .acc-wrap{
  --acc-ink:#f3ece7;
  --acc-muted:#a39890;
  --acc-line:rgba(243,236,231,.12);
  --acc-soft:rgba(243,236,231,.06);
  --acc-paper:#1a1514;
  --acc-elev:#221c1a;
  --acc-accent:#e25555;
  --acc-accent-soft:rgba(226,85,85,.16);
  background:
    radial-gradient(70% 50% at 8% 0%, rgba(226,85,85,.08), transparent 55%),
    linear-gradient(180deg, #121010 0%, #1a1514 60%, #121010 100%);
}
html[data-bs-theme="dark"] .acc-card,
html[data-bs-theme="dark"] .order-row,
html[data-bs-theme="dark"] .addr-card{
  background:var(--acc-paper);
  box-shadow:0 28px 60px -36px rgba(0,0,0,.7);
}
html[data-bs-theme="dark"] .addr-card{
  background:linear-gradient(180deg, #1f1917 0%, #1a1514 100%);
}
html[data-bs-theme="dark"] .acc-avatar{
  background:linear-gradient(145deg, #f3ece7, #cfc3bb);
  color:#141011;
}
html[data-bs-theme="dark"] .acc-btn{
  background:#f3ece7;
  border-color:#f3ece7;
  color:#121010;
}
html[data-bs-theme="dark"] .acc-btn:hover{
  background:#fff;
  border-color:#fff;
  color:#000;
}
html[data-bs-theme="dark"] .acc-btn-ghost{
  background:transparent;
  color:#f3ece7;
  border-color:rgba(243,236,231,.35);
}
html[data-bs-theme="dark"] .acc-btn-ghost:hover{
  background:#f3ece7;
  color:#121010;
}
html[data-bs-theme="dark"] .acc-form .form-control,
html[data-bs-theme="dark"] .acc-form .form-select{
  background:#221c1a !important;
  border-color:var(--acc-line) !important;
  color:var(--acc-ink) !important;
}
html[data-bs-theme="dark"] .badge-ok{ background:rgba(52,168,98,.18); color:#8fefb2; }
html[data-bs-theme="dark"] .badge-warn{ background:rgba(200,160,106,.18); color:#e8c48a; }
html[data-bs-theme="dark"] .badge-bad{ background:rgba(226,85,85,.18); color:#ff8a8a; }
html[data-bs-theme="dark"] .acc-tl-item::before{ background:#1a1514; }