/* ============================================================
   StarsByte — استایل صفحات عمومی
   از توکن‌های --lp-* فایل app.css استفاده می‌کند، پس در تم روشن و تاریک
   هر دو درست کار می‌کند. این فایل بعد از app.css لود می‌شود.
   ============================================================ */

/* ---------- آکاردئون سؤالات متداول بدون جاوااسکریپت ---------- */
details.lp-fitem > summary.lp-fq{
  list-style:none; cursor:pointer; -webkit-tap-highlight-color:transparent;
}
details.lp-fitem > summary.lp-fq::-webkit-details-marker{display:none}
details.lp-fitem > summary.lp-fq::marker{content:""}
details.lp-fitem[open] > summary.lp-fq svg{transform:rotate(45deg)}
details.lp-fitem[open] > .lp-fa{max-height:none}
details.lp-fitem > summary.lp-fq:focus-visible{outline:2px solid var(--lp-acc);outline-offset:3px;border-radius:8px}
.faq-full{max-width:820px;margin-inline:auto}

/* ---------- سربرگ صفحات متنی ---------- */
.doc-head{padding-bottom:0}
.doc-head .lp-shead{max-width:760px}
.doc-body{padding-top:26px}

/* ---------- بدنه‌ی صفحات متنی ---------- */
.doc{
  max-width:820px; margin-inline:auto;
  color:var(--lp-ink); font-size:14.5px; line-height:1.95; font-weight:300;
}
.doc h3{
  font-size:17px; font-weight:700; color:var(--lp-ink);
  margin:38px 0 12px; padding-top:20px; border-top:1px solid var(--lp-line);
}
.doc h3:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.doc p{margin:0 0 14px}
.doc b{font-weight:700;color:var(--lp-ink)}
.doc a{color:var(--lp-acc);text-decoration:none;border-bottom:1px solid rgba(var(--lp-acc-rgb),.35)}
.doc a:hover{border-bottom-color:var(--lp-acc)}
.doc ul,.doc ol{margin:0 0 16px;padding-inline-start:22px}
.doc li{margin-bottom:9px;color:var(--lp-soft)}
.doc li b{color:var(--lp-ink)}
.doc ol{list-style:decimal}
.doc ul{list-style:disc}
.doc-meta{
  font-size:12.5px; color:var(--lp-dim); padding:12px 16px; border-radius:12px;
  background:var(--lp-surface); border:1px solid var(--lp-line); margin-bottom:26px!important;
}
.doc-links{
  margin-top:34px!important; padding-top:20px; border-top:1px solid var(--lp-line);
  font-size:13px; color:var(--lp-dim);
}

