/* ================================
   LD Saved Questions — Light, Minimal, Clean
   ================================ */

:root{
  /* light palette */
  --ld-bg:#f7f9fd;
  --ld-card:#fff;
  --ld-border:#e8edf6;
  --ld-text:#0f172a;
  --ld-muted:#6b7280;

  --ld-primary:#2563eb;
  --ld-primary-600:#1d4ed8;
  --ld-primary-50:#eef5ff;

  --ld-success:#10b981;
  --ld-success-600:#059669;

  --ld-danger:#e11d48;
  --ld-danger-600:#be123c;

  --ld-shadow-sm:0 4px 14px rgba(16,24,40,.06);
  --ld-shadow-md:0 10px 24px rgba(16,24,40,.10);

  --ld-radius-sm:10px;
  --ld-radius-md:14px;
  --ld-radius-lg:18px;

  --ld-focus:0 0 0 3px rgba(37,99,235,.15);
}

/* ---------- list/grid ---------- */
.ldsqdb-saved-wrap{display:block;background:transparent;}
.ldsqdb-saved-list{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
@media (min-width:720px){ .ldsqdb-saved-list{ grid-template-columns:1fr 1fr; } }

.ld-dashboard-section-head-title .ld-dashboard-nav-title{
  font-size:18px;font-weight:800;color:var(--ld-text);margin:4px 0 14px;
}

/* ---------- card ---------- */
.ldsqdb-card{
  background:var(--ld-card);
  border:1px solid var(--ld-border);
  border-radius:var(--ld-radius-md);
  box-shadow:var(--ld-shadow-sm);
  padding:16px;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, opacity .2s ease;
}
.ldsqdb-card:hover{ transform:translateY(-2px); box-shadow:var(--ld-shadow-md); border-color:rgba(37,99,235,.18); }
.ldsqdb-removing{ opacity:0; transform:scale(.98); }

/* header */
.ldsqdb-card-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.ldsqdb-card-quiz{ font-weight:800; font-size:15px; color:var(--ld-text); line-height:1.3; }
.ldsqdb-card-actions{ display:flex; align-items:center; gap:8px; }

/* buttons (base) */
.ldsqdb-btn, .ldsqdb-save{
  appearance:none; border:1px solid var(--ld-border); border-radius:var(--ld-radius-sm);
  background:#fff; color:var(--ld-text);
  padding:8px 12px; font-size:13px; cursor:pointer;
  transition:background .12s ease, box-shadow .12s ease, border-color .12s ease, transform .05s ease, opacity .12s ease;
}
.ldsqdb-btn:hover, .ldsqdb-save:hover{ background:var(--ld-primary-50); border-color:rgba(37,99,235,.25); box-shadow:0 2px 8px rgba(16,24,40,.08); }
.ldsqdb-btn:focus-visible, .ldsqdb-save:focus-visible{ outline:none; box-shadow:var(--ld-focus); }

/* save on quiz */
.ldsqdb-save{
  margin-top:10px; background:var(--ld-primary); border-color:var(--ld-primary-600); color:#fff;
}
.ldsqdb-save:hover{ background:var(--ld-primary-600); }
.ldsqdb-save.ldsqdb-saved{ background:var(--ld-success); border-color:var(--ld-success-600); color:#fff; opacity:.95; pointer-events:none; }

/* delete */
.ldsqdb-btn.ldsqdb-delete{
  background:#fff7f9; border-color:#ffd4dd; color:var(--ld-danger-600); font-weight:700;
}
.ldsqdb-btn.ldsqdb-delete:hover{ background:#ffe7ec; border-color:var(--ld-danger-600); }

/* loading spinner on buttons */
.ldsqdb-loading{ opacity:.7; pointer-events:none; position:relative; }
.ldsqdb-loading::after{
  content:""; position:absolute; inset-inline-end:8px; top:50%; transform:translateY(-50%);
  width:14px; height:14px; border-radius:50%;
  border:2px solid rgba(0,0,0,.15); border-top-color:currentColor; animation:ldsqdb-spin .8s linear infinite;
}
@keyframes ldsqdb-spin{ to{ transform:translateY(-50%) rotate(360deg);} }

/* body */
.ldsqdb-card-body{ margin:6px 0 12px; }
.ldsqdb-question-text{
  font-size:14px; color:var(--ld-text); line-height:1.7; font-weight:600; margin-bottom:10px;
}
.ldsqdb-question-text img{
  max-width:100%; height:auto; border-radius:8px; margin:8px 0; box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* answers */
.ldsqdb-answers{ margin:8px 0 10px; }
.ldsqdb-answers-title{
  display:inline-flex; align-items:center; gap:6px;
  font-weight:800; font-size:13px; color:var(--ld-muted); margin-bottom:6px;
}
.ldsqdb-answers-title::before{ content:"●"; font-size:10px; color:var(--ld-primary); }
.ldsqdb-answers-box{ min-height:18px; }
.ldsqdb-answers-list{
  list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:8px;
}
@media (min-width:680px){ .ldsqdb-answers-list{ grid-template-columns:1fr 1fr; } }
.ldsqdb-answer-item{
  padding:10px 12px; border:1px solid var(--ld-border); border-radius:12px; background:linear-gradient(180deg,#fff 0%, #fdfdff 100%);
  box-shadow:0 1px 2px rgba(16,24,40,.04); line-height:1.6;
  transition:transform .06s ease, box-shadow .12s ease, border-color .12s ease;
}
.ldsqdb-answer-item:hover{ transform:translateY(-1px); border-color:rgba(37,99,235,.18); box-shadow:0 4px 12px rgba(16,24,40,.08); }
.ldsqdb-answer-item .spanish{ display:block; font-weight:700; }
.ldsqdb-answer-item .persian{ display:block; opacity:.9; }

/* tip (hint) — compact, minimal, scrollable */
.ldsqdb-tip-wrap{ margin-top:10px; }
.ldsqdb-tip-wrap .ldsqdb-btn{ margin-inline-end:8px; }

/* ✔ مینیمال و خفن: ارتفاع کنترل‌شده + اسکرول ظریف + محتوای فشرده */
.ldsqdb-tip-box{
  background:#fbfcff;
  border:1px dashed #dfe7fb;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px; line-height:1.7; color:var(--ld-text);
  margin-top:8px;

  /* کنترل ارتفاع و زیبا موندن باکس */
  max-height:220px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;

  /* سایه خیلی ملایم داخل باکس برای حس لایه */
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

/* فشرده‌سازی فاصله‌های داخلی محتوای واردشده */
.ldsqdb-tip-box p{ margin:.45rem 0 !important; }
.ldsqdb-tip-box h5,
.ldsqdb-tip-box .wpProQuiz_header{ margin:0 0 6px !important; font-size:14px; font-weight:800; }
.ldsqdb-tip-box img{ max-width:100%; height:auto; border-radius:8px; display:block; margin:.5rem 0; }

/* scrollbar ظریف */
.ldsqdb-tip-box::-webkit-scrollbar{ width:8px; }
.ldsqdb-tip-box::-webkit-scrollbar-track{ background:transparent; }
.ldsqdb-tip-box::-webkit-scrollbar-thumb{ background:#d6def2; border-radius:8px; }
.ldsqdb-tip-box::-webkit-scrollbar-thumb:hover{ background:#c6d4f3; }

/* footer */
.ldsqdb-card-foot{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  opacity:.9; font-size:12px;
}
.ldsqdb-link{
  text-decoration:none; color:var(--ld-primary-600); font-weight:700;
  border-bottom:1px dashed rgba(37,99,235,.35); padding-bottom:1px;
}
.ldsqdb-link:hover{ color:var(--ld-primary); border-bottom-color:var(--ld-primary); }
.ldsqdb-date{ opacity:.8; }

/* save btn (legacy) */
.ldsqdb-save{ border-radius:var(--ld-radius-sm); }
.ldsqdb-save.ldsqdb-saved{ opacity:.95; }

/* base save (non-primary fallback) */
.ldsqdb-save:not(.ldsqdb-saved){ font-size:14px; }

/* tiny states */
.ldsqdb-loading, .ldsqdb-empty, .ldsqdb-error{ font-size:13px; color:var(--ld-muted); }