/* PADCORE — صفحهٔ لندینگ و آیتم‌هایش (`site/landing/**`).
   فاز ۴ زیرگامِ ۴ه: درون‌خطی‌ها و دو بلوکِ `<style>`ِ ایستا به این شیت آمدند.
   نامِ `lp-*` قراردادِ منجمد است؛ کلاسِ تازه فقط افزوده شد، چیزی تغییرِ نام نیافت.
   مقادیر عیناً همان‌اند (یکدست‌سازیِ پالت با توکن کارِ گامِ بعد است).
   مهار نشد (عمداً): استایلِ سفارشیِ کاربر (`CssSanitizer::safeStyle` در
   `page`/`show`/`hero`) و `_custom_css`. */

/* ── تب‌ها (قبلاً `<style>`ِ تکراری در page و show) ──────────────────── */
.lp-tabs{display:flex;flex-wrap:wrap;gap:0;padding:16px 16px 0;border-bottom:1px solid var(--tn-outline-light,#e2e8f0)}
.lp-tab-btn{padding:10px 22px;font-size:15px;font-weight:600;color:var(--tn-on-surface-var,#6B7280);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap;transition:all .2s;cursor:pointer;background:none;border-top:none;border-inline:none;font-family:inherit}
.lp-tab-btn.active{color:var(--lp-primary,#1565C0);border-bottom-color:var(--lp-primary,#1565C0)}
.lp-tab-content{display:none}.lp-tab-content.active{display:block}

/* ── سرِ صفحه ────────────────────────────────────────────────────────── */
.lp-page-top { padding: 16px 16px 0; }
.greeting-hero.lp-page-greeting { margin: 0 0 16px; border-radius: 16px; }
/* D-034: `lp-page-title` و `lp-page-desc` تا امروز قاعده نداشتند و ظاهرشان درون‌خطی بود. */
.lp-page-title { max-width: 1400px; margin-inline: auto; padding-block: 20px 0; padding-inline: 32px; }
.lp-page-title--tight { padding-block-start: 8px; }
.lp-page-title h1 {
    font-size: 28px; font-weight: 800; margin: 0; line-height: 1.4;
    color: var(--tn-on-surface, #1A1C1E);
}
.lp-page-desc {
    max-width: 1400px; margin-inline: auto; padding: 14px 32px;
    background: var(--tn-surface-card); border-bottom: 1px solid var(--tn-outline-light);
    font-size: 14px; color: var(--tn-on-surface-var); line-height: 1.7;
}

/* ── آیتم ────────────────────────────────────────────────────────────── */
/* ریشهٔ scopeِ آیتم: خودش جعبه نمی‌سازد (قبلاً `style="display:contents"`). */
.lp-item { display: contents; }

/* ── رسانهٔ پرکننده (ویدیوی اسلایدر و جدولِ ایستا) ─────────────────── */
video.lp-media-fill { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ── اسلایدر ─────────────────────────────────────────────────────────── */
.new-badge.pad-slide-badge { position: absolute; top: 12px; inset-inline-end: 12px; z-index: 2; }

/* ── کارتِ خبرِ متنی ─────────────────────────────────────────────────── */
.new-badge.lp-news-card-badge { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 2; }
.lp-news-card-body.lp-news-card-body--rel { position: relative; }
.lp-news-card .lp-news-card-title.lp-news-card-title--full {
    -webkit-line-clamp: unset; display: block; overflow: visible;
}

/* ── hero: شفافیتِ پوشش دادهٔ ادمین است و فقط به‌صورتِ متغیر می‌آید ── */
.lp-hero-overlay { opacity: var(--overlay, 1); }

/* ── آیتمِ دکمهٔ ایستا ───────────────────────────────────────────────── */
.static-btn-card .sbc-icon-placeholder .sbc-icon-glyph { font-size: 28px; color: var(--tn-primary, #1565C0); }

/* ── آیتمِ فرم ───────────────────────────────────────────────────────── */
.lp-embed-form .rating-star > input[type="radio"] { display: none; }

/* ── آیتم‌های جدول/داده/فرم (D-034: `lp-embed*` تا امروز بی‌قاعده بود) ──
   قاعده‌ها همان ظاهرِ فعلی (پیش‌فرضِ مرورگر روی ریستِ `*{margin:0}`) را سنجاق
   می‌کنند تا کلاس‌ها تعریف داشته باشند ولی پیکسلی عوض نشود. */
.lp-embed { display: block; }
.lp-embed-title { font-size: 1.5em; font-weight: 700; }
.lp-embed-desc { margin: 0; }
.lp-embed-section { font-size: 1.17em; font-weight: 700; }
.lp-embed-data-card { margin-bottom: 16px; }
.lp-embed-empty { color: #9ca3af; }
.lp-embed-table .tbl-wrap { overflow-x: auto; }
.lp-embed-table .tbl-main { width: 100%; border-collapse: collapse; }
.lp-embed-table .tbl-main th {
    padding: 10px; border: 1px solid #e5e7eb; background: #f9fafb; text-align: start;
}
.lp-embed-table .tbl-main td { padding: 10px; border: 1px solid #e5e7eb; text-align: start; }
.lp-embed-table .tbl-main td.lp-embed-empty-cell { padding: 16px; text-align: center; color: #9ca3af; }