/* ===================== account.css — حساب کاربری، نظرات، امتیاز، درخواست محصول ===================== */

/* ---------- ویجت حساب کاربری در هدر (با جاوااسکریپت اضافه می‌شه) ---------- */
.account-widget{
  display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700;
  color:var(--navy-900); text-decoration:none; padding:8px 12px; border-radius:var(--radius-sm);
  background:var(--slate-100); transition:background .2s ease;
  white-space:nowrap;
}
.account-widget:hover{ background:var(--slate-200); }
.account-widget i{ color:var(--blue-600); }
.account-widget .stars-mini{ color:var(--amber-400); font-size:11px; margin-right:2px; }

/* ---------- فرم‌های ورود/ثبت‌نام ---------- */
.auth-wrap{ padding:40px 20px 60px; }
.auth-card{
  max-width:420px; margin:0 auto; background:#fff; border:1px solid var(--slate-200);
  border-radius:var(--radius-lg); padding:30px 26px; box-shadow:var(--shadow-card);
}
.auth-card h1{ font-size:19px; margin-bottom:6px; text-align:center; }
.auth-card p.sub{ text-align:center; color:var(--slate-600); font-size:12.5px; margin-bottom:18px; }
.auth-card label{ display:block; font-size:12.5px; color:var(--slate-600); margin-top:4px; }
.auth-card .error-text{ color:#d92d20; font-size:12.5px; margin-top:10px; text-align:center; min-height:16px; }
.auth-card .success-text{ color:#16a34a; font-size:12.5px; margin-top:10px; text-align:center; }
.auth-switch{ text-align:center; margin-top:16px; font-size:12.5px; color:var(--slate-600); }
.auth-switch a{ color:var(--blue-600); font-weight:700; }

/* ---------- هدر حساب / پروفایل ---------- */
.account-hero{
  background:linear-gradient(160deg,var(--navy-950) 0%,var(--navy-900) 55%,var(--navy-800) 100%);
  color:#fff; padding:36px 20px 40px; text-align:center;
}
.account-hero h1{ font-size:22px; font-weight:800; margin:8px 0 4px; }
.account-hero p{ color:#c3d2f2; font-size:13px; }

.stars-badge{
  display:inline-flex; align-items:center; gap:6px; background:rgba(255,176,32,.16);
  border:1px solid rgba(255,176,32,.4); color:var(--amber-300); padding:8px 16px;
  border-radius:999px; font-weight:800; font-size:14px; margin-top:10px;
}

.account-wrap{ padding:30px 20px 60px; max-width:900px; margin:0 auto; }

.account-tabs{ display:flex; gap:8px; overflow-x:auto; margin-bottom:20px; padding-bottom:2px; }
.account-tabs button{
  flex:none; padding:10px 18px; border-radius:999px; border:1px solid var(--slate-200);
  background:#fff; font-size:13px; font-weight:700; color:var(--slate-600); cursor:pointer;
}
.account-tabs button.active{ background:var(--blue-600); color:#fff; border-color:var(--blue-600); }

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

.account-card{
  background:#fff; border:1px solid var(--slate-200); border-radius:var(--radius-lg);
  padding:22px; box-shadow:var(--shadow-card); margin-bottom:16px;
}
.account-card h3{ font-size:15px; margin-bottom:14px; }

.info-row{ display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px dashed var(--slate-200); font-size:13.5px; }
.info-row:last-child{ border-bottom:none; }
.info-row span:first-child{ color:var(--slate-600); }

/* ---------- تاریخچه سفارش‌ها ---------- */
.order-card{ border:1px solid var(--slate-200); border-radius:var(--radius-md); padding:16px; margin-bottom:12px; }
.order-card-head{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; align-items:center; }
.order-card-head .inv{ font-family:var(--font-mono); font-weight:700; color:var(--blue-600); font-size:13px; }
.order-status{ font-size:11.5px; padding:4px 10px; border-radius:999px; font-weight:700; background:var(--slate-100); color:var(--slate-600); }
.order-status.pending{ background:#fff4e5; color:#b45309; }
.order-status.confirmed{ background:#e0f2fe; color:#0369a1; }
.order-status.shipped{ background:#ede9fe; color:#6d28d9; }
.order-status.delivered{ background:#dcfce7; color:#15803d; }
.order-status.cancelled{ background:#fee2e2; color:#b91c1c; }
.order-items-mini{ margin-top:10px; font-size:12.5px; color:var(--slate-600); line-height:1.9; }
.order-card-foot{ margin-top:10px; display:flex; justify-content:space-between; font-size:13px; align-items:center; }
.order-card-foot strong{ color:var(--blue-600); font-family:var(--font-mono); }
.order-stars{ color:var(--amber-400); font-size:12.5px; }

/* ---------- درخواست محصول ---------- */
.request-card{ border:1px solid var(--slate-200); border-radius:var(--radius-md); padding:14px 16px; margin-bottom:10px; font-size:13px; }
.request-card .req-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; }
.request-status{ font-size:11px; padding:3px 10px; border-radius:999px; font-weight:700; background:var(--slate-100); color:var(--slate-600); }
.request-status.new{ background:#fff4e5; color:#b45309; }
.request-status.seen{ background:#e0f2fe; color:#0369a1; }
.request-status.done{ background:#dcfce7; color:#15803d; }
.request-card p{ color:var(--slate-600); margin-top:6px; }
.request-card .admin-note{ margin-top:8px; background:var(--slate-50); border-radius:var(--radius-sm); padding:8px 10px; font-size:12px; }

/* ---------- نظرات محصول ---------- */
.reviews-section{ max-width:960px; margin:34px auto 0; padding:0 4px; }
.reviews-section h3{ font-size:16px; margin-bottom:14px; }
.reviews-summary{ font-size:12.5px; color:var(--slate-600); font-weight:400; margin-right:8px; }
.reviews-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
.review-item{ border:1px solid var(--slate-200); border-radius:var(--radius-md); padding:14px 16px; }
.review-item-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
.review-item .stars{ color:var(--amber-400); font-size:13px; letter-spacing:1px; }
.review-item .author{ font-size:12.5px; font-weight:700; color:var(--navy-900); }
.review-item .date{ font-size:11px; color:var(--slate-600); }
.review-item p{ margin-top:8px; font-size:13px; color:var(--slate-600); line-height:1.8; }
.reviews-empty{ font-size:13px; color:var(--slate-600); }

.review-form-wrap{ border:1px solid var(--slate-200); border-radius:var(--radius-lg); padding:18px; background:var(--slate-50); }
.review-form-wrap h4{ font-size:13.5px; margin-bottom:10px; }
.star-rating-input{ display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:4px; font-size:26px; color:var(--slate-200); cursor:pointer; width:fit-content; }
.star-rating-input span{ transition:color .15s ease; }
.star-rating-input span.active,
.star-rating-input span:hover,
.star-rating-input span:hover ~ span{ color:var(--amber-400); }
.review-msg{ font-size:12.5px; margin-top:8px; color:var(--slate-600); }
.review-login-prompt{ font-size:13px; color:var(--slate-600); background:var(--slate-50); border-radius:var(--radius-md); padding:14px; text-align:center; }
.review-login-prompt a{ color:var(--blue-600); font-weight:700; }

@media (max-width:600px){
  .auth-card{ padding:22px 18px; }
  .account-wrap{ padding:20px 14px 44px; }
}