/**
 * mb-style.css
 * استایل صفحات سیستم عضویت/اشتراک/پرداخت مکتب‌بوک (ثبت‌نام، پنل، طرح‌ها، پرداخت)
 * از همان متغیرهای رنگی قالب اصلی (style.css) استفاده می‌کند تا کاملاً هم‌رنگ و
 * هماهنگ با طراحی سرای‌تاریخ باشد؛ هیچ‌کدام از قوانین/کلاس‌های موجود قالب تغییر نکرده،
 * این فایل کاملاً افزودنی (additive) است.
 */

.mb-auth-wrap, .mb-pay-wrap { display:flex; justify-content:center; padding:40px 15px; }
.mb-auth-box, .mb-pay-box {
  width:100%; max-width:420px; background:var(--sarayetarikh-surface); border-radius:var(--sarayetarikh-radius);
  box-shadow:var(--sarayetarikh-shadow); padding:30px 25px; text-align:center;
  border:1px solid var(--sarayetarikh-border);
}
.mb-auth-logo img, .mb-pay-logo img { max-height:52px; margin-bottom:10px; }
.mb-auth-title, .mb-pay-title { font-size:22px; font-weight:700; margin:10px 0 5px; color:var(--sarayetarikh-ink); }
.mb-auth-sub { color:var(--sarayetarikh-text-muted); font-size:14px; margin-bottom:20px; }
.mb-field { text-align:right; margin-bottom:14px; }
.mb-field label { display:block; font-size:13px; margin-bottom:5px; color:var(--sarayetarikh-text); }
.mb-field input {
  width:100%; padding:11px 14px; border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius-sm);
  font-size:14px; outline:none; transition:.2s; font-family:inherit; color:var(--sarayetarikh-text);
  background:var(--sarayetarikh-surface);
}
.mb-field textarea {
  width:100%; padding:11px 14px; border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius-sm);
  font-size:14px; outline:none; transition:.2s; font-family:inherit; color:var(--sarayetarikh-text);
  background:var(--sarayetarikh-surface); resize:vertical;
}
.mb-field textarea:focus { border-color:var(--sarayetarikh-gold); box-shadow:0 0 0 3px rgba(176,141,61,.15); }
.mb-field input:focus { border-color:var(--sarayetarikh-gold); box-shadow:0 0 0 3px rgba(176,141,61,.15); }
.mb-captcha-row { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.mb-captcha-row img { border-radius:var(--sarayetarikh-radius-sm); border:1px solid var(--sarayetarikh-border); }
.sarayetarikh-comment-form .mb-captcha-field { grid-column:1/-1; text-align:right; margin-bottom:4px; }
.sarayetarikh-comment-form .mb-captcha-row img { background:#fff; }
/* دکمه‌ی رفرش کپچا داخل فرم دیدگاه نباید ظاهر دکمه‌ی ارسالِ عمومیِ فرم را بگیرد؛
   باید دقیقاً همان آیکون دایره‌ای صفحه‌ی عضویت باشد. */
.sarayetarikh-comment-form .mb-captcha-refresh {
  grid-column:auto; justify-self:auto;
  display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  border-radius:50%; border:1px solid var(--sarayetarikh-border); background:var(--sarayetarikh-surface);
  color:var(--sarayetarikh-maroon); padding:0; font-weight:400; font-size:inherit;
}
.sarayetarikh-comment-form .mb-captcha-refresh:hover { background:var(--sarayetarikh-maroon); color:#fff; border-color:var(--sarayetarikh-maroon); }
.mb-captcha-refresh { font-size:12px; color:var(--sarayetarikh-maroon); cursor:pointer; }
.mb-captcha-loading .mb-captcha-img { opacity:.45; transition:opacity .15s; }
.mb-captcha-img { background:var(--sarayetarikh-surface-soft,#f2f0ea); min-width:140px; min-height:50px; }
.mb-btn {
  display:inline-block; padding:12px 22px; border-radius:var(--sarayetarikh-radius-sm); font-size:15px;
  font-weight:600; text-decoration:none; cursor:pointer; border:none; transition:.2s; font-family:inherit;
}
.mb-btn-primary { background:var(--sarayetarikh-maroon); color:#F7EFDD; width:100%; }
.mb-btn-primary:hover { background:var(--sarayetarikh-maroon-dark); color:#F7EFDD; }
.mb-btn-outline { background:transparent; border:1px solid var(--sarayetarikh-maroon); color:var(--sarayetarikh-maroon); }
.mb-btn-outline:hover { background:var(--sarayetarikh-maroon); color:#F7EFDD; }
.mb-auth-footer { margin-top:18px; font-size:11px; color:var(--sarayetarikh-text-muted); }
.mb-msg { font-size:13px; margin:10px 0; min-height:16px; }
.mb-msg-ok { color:#1e8e3e; }
.mb-msg-err { color:#d93025; }

/* پنل کاربری */
.mb-panel-wrap { max-width:760px; margin:30px auto; padding:0 15px; }
.mb-alert { padding:12px 16px; border-radius:var(--sarayetarikh-radius-sm); margin-bottom:18px; font-size:14px; }
.mb-alert-success { background:#e6f7ee; color:#1e8e3e; }
.mb-alert-error { background:#fdeceb; color:#d93025; }
.mb-panel-header {
  display:flex; justify-content:space-between; align-items:center;
  background:var(--sarayetarikh-surface); border-radius:var(--sarayetarikh-radius); padding:18px 20px;
  box-shadow:var(--sarayetarikh-shadow-sm); margin-bottom:16px; flex-wrap:wrap; gap:10px;
  border:1px solid var(--sarayetarikh-border);
}
.mb-panel-email { font-weight:600; color:var(--sarayetarikh-ink); }
.mb-status-icon { padding:6px 14px; border-radius:20px; font-size:13px; font-weight:600; }
.mb-status-active { background:#e6f7ee; color:#1e8e3e; }
.mb-status-inactive { background:#fdeceb; color:#d93025; }
.mb-sub-info {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px;
}
.mb-sub-info-item {
  background:var(--sarayetarikh-surface); border-radius:var(--sarayetarikh-radius-sm); padding:16px;
  text-align:center; box-shadow:var(--sarayetarikh-shadow-sm); border:1px solid var(--sarayetarikh-border);
}
.mb-sub-info-item .label { display:block; font-size:12px; color:var(--sarayetarikh-text-muted); margin-bottom:6px; }
.mb-sub-info-item .value { font-weight:700; font-size:15px; color:var(--sarayetarikh-ink); }
.mb-days-left { color:var(--sarayetarikh-maroon); }
.mb-no-sub-box {
  background:#FBF6E9; border:1px dashed var(--sarayetarikh-gold); border-radius:var(--sarayetarikh-radius);
  padding:24px; text-align:center; margin-bottom:16px;
}
.mb-no-sub-box p { margin-bottom:14px; color:var(--sarayetarikh-text); }
.mb-panel-actions { text-align:center; }

/* پلن‌های اشتراک */
.mb-plans-wrap { max-width:1000px; margin:30px auto; padding:0 15px; text-align:center; }
.mb-plans-title { font-size:24px; font-weight:700; margin-bottom:24px; color:var(--sarayetarikh-ink); }
.mb-plans-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
.mb-plan-card {
  position:relative; background:var(--sarayetarikh-surface); border-radius:var(--sarayetarikh-radius); padding:30px 22px 26px;
  box-shadow:var(--sarayetarikh-shadow-sm); border:2px solid var(--sarayetarikh-border); transition:.25s;
  overflow:hidden;
}
.mb-plan-card::before {
  content:""; position:absolute; top:0; right:0; left:0; height:5px;
  background:linear-gradient(90deg, var(--sarayetarikh-gold), var(--sarayetarikh-maroon));
  opacity:.55; transition:.25s;
}
.mb-plan-card:hover { transform:translateY(-6px); box-shadow:var(--sarayetarikh-shadow); border-color:var(--sarayetarikh-gold); }
.mb-plan-card:hover::before { opacity:1; }
.mb-plan-popular { border-color:var(--sarayetarikh-gold); box-shadow:0 6px 22px rgba(176,141,61,.18); }
.mb-plan-popular::before { opacity:1; }
.mb-plan-badge {
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background:linear-gradient(90deg, var(--sarayetarikh-gold), #c9a44f); color:#fff; font-size:12px; font-weight:600;
  padding:5px 16px; border-radius:20px; box-shadow:0 3px 10px rgba(176,141,61,.35);
}
.mb-plan-name { font-size:17px; font-weight:600; margin-bottom:14px; color:var(--sarayetarikh-ink); }
.mb-plan-price { font-size:28px; font-weight:800; color:var(--sarayetarikh-maroon); margin-bottom:20px; letter-spacing:-.3px; }
.mb-plan-price span { font-size:13px; font-weight:400; color:var(--sarayetarikh-text-muted); margin-inline-start:4px; }
.mb-plan-unlimited-badge {
  display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:700; color:#fff;
  background:linear-gradient(90deg,#1e8e3e,#166e30); padding:5px 14px; border-radius:20px;
  box-shadow:0 3px 10px rgba(30,142,62,.3); margin-bottom:12px;
}
.mb-plan-unlimited-icon { font-size:11px; }
.mb-plan-select { box-shadow:0 4px 14px rgba(122,35,49,.18); }
.mb-plan-select:hover { transform:translateY(-1px); }
.mb-renewal-notice {
  display:inline-flex; align-items:center; gap:8px; background:#FBF6E9; border:1px dashed var(--sarayetarikh-gold);
  border-radius:var(--sarayetarikh-radius-sm); padding:10px 18px; margin:-10px auto 24px; font-size:13.5px;
  color:var(--sarayetarikh-text); max-width:560px;
}
.mb-renewal-notice svg { flex-shrink:0; color:var(--sarayetarikh-gold); width:18px; height:18px; }

/* پرداخت */
.mb-pay-details { text-align:right; margin:20px 0; }
.mb-pay-row {
  display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--sarayetarikh-border); font-size:14px;
  color:var(--sarayetarikh-text);
}
.mb-pay-btn { margin-top:10px; }

.mb-pay-gateways { text-align:right; margin:6px 0 18px; }
.mb-pay-gateways-title { font-size:13.5px; font-weight:600; color:var(--sarayetarikh-text); margin:0 0 10px; }
.mb-pay-gateway-option {
  display:flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid var(--sarayetarikh-border);
  border-radius:var(--sarayetarikh-radius-sm); margin-bottom:8px; font-size:14px; color:var(--sarayetarikh-text);
  cursor:pointer; transition:border-color .15s ease, background .15s ease;
}
.mb-pay-gateway-option:hover { border-color:var(--sarayetarikh-gold); }
.mb-pay-gateway-option input[type="radio"]:checked ~ span { font-weight:700; }
.mb-pay-gateway-option:has(input[type="radio"]:checked) { border-color:var(--sarayetarikh-gold); background:#FBF6E9; }

/* حالت‌های باکس دانلود (قفل/سقف روزانه) — کاملاً افزودنی، ساختار dlbox اصلی دست‌نخورده است */
.sarayetarikh-dl-locked { text-align:center; padding:22px 18px; background:var(--sarayetarikh-surface-soft); border-radius:var(--sarayetarikh-radius-sm); width:100%; }
.sarayetarikh-dl-locked-msg { font-size:14px; color:var(--sarayetarikh-text); margin:0 0 14px; }
.sarayetarikh-dl-locked-actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.sarayetarikh-dl-locked-actions .mb-btn { width:auto; padding:10px 18px; font-size:11px; }
.sarayetarikh-dl-busy { opacity:.6; pointer-events:none; }

@media (max-width:600px) {
  .mb-sub-info { grid-template-columns:1fr; }
}

/* ثبت‌نام: ردیف نام/نام‌خانوادگی کنار هم */
.mb-field-row { display:flex; gap:10px; }
.mb-field-row .mb-field { flex:1; }
@media (max-width:480px) { .mb-field-row { flex-direction:column; gap:0; } }

/* دکمه‌ی رفرش کپچا فقط آیکون (بدون متن) */
.mb-captcha-refresh {
  display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  border-radius:50%; border:1px solid var(--sarayetarikh-border); background:var(--sarayetarikh-surface);
  color:var(--sarayetarikh-maroon); cursor:pointer; padding:0; flex-shrink:0; transition:.2s;
}
.mb-captcha-refresh:hover { background:var(--sarayetarikh-maroon); color:#fff; border-color:var(--sarayetarikh-maroon); }
.mb-captcha-refresh svg { width:18px; height:18px; }

/* پیام‌های هشدار با آیکون (موفقیت پرداخت/شکست پرداخت) */
.mb-alert-icon { display:flex; align-items:flex-start; gap:10px; text-align:right; }
.mb-alert-icon svg { flex-shrink:0; margin-top:2px; }

/* رنگ‌بندی روزهای باقی‌مانده‌ی اشتراک: سبز (>۵ روز) / قرمز (≤۵ روز) */
.mb-days-green { color:#1e8e3e !important; }
.mb-days-red { color:#d93025 !important; }

/* ================= چیدمان پنل کاربری: سایدبار + محتوای اصلی ================= */
.mb-panel-layout { background: #fff;max-width:100%; margin:30px auto; padding:15px 15px; display:grid; grid-template-columns:240px 1fr; gap:20px; align-items:start; }
@media (max-width:760px) { .mb-panel-layout { grid-template-columns:1fr; } }

.mb-panel-sidebar {
  background:var(--sarayetarikh-surface); border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius);
  box-shadow:var(--sarayetarikh-shadow-sm); padding:24px 18px; text-align:center;
}
.mb-sidebar-avatar {
  width:76px; height:76px; margin:0 auto 12px; border-radius:50%; background:var(--sarayetarikh-surface-soft);
  display:flex; align-items:center; justify-content:center; color:var(--sarayetarikh-maroon);
}
.mb-sidebar-avatar svg { width:38px; height:38px; }
.mb-sidebar-name { font-size:16px; font-weight:700; color:var(--sarayetarikh-ink); margin-bottom:18px; }
.mb-sidebar-menu-item {
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:11px 10px;
  background:transparent; border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius-sm);
  color:var(--sarayetarikh-text); font-size:14px; font-family:inherit; cursor:pointer; transition:.2s;
}
.mb-sidebar-menu-item:hover { border-color:var(--sarayetarikh-maroon); color:var(--sarayetarikh-maroon); }
.mb-sidebar-menu-item svg { width:17px; height:17px; }
.mb-sidebar-avatar-ring {
  box-shadow:0 0 0 3px var(--sarayetarikh-surface), 0 0 0 5px var(--sarayetarikh-gold);
}
.mb-sidebar-joined {
  font-size:11.5px; color:var(--sarayetarikh-text-muted); margin:-14px 0 18px;
}
.mb-sidebar-nav { display:flex; flex-direction:column; gap:6px; text-align:right; }
.mb-sidebar-nav-item {
  display:flex; align-items:center; gap:10px; width:100%; padding:10px 12px;
  background:transparent; border:1px solid transparent; border-radius:var(--sarayetarikh-radius-sm);
  color:var(--sarayetarikh-text); font-size:13.5px; font-family:inherit; text-decoration:none; cursor:pointer; transition:.2s;
}
.mb-sidebar-nav-item:hover, .mb-sidebar-nav-item.is-current {
  background:var(--sarayetarikh-surface-soft,#f2f0ea); border-color:var(--sarayetarikh-border); color:var(--sarayetarikh-ink);
}
.mb-sidebar-nav-item.mb-nav-danger:hover { background:#fdeceb; color:#d93025; }
.mb-sidebar-nav-icon {
  width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; color:#fff;
}
.mb-sidebar-nav-icon svg { width:16px; height:16px; }
.mb-nav-c1 { background:var(--sarayetarikh-maroon); }
.mb-nav-c2 { background:#2B6CB0; }
.mb-nav-c3 { background:#6B3FA0; }
.mb-nav-c4 { background:#1e8e3e; }
.mb-nav-c5 { background:var(--sarayetarikh-gold); }
.mb-nav-c6 { background:#d93025; }
.mb-sidebar-pass-form { margin-top:14px; text-align:right; }

.mb-panel-main { min-width:0; }

/* آیکون کاربر در هدر پنل به‌جای ایمیل */
.mb-panel-user { display:flex; align-items:center; gap:8px; color:var(--sarayetarikh-ink); }
.mb-panel-username { font-weight:600; }

/* ================= تاریخچه‌ی دانلود ================= */
.mb-history-list { display:flex; flex-direction:column; margin-bottom:10px; }
.mb-history-item {
  display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--sarayetarikh-border);
}
.mb-history-item:last-child { border-bottom:none; padding-bottom:0; }
.mb-history-item:first-child { padding-top:0; }
.mb-history-thumb img { width:52px; height:70px; object-fit:cover; border-radius:6px; }
.mb-history-body { flex:1; min-width:0; }
.mb-history-body h3 { font-size:14.5px; font-weight:700; margin:0 0 4px; color:var(--sarayetarikh-ink); }
.mb-history-date { font-size:12px; color:var(--sarayetarikh-text-muted); }
.mb-history-actions { display:flex; gap:8px; flex-shrink:0; }
.mb-history-actions .mb-btn { padding:8px 16px; font-size:11px; width:auto; }
@media (max-width:560px) {
  .mb-history-item { flex-wrap:wrap; }
  .mb-history-actions { width:100%; justify-content:flex-end; }
}

/* ================= سایدبار: ایمیل زیر نام کاربر ================= */
.mb-sidebar-email {
  font-size:12.5px; color:var(--sarayetarikh-text-muted); margin:-12px 0 18px;
  word-break:break-word; line-height:1.6;
}

/* ================= داشبورد آماری بالای پنل ================= */
.mb-stats-grid {
  display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin-bottom:20px;
}
.mb-stat-card {
  background:var(--sarayetarikh-surface); border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius);
  box-shadow:var(--sarayetarikh-shadow-sm); padding:18px 14px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:6px;
}
.mb-stat-icon {
  width:38px; height:38px; border-radius:50%; background:var(--sarayetarikh-surface-soft,#f2f0ea);
  display:flex; align-items:center; justify-content:center; color:var(--sarayetarikh-maroon); margin-bottom:4px;
}
.mb-stat-icon svg { width:19px; height:19px; }
.mb-stat-icon.is-active { color:#1e8e3e; background:#e6f7ee; }
.mb-stat-icon.is-inactive { color:#d93025; background:#fdeceb; }
.mb-stat-value { font-size:17px; font-weight:700; color:var(--sarayetarikh-ink); }
.mb-stat-label { font-size:12px; color:var(--sarayetarikh-text-muted); }
@media (max-width:760px) {
  .mb-stats-grid { grid-template-columns:repeat(2, 1fr); }
}

/* کارت‌های آماری رنگی (شبیه ردیف قرمز/نارنجی/بنفش/آبی نمونه‌ی طراحی) */
.mb-stat-green, .mb-stat-red, .mb-stat-gold, .mb-stat-blue, .mb-stat-purple { border:none; color:#fff; }
.mb-stat-green { background:linear-gradient(135deg,#1e8e3e,#166e30); }
.mb-stat-red { background:linear-gradient(135deg,#e0434c,#c22e37); }
.mb-stat-gold { background:linear-gradient(135deg,#c9a44f,var(--sarayetarikh-gold)); }
.mb-stat-blue { background:linear-gradient(135deg,#3d8bd4,#2B6CB0); }
.mb-stat-purple { background:linear-gradient(135deg,#8656c4,#6B3FA0); }
.mb-stat-green .mb-stat-icon, .mb-stat-red .mb-stat-icon, .mb-stat-gold .mb-stat-icon,
.mb-stat-blue .mb-stat-icon, .mb-stat-purple .mb-stat-icon {
  background:rgba(255,255,255,.2); color:#fff;
}
.mb-stat-green .mb-stat-value, .mb-stat-red .mb-stat-value, .mb-stat-gold .mb-stat-value,
.mb-stat-blue .mb-stat-value, .mb-stat-purple .mb-stat-value { color:#fff; }
.mb-stat-green .mb-stat-label, .mb-stat-red .mb-stat-label, .mb-stat-gold .mb-stat-label,
.mb-stat-blue .mb-stat-label, .mb-stat-purple .mb-stat-label { color:rgba(255,255,255,.85); }

/* نوار اطلاع‌رسانی رنگی زیر کارت‌های آماری */
.mb-info-banner {
  display:flex; align-items:center; gap:10px; background:#FBF6E9; border:1px dashed var(--sarayetarikh-gold);
  border-radius:var(--sarayetarikh-radius-sm); padding:12px 16px; margin-bottom:20px; font-size:13.5px;
  color:var(--sarayetarikh-text);
}
.mb-info-banner svg { flex-shrink:0; color:var(--sarayetarikh-gold); }

/* ================= گرید کارت‌های پنل ================= */
.mb-panel-cards {
  display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; align-items:start;
}
.mb-card-wide { grid-column:1 / -1; }
@media (max-width:760px) {
  .mb-panel-cards { grid-template-columns:1fr; }
  .mb-card-wide { grid-column:auto; }
}
.mb-card {
  background:var(--sarayetarikh-surface); border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius);
  box-shadow:var(--sarayetarikh-shadow-sm); padding:20px;
}
.mb-card-head { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.mb-card-head h2 { font-size:15.5px; font-weight:700; color:var(--sarayetarikh-ink); margin:0; }
.mb-card-icon {
  width:34px; height:34px; border-radius:10px; background:var(--sarayetarikh-surface-soft,#f2f0ea);
  color:var(--sarayetarikh-maroon); display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.mb-card-icon svg { width:17px; height:17px; }
.mb-card-rows { display:flex; flex-direction:column; gap:12px; margin-bottom:14px; }
.mb-card-row { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:13.5px; }
.mb-card-row .label { color:var(--sarayetarikh-text-muted); }
.mb-card-row .value { font-weight:600; color:var(--sarayetarikh-ink); }
.mb-card-btn { width:100%; text-align:center; }
.mb-card-cta-text { font-size:13.5px; color:var(--sarayetarikh-text-muted); margin:0 0 16px; line-height:1.9; }
.mb-no-sub-box-compact { padding:18px; margin-bottom:0; }

/* لهجه‌ی رنگی بالای هر کارت + آیکون هم‌رنگ، برای ظاهر گرافیکی‌تر */
.mb-card-accent-gold, .mb-card-accent-blue, .mb-card-accent-purple, .mb-card-accent-blue2 {
  border-top:3px solid transparent;
}
.mb-card-accent-gold { border-top-color:var(--sarayetarikh-gold); }
.mb-card-accent-gold .mb-card-icon { background:#FBF6E9; color:var(--sarayetarikh-gold); }
.mb-card-accent-blue { border-top-color:#2B6CB0; }
.mb-card-accent-blue .mb-card-icon { background:#e8f1fb; color:#2B6CB0; }
.mb-card-accent-purple { border-top-color:#6B3FA0; }
.mb-card-accent-purple .mb-card-icon { background:#f1eaf9; color:#6B3FA0; }
.mb-card-accent-blue2 { border-top-color:#1e8e3e; }
.mb-card-accent-blue2 .mb-card-icon { background:#e6f7ee; color:#1e8e3e; }

/* ردیف پکیج‌های خریداری‌شده داخل کارت */
.mb-pkg-list { display:flex; flex-direction:column; gap:0; }
.mb-pkg-row {
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
  padding:14px 0; border-bottom:1px solid var(--sarayetarikh-border);
}
.mb-pkg-row:last-child { border-bottom:none; padding-bottom:0; }
.mb-pkg-row:first-child { padding-top:0; }
.mb-pkg-row-thumb { flex-shrink:0; }
.mb-pkg-row-thumb img { width:52px; height:52px; object-fit:cover; border-radius:8px; }
.mb-pkg-row-thumb-placeholder {
  width:52px; height:52px; border-radius:8px; background:var(--sarayetarikh-surface-soft,#f2f0ea);
  display:flex; align-items:center; justify-content:center; color:var(--sarayetarikh-maroon);
}
.mb-pkg-row-thumb-placeholder svg { width:22px; height:22px; }
.mb-pkg-row-info { flex:1; min-width:120px; }
.mb-pkg-row-info .value { font-weight:700; font-size:14.5px; color:var(--sarayetarikh-ink); margin-bottom:4px; }
.mb-pkg-row-info .label { font-size:12.5px; color:var(--sarayetarikh-text-muted); }
.mb-pkg-row-action { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mb-pkg-row-action .mb-btn { width:auto; padding:8px 16px; font-size:13px; }

/* ================= صفحه‌ی محصول بسته ================= */
.mb-pkg-wrap { max-width:100%; margin:10px auto; padding:0 15px; display:grid; grid-template-columns:260px 1fr; gap:26px; }
@media (max-width:640px) { .mb-pkg-wrap { grid-template-columns:1fr; } }
.mb-pkg-image img { width:100%; border-radius:var(--sarayetarikh-radius); box-shadow:var(--sarayetarikh-shadow-sm); }
.mb-pkg-title { font-size:24px; font-weight:700; color:var(--sarayetarikh-ink); margin-bottom:10px; }
.mb-pkg-desc { color:var(--sarayetarikh-text); line-height:2; margin-bottom:16px; }
.mb-pkg-price-box { margin-bottom:16px; }
.mb-pkg-price-old { text-decoration:line-through; color:var(--sarayetarikh-text-muted); font-size:14px; margin-inline-end:10px; }
.mb-pkg-price-final { font-size:24px; font-weight:800; color:var(--sarayetarikh-maroon); }
.mb-pkg-buyers { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--sarayetarikh-text-muted); margin:0 0 16px; }
.mb-pkg-buyers svg { width:16px; height:16px; flex-shrink:0; color:var(--sarayetarikh-gold); }
.mb-pkg-buyers strong { color:var(--sarayetarikh-maroon); font-weight:700; }
.mb-pkg-owned-box {
  background:var(--sarayetarikh-surface-soft); border-radius:var(--sarayetarikh-radius-sm); padding:18px;
}
.mb-pkg-owned-label { font-weight:600; margin-bottom:6px; color:var(--sarayetarikh-ink); }
.mb-pkg-quota { font-size:13px; color:var(--sarayetarikh-text-muted); margin-bottom:12px; }
.mb-pkg-dl-links { display:flex; flex-wrap:wrap; gap:10px; }
.mb-pkg-dl-link { display:inline-flex; align-items:center; gap:6px; width:auto; padding:9px 16px; font-size:13px; }

/* ================= سیستم کد تخفیف (عمومی + اختصاصی/وفاداری) ================= */
.mb-card-accent-teal { border-top-color:#0f8a7a; }
.mb-card-accent-teal .mb-card-icon { background:#e6f7f4; color:#0f8a7a; }

.mb-discount-box { background:var(--sarayetarikh-surface-soft); border-radius:var(--sarayetarikh-radius-sm); padding:16px 18px; margin-bottom:14px; }
.mb-discount-code-row { display:flex; align-items:center; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
.mb-discount-code {
  font-size:18px; font-weight:800; letter-spacing:.5px; color:var(--sarayetarikh-maroon);
  background:#fff; border:1px dashed var(--sarayetarikh-gold); border-radius:8px; padding:6px 14px; direction:ltr; display:inline-block;
}
.mb-discount-copy-btn { width:auto; padding:8px 16px; font-size:13px; }
.mb-discount-explain { font-size:13px; color:var(--sarayetarikh-text-muted); line-height:2; margin:6px 0 0; }

.mb-fp-box { margin-top:14px; text-align:right; }
.mb-fp-title { font-weight:700; font-size:14px; margin:0 0 10px; color:var(--sarayetarikh-ink); }
.mb-fp-goto-btn { display:inline-block; width:auto; margin-top:10px; padding:8px 18px; font-size:13px; }

.mb-discount-apply-box { margin:16px 0; text-align:right; }
.mb-discount-field label { display:block; font-size:13px; margin-bottom:6px; color:var(--sarayetarikh-text); }
.mb-discount-input-row { display:flex; gap:8px; }
.mb-discount-input-row input {
  flex:1; padding:11px 12px; border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius-sm); font-family:inherit; font-size:14px;
}
.mb-discount-input-row input:focus { border-color:var(--sarayetarikh-gold); outline:none; box-shadow:0 0 0 3px rgba(176,141,61,.15); }
.mb-discount-input-row .mb-btn { width:auto; padding:11px 18px; white-space:nowrap; }

.mb-pay-amount-old { text-decoration:line-through; color:var(--sarayetarikh-text-muted); font-size:14px; margin-inline-end:8px; font-weight:400; }

.mb-pkg-discount-field { margin:14px 0; }
.mb-pkg-discount-field input {
  width:100%; padding:11px 12px; border:1px solid var(--sarayetarikh-border); border-radius:var(--sarayetarikh-radius-sm); font-family:inherit; font-size:14px;
}
.mb-pkg-discount-field input:focus { border-color:var(--sarayetarikh-gold); outline:none; box-shadow:0 0 0 3px rgba(176,141,61,.15); }

/* ===== بخش «ارسال فیزیکی کتاب» — صفحه‌ی فروش پکیج (single-mb_package.php) — کاملاً افزودنی ===== */
.mb-pkg-shipping-fields {
  margin:16px 0; padding:16px; border:1px dashed var(--sarayetarikh-border);
  border-radius:var(--sarayetarikh-radius-sm); background:var(--sarayetarikh-surface-soft,#f2f0ea);
}
.mb-pkg-shipping-note {
  font-size:13px; color:var(--sarayetarikh-maroon-dark,var(--sarayetarikh-maroon)); margin:0 0 14px; font-weight:600;
}
.mb-pkg-shipping-fields .mb-field:last-child { margin-bottom:0; }
.mb-pkg-owned-physical .mb-pkg-owned-label { color:#1a7d33; font-weight:700; }
.mb-pkg-shipping-summary { list-style:none; margin:10px 0; padding:0; font-size:13.5px; color:var(--sarayetarikh-text); }
.mb-pkg-shipping-summary li { padding:5px 0; border-bottom:1px dashed var(--sarayetarikh-border); }
.mb-pkg-shipping-summary li:last-child { border-bottom:none; }
.mb-pkg-shipping-summary b { color:var(--sarayetarikh-ink); }
.mb-pkg-owned-note { font-size:12px; color:var(--sarayetarikh-text-muted); margin:8px 0 0; }