/* صفحات لندینگ — هم‌قالب پست‌های وبلاگ (کارت، سایدبار، فهرست مطالب از blogPost.css می‌آید).
   محتوای لندینگ‌ها از MS Word کپی شده و استایل درون‌خطی دارد (فونت B Nazanin، اندازه 14pt،
   تیترهای قرمز، جدول سیاه/خاکستری)، پس این‌جا با !important به ظاهر وبلاگ برگردانده می‌شود. */

.landing-content { font-size: 16px; color: #212529; }

.landing-page .blog-image { aspect-ratio: auto; } /* عکس‌های غیر 1200×630 بریده نشوند */

/* ───────── فونت و اندازه‌ی متن ───────── */
.landing-body [style*="font-family"],
.landing-body [style*="font-size"]:not(h6) {
    font-family: inherit !important;
}
.landing-body [style*="font-size"]:not(h6) { font-size: inherit !important; }
.landing-body p,
.landing-body li {
    line-height: 1.9 !important;
    margin-bottom: 1rem;
    text-align: justify;
}
.landing-body p.MsoNormal { margin-bottom: 1rem !important; }
.landing-body p[align="center"],
.landing-body td p,
.landing-body th p { text-align: center; margin: 0 !important; }

/* ───────── رنگ متن: رنگ‌های ورد (قرمز/مشکی/text1) حذف می‌شود ───────── */
.landing-body span[style*="color"],
.landing-body strong[style*="color"],
.landing-body font { color: inherit !important; }

/* تیترها مثل وبلاگ: بدون رنگ قرمز، بدون فاصله‌ی اضافه */
.landing-body h2, .landing-body h3, .landing-body h4,
.landing-body h2 *, .landing-body h3 *, .landing-body h4 * {
    color: #212529 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 700 !important;
}
.landing-body h2 { font-size: 26px !important; line-height: 1.5; padding: 15px 0; margin: 25px 0 0; }
.landing-body h3 { font-size: 22px !important; line-height: 1.6; }
.landing-body h4 { font-size: 19px !important; line-height: 1.6; }
.landing-body h2, .landing-body h3 { scroll-margin-top: 110px; }

/* ───────── لینک‌ها (فقط لینک‌های داخل متن؛ کارت محصول و اسلایدرها دست‌نخورده) ───────── */
.landing-body :is(p, li, td, th) a,
.landing-body :is(p, li, td, th) a * {
    color: #3f8a33 !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: color .2s ease, border-color .2s ease;
}
.landing-body :is(p, li, td, th) a { border-bottom: 1px dashed rgba(63, 138, 51, .55); }
.landing-body :is(p, li, td, th) a:hover,
.landing-body :is(p, li, td, th) a:hover * { color: #2f6f24 !important; }
.landing-body :is(p, li, td, th) a:hover { border-bottom-color: #2f6f24; }
.landing-body :is(p, li, td, th) a:has(img) { border-bottom: 0; }
/* لینک داخل سر ستون جدول سفید است */
.landing-body table td[style*="background: black"] a,
.landing-body table td[style*="background: black"] a *,
.landing-body table th a, .landing-body table th a * { color: #fff !important; }

/* ───────── لیست‌ها (بولت‌های ورد → ul/ol واقعی) ───────── */
.landing-body ul, .landing-body ol { padding-inline-start: 1.6rem; margin-bottom: 1.2rem; }
.landing-body ul.landing-list { list-style: none; padding-inline-start: 0; }
.landing-body ul.landing-list > li {
    position: relative;
    padding-inline-start: 1.5rem;
    margin-bottom: .7rem;
    text-align: justify;
}
.landing-body ul.landing-list > li::before {
    content: "";
    position: absolute;
    inset-inline-start: .15rem;
    top: .72em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #69BE59;
    box-shadow: 0 0 0 3px #e6f4e2;
}
.landing-body ul.landing-list > li.wl-l2 { margin-inline-start: 1.5rem; }
.landing-body ul.landing-list > li.wl-l2::before { background: #fff; border: 2px solid #69BE59; box-shadow: none; }
.landing-body ol.landing-list > li { margin-bottom: .7rem; padding-inline-start: .3rem; }
.landing-body ol.landing-list > li::marker { color: #4f9e41; font-weight: 700; }

/* ───────── جدول‌ها ───────── */
.landing-content .landing-body table {
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
    border-collapse: collapse;
}
.landing-body table td,
.landing-body table th {
    padding: 12px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #e3eee1 !important;
    background: transparent;
    vertical-align: middle;
}
/* سطر عنوان (ورد: پس‌زمینه‌ی مشکی با متن سفید) */
.landing-body table td[style*="background: black"],
.landing-body table td[style*="background:black"],
.landing-body table th {
    background: linear-gradient(135deg, #69BE59 0%, #58ad49 100%) !important;
    border-bottom: 2px solid #57a749 !important;
    color: #fff !important;
    font-weight: 700;
}
.landing-body table td[style*="background: black"] *,
.landing-body table td[style*="background:black"] *,
.landing-body table th * { color: #fff !important; font-weight: 700; }
/* سلول‌های خاکستری ورد → سبز خیلی روشن، راه‌راه */
.landing-body table td[style*="#CCCCCC"] { background: #f3faf1 !important; }
.landing-body table tbody tr:nth-child(even) td:not([style*="background: black"]) { background: #fbfffa; }
.landing-body table td[style*="#CCCCCC"] { font-weight: 600; }
.landing-body table td[style*="background"]:not([style*="black"]):not([style*="#CCCCCC"]) { background: transparent !important; }

/* ───────── تصاویر و کپشن‌ها ───────── */
.landing-body img { height: auto; }
.landing-body .wp-caption { max-width: 100%; margin: 15px auto; text-align: center; }
.landing-body .wp-caption img { margin-left: auto; margin-right: auto; }
.landing-body .wp-caption-text { font-size: 13px; color: #6b766b; margin-top: 6px; }

@media (max-width: 991.98px) {
    .landing-body h2 { font-size: 22px !important; }
    .landing-body h3 { font-size: 19px !important; }
}
@media (max-width: 768px) {
    .landing-content { padding: 18px; }
    .landing-body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .landing-body table td, .landing-body table th { padding: 10px 8px !important; min-width: 110px; }
}

/* ───────── تیترهای شماره‌دار (ورد: «1.» + فاصله‌ی دستی) → نشان سبز ───────── */
.landing-body h2.wl-h, .landing-body h3.wl-h, .landing-body h4.wl-h {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 0 !important;
    text-indent: 0 !important;
}
.landing-body .wl-num {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #2f6f24 !important;
    background: #e6f4e2;
    border-radius: 50%;
}

/* ───────── عکس با زیرنویس (<figure>): حاشیه‌ی پیش‌فرض مرورگر (۴۰px) عکس را از کارت جدا می‌کرد ───────── */
.landing-body figure {
    margin: 28px 0;
    padding: 0;
    text-align: center;
}
.landing-body figure img { margin: 0 auto; }
.landing-body figcaption {
    margin-top: 10px;
    padding: 0 12px;
    font-size: 13.5px;
    line-height: 1.8;
    color: #6b766b;
    text-align: center;
}

/* ───────── فاصله‌ی استاندارد اسلایدرها با بالا و پایین ───────── */
.landing-body .product-slider,
.landing-body .image-slider-wrapper {
    clear: both;
    margin: 32px 0 !important;
}
.landing-body .product-slider > h3:first-child { margin-top: 0; margin-bottom: 16px; }
/* کارت‌ها جا برای سایه و بالا آمدن در هاور داشته باشند */
.landing-body .product-swiper { padding: 6px 4px 14px; margin: -6px -4px -14px; }
.landing-body .product-slider + h2, .landing-body .image-slider-wrapper + h2 { margin-top: 32px; }