/* هشدار / نکته */
.doc-note{
  padding:14px 16px; border-radius:12px; font-size:13.5px; line-height:1.85;
  background:rgba(var(--lp-acc-rgb),.07); border:1px solid rgba(var(--lp-acc-rgb),.22);
  color:var(--lp-ink);
}
.doc-callout{
  padding:18px 20px; border-radius:16px; margin:0 0 24px;
  background:var(--lp-surface); border:1px solid var(--lp-line);
  border-inline-start:4px solid var(--lp-acc);
  font-size:14px; line-height:1.9;
}
.doc-callout.warn{border-inline-start-color:#e5a33f;background:rgba(229,163,63,.08)}

/* ---------- جدول‌ها ---------- */
.doc-table,.pricetable{
  width:100%; border-collapse:collapse; margin:4px 0 22px;
  font-size:13.5px; background:var(--lp-surface);
  border:1px solid var(--lp-line); border-radius:14px; overflow:hidden;
}
.doc-table caption,.pricetable caption{
  caption-side:top; text-align:start; padding:0 0 10px;
  font-size:13px; font-weight:700; color:var(--lp-soft);
}
.doc-table th,.doc-table td,
.pricetable th,.pricetable td{
  padding:12px 14px; text-align:start; border-bottom:1px solid var(--lp-line);
  vertical-align:top; line-height:1.8;
}
.doc-table thead th,.pricetable thead th{
  background:rgba(var(--lp-acc-rgb),.06); font-weight:700; color:var(--lp-ink);
  font-size:13px; white-space:nowrap;
}
.doc-table tbody th{
  width:34%; font-weight:600; color:var(--lp-soft);
  background:rgba(var(--lp-acc-rgb),.03); white-space:nowrap;
}
.doc-table tr:last-child th,.doc-table tr:last-child td,
.pricetable tr:last-child td{border-bottom:0}
.doc-table td,.pricetable td{color:var(--lp-soft)}
.doc-table td b,.pricetable td b{color:var(--lp-ink);font-weight:700}
.pricetable del{color:var(--lp-dim);margin-inline-end:6px}
.pricetable-wrap{overflow-x:auto;margin-top:30px;max-width:760px}

/* ---------- کارت اطلاعات تماس داخل متن ---------- */
.doc-contact{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1px;
  background:var(--lp-line); border:1px solid var(--lp-line);
  border-radius:16px; overflow:hidden; margin:6px 0 20px;
}
.doc-contact>div{background:var(--lp-surface);padding:14px 16px}
.doc-contact span{display:block;font-size:11.5px;color:var(--lp-dim);margin-bottom:5px}
.doc-contact b{display:block;font-size:13.5px;font-weight:600;color:var(--lp-ink);line-height:1.75}

/* ---------- نوار اطلاعات تماس در فوتر (الزام اینماد) ---------- */
.lp-contactbar{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px 26px;
  padding:26px 0; border-top:1px solid var(--lp-line);
}
.lp-contactbar .wide{grid-column:1/-1}
.lp-contactbar .lbl{display:block;font-size:11.5px;color:var(--lp-dim);margin-bottom:4px}
.lp-contactbar b{font-size:13px;font-weight:600;color:var(--lp-soft);line-height:1.8}

/* ---------- نماد در انتظار تأیید ---------- */
.lp-seal.is-pending{opacity:.62}
.lp-seal.seal-real{border-style:solid;padding:6px;background:#fff;width:auto;min-width:104px;height:auto}

/* ---------- لینک داخل کارت خدمات ---------- */
.lp-inlinecta{
  display:inline-flex; align-items:center; gap:6px; margin-top:14px;
  font-size:13px; font-weight:700; color:var(--lp-acc); text-decoration:none; position:relative;
}
.lp-inlinecta svg{width:14px;height:14px;transition:transform .2s ease}
.lp-inlinecta:hover svg{transform:translateX(-3px)}

/* ---------- صفحه‌ی تماس با ما ---------- */
.contact-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:16px; max-width:820px; margin:0 auto 42px;
}
.contact-card{
  padding:24px 20px; border-radius:20px; text-align:center;
  background:var(--lp-surface); border:1px solid var(--lp-line);
  transition:border-color .3s ease,transform .3s ease;
}
.contact-card:hover{border-color:rgba(var(--lp-acc-rgb),.35);transform:translateY(-3px)}
.contact-ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:14px; margin-bottom:14px;
  background:rgba(var(--lp-acc-rgb),.1); color:var(--lp-acc);
}
.contact-ic svg{width:21px;height:21px}
.contact-card h3{font-size:14.5px;font-weight:700;color:var(--lp-ink);margin:0 0 8px}
.contact-val{font-size:15px;font-weight:700;color:var(--lp-ink);margin:0 0 6px;word-break:break-word}
.contact-val a{color:var(--lp-acc);text-decoration:none}
.contact-card small{font-size:12px;color:var(--lp-dim);line-height:1.75;display:block}
.contact-card small a{color:var(--lp-acc);text-decoration:none}

/* ---------- صفحه‌ی درباره ما ---------- */
.about-values{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px; margin:6px 0 26px;
}
.about-v{padding:20px;border-radius:18px;background:var(--lp-surface);border:1px solid var(--lp-line)}
.about-vic{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:12px; margin-bottom:12px;
  background:rgba(var(--lp-acc-rgb),.1); color:var(--lp-acc);
}
.about-vic svg{width:19px;height:19px}
.about-v b{display:block;font-size:14px;font-weight:700;color:var(--lp-ink);margin-bottom:7px}
.about-v p{font-size:13px;color:var(--lp-soft);line-height:1.85;margin:0;font-weight:300}

/* ---------- موبایل ---------- */
@media (max-width:640px){
  .doc{font-size:14px}
  .doc h3{font-size:16px;margin-top:30px}
  .doc-table,.pricetable{font-size:12.5px;display:block;overflow-x:auto}
  .doc-table th,.doc-table td,.pricetable th,.pricetable td{padding:10px 11px}
  .doc-table tbody th{width:auto}
  .lp-contactbar{gap:14px}
}

/* ---------- پس‌زمینه‌ی صفحات عمومی ----------
   پس‌زمینه روی <html class="public"> گذاشته می‌شود، نه روی body.
   وقتی body پس‌زمینه دارد، مرورگر آن را به canvas منتقل می‌کند و
   هنگام تعویض زنده‌ی تم به‌درستی به‌روز نمی‌شود. */
html.public{background-color:#08080f}
html.public[data-theme="light"]{background-color:#f5f7fc}
@media (prefers-color-scheme: light){
  html.public:not([data-theme="dark"]){background-color:#f5f7fc}
}
html.public body[data-pg="landing"]{
  background-color:transparent;
  background-image:none;
  color:var(--lp-ink);
}

/* پس‌زمینه‌ی پنل (که در app.css روی html تعریف شده) نباید روی صفحات عمومی بیاید */
html.public{background-image:none}