/* ==========================================================================
   Salamat Life Child — استایل سراسری (نسخه ۱.۳.۵)
   محدوده اعمال: همه صفحات سایت (خانه، کتگوری، مقاله، برگه، تماس، ...)
   هدف:
     ۱) فونت وزیرمتن برای کل سایت — خنثی‌سازی Bree Serif لاتینِ پنل صحیفه
     ۲) هماهنگی اندازه سایدبار و بخش‌ها در همه صفحات
     ۳) هدر موبایل: لوگوی متناسب + دکمه منوی برجسته‌تر
     ۴) فشرده‌سازی عمودی فقط در دسکتاپ (۱.۳.۴) — کاهش فضای سفید
     ۵) عرض کامل‌تر صفحه در نمایشگرهای بزرگ (۱.۳.۵) — کاهش حاشیه چپ/راست
   پیشوند «html body» عمداً انتخاب شده تا از استایل اینلاین پنل صحیفه
   (که بعد از فایل‌های enqueue چاپ می‌شود) در تساوی اولویت جلو جلو شود.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) خانواده فونت یکسان در کل سایت
   -------------------------------------------------------------------------- */

html body,
html body input[type="text"],
html body input[type="search"],
html body input[type="email"],
html body input[type="url"],
html body input[type="tel"],
html body input[type="password"],
html body input[type="number"],
html body textarea,
html body select,
html body button {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
}

/* عناصری که قالب مادر با فونت لاتین (Bebas/Tahoma/Arial) تعریف کرده و متنشان فارسی است */
html body .page-title,
html body .page-title a,
html body .cat-box-title h2,
html body .cat-box-title h2 a,
html body .cat-tabs-header li,
html body .breaking-news span.breaking-news-title,
html body .breaking-news ul a {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
}

/* عنوان دسته‌بندی/بایگانی: وزن و اندازه هماهنگ با تیترهای سایت */
html body .page-title {
        font-size: 24px;
        font-weight: 800;
        line-height: 1.7;
}

/* برچسب قرمز «آخرین اخبار» و تیکر خبر */
html body .breaking-news span.breaking-news-title {
        font-size: 13px;
        font-weight: 700;
        line-height: 1.6;
}

html body .breaking-news ul a {
        font-size: 13.5px;
        line-height: 1.8;
}

html body .cat-box-title h2,
html body .cat-box-title h2 a {
        font-size: 20px;
        font-weight: 800;
        line-height: 1.7;
}

/* --------------------------------------------------------------------------
   2) سایدبار — هماهنگ با فونت و اندازه یکسان در همه صفحات
   (قبلاً فقط در صفحات مقاله استایل می‌گرفت؛ حالا همه‌جا یکسان است)
   -------------------------------------------------------------------------- */

html body .widget-top h4,
html body .widget-top h4 a {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #22374d;
}

html body .widget-container {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
        font-size: 14.5px;
        line-height: 1.95;
        color: #4a5b6b;
}

html body .widget-container ul li {
        margin: 7px 0;
}

html body .widget-container a {
        color: #3d4f62;
}

html body .widget-container a:hover {
        color: #2a71b7;
}

/* --------------------------------------------------------------------------
   3) لیستینگ کتگوری/بایگانی/جستجو — فاصله سطر مناسب فارسی
   (قالب مادر line-height:21px ثابت می‌گذاشت که برای متن فارسی بسیار تنگ است)
   -------------------------------------------------------------------------- */

html body .cat-box .entry p,
html body .archive-box .entry p {
        line-height: 1.95;
}

/* --------------------------------------------------------------------------
   4) فرم‌ها (فرم تماس Contact Form 7 و فیلدهای عمومی)
   فیلدها قبلاً با Tahoma سیستمی ۱۲px رندر می‌شدند.
   -------------------------------------------------------------------------- */

html body .wpcf7-form-control:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
        font-size: 14.5px;
        line-height: 1.8;
        color: #3c4a57;
        background: #fff;
        border: 1px solid #d5e0ea;
        border-radius: 8px;
        padding: 9px 14px;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

html body .wpcf7-form-control:not([type="submit"]):not([type="button"]):focus {
        border-color: #2a71b7;
        box-shadow: 0 0 0 3px rgba(42, 113, 183, 0.12);
        outline: none;
}

/* دکمه ارسال فرم — قانون مادر با ID (#main-content input[type=submit])
   رنگ نارنجی می‌گذاشت؛ برای اولویت گرفتن، همان سطح + کلاس CF7 استفاده شده */
html body #main-content .wpcf7-form-control.wpcf7-submit,
html body #main-content .wpcf7 input[type="submit"],
html body .wpcf7-form input[type="submit"] {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
        font-size: 14.5px;
        font-weight: 700;
        color: #fff;
        background: #2a71b7;
        border: none;
        border-radius: 8px;
        padding: 10px 28px;
        cursor: pointer;
        transition: background 0.15s ease;
}

html body #main-content .wpcf7-form-control.wpcf7-submit:hover,
html body #main-content .wpcf7 input[type="submit"]:hover,
html body .wpcf7-form input[type="submit"]:hover {
        background: #1f5a97;
}

/* --------------------------------------------------------------------------
   5) دکمه «متن کامل» و فیلد جستجوی زنده (۱.۳.۲)
   قالب مادر برای دکمه ادامه مطلب (a.more-link) و فیلد جستجوی هدر
   (.search-block #s-header) فونت «Tahoma» تعریف کرده — تنها متن‌های فارسی
   باقی‌مانده در سایت که با وزیرمتن هماهنگ نبودند (مخصوصاً در باکس‌های
   صفحه اصلی که ۱۰ دکمه «متن کامل» دیده می‌شود).
   فقط خانواده فونت عوض می‌شود؛ رنگ/اندازه/شکل دکمه‌ها دست‌نخورده می‌ماند.
   -------------------------------------------------------------------------- */

html body a.more-link,
html body .search-block #s-header,
html body .search-block-large #s {
        font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
}

/* --------------------------------------------------------------------------
   6) انتخاب متن با رنگ برند در کل سایت
   -------------------------------------------------------------------------- */

html body ::selection {
        background: #2a71b7;
        color: #fff;
}

/* ==========================================================================
   7) موبایل — هدر متعادل‌تر
   لوگو ۳۲۰×۱۳۷px بود و ۸۲٪ عرض صفحه گوشی را می‌گرفت؛ دکمه منو هم فقط
   سه خط نازک خاکستری بود که در هدر شلوغ دیده نمی‌شد.
   ========================================================================== */

@media only screen and (max-width: 900px) {

        /* دکمه منوی موبایل: چیپ لمسی برجسته (اندازه سه خط تغییر نکرده) */
        #slide-out-open {
                top: 30px;
                right: 8px;
                width: 44px;
                height: 44px;
                background: #eaf3fc;
                border: 1px solid #d0e4f6;
                border-radius: 12px;
                box-shadow: 0 2px 8px rgba(31, 90, 151, 0.12);
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        /* خطوط منو: همان عرض/ضخامت قبلی — فقط رنگ آبی برند و جای‌گذاری مرکز چیپ */
        #slide-out-open span {
                left: 8px;
                top: 12px;
                background: #2a71b7;
        }

        #slide-out-open span:before,
        #slide-out-open span:after {
                background: #2a71b7;
        }

        /* آیتم‌های منوی کشویی: خواناتر (زیرمنوها تورفتگی خود را از rtl.css حفظ می‌کنند) */
        html body #slide-out #mobile-menu > ul > li > a {
                padding: 11px 16px;
                line-height: 1.9;
                font-size: 15px;
        }
}

@media only screen and (max-width: 600px) {

        /* لوگو: متناسب با عرض گوشی (ارتفاع ~۸۰px به‌جای ۱۳۷px) */
        .logo img {
                max-width: 190px;
                height: auto;
        }
}

@media only screen and (max-width: 350px) {

        /* هماهنگ با قانون قالب مادر در عرضهای خیلی کم */
        .logo img {
                max-width: 165px;
                height: auto;
        }
}

/* سایدبار در موبایل کمی فشرده‌تر */
@media only screen and (max-width: 600px) {

        html body .widget-container {
                font-size: 14px;
                line-height: 1.9;
        }
}

/* --------------------------------------------------------------------------
   8) فشرده‌سازی عمودی دسکتاپ (۱.۳.۴)
   فضای سفید زیاد بین بخش‌ها اسکرول را طولانی و صفحه را شلوغ می‌کرد؛ این
   فاصله‌ها فقط در عرض‌های دسکتاپ (≥۱۰۲۵px) کم می‌شوند — موبایل و تبلت
   دست‌نخورده می‌مانند (موبایل از قبل فشرده و خوب است).
   -------------------------------------------------------------------------- */

@media only screen and (min-width: 1025px) {

        /* فاصله بین باکس‌های دسته‌بندی صفحه اصلی: ۳۵ ← ۲۰ پیکسل */
        html body .cat-box {
                margin-bottom: 20px;
        }

        /* فاصله بین ابزارک‌های سایدبار: ۲۵ ← ۲۰ پیکسل */
        html body .widget {
                margin-bottom: 20px;
        }

        /* هدر فشرده‌تر: حاشیه داخلی نوار لوگو ۲۰ ← ۱۴ پیکسل */
        html body .header-content {
                padding-top: 14px;
                padding-bottom: 14px;
        }

        /* آیتم‌های لیست صفحات دسته: حاشیه داخلی کمتر (۲۰/۲۵ ← ۱۴/۱۶) */
        html body .item-list {
                padding: 14px 20px 16px;
        }

        /* فاصله کادر مقاله تا بخش‌های پایین صفحه: ۴۰ ← ۲۶ پیکسل */
        html body .post-listing.post {
                margin-bottom: 26px;
        }

        /* باکس مقالات پیشنهادی و دیدگاه‌ها: حاشیه داخلی و بیرونی کمتر */
        html body #related_posts .post-listing,
        html body #comments-box .post-listing {
                margin-bottom: 26px;
                padding: 16px 18px;
        }

        html body #comments-box .post-listing {
                padding: 16px 18px 0;
        }
}

/* --------------------------------------------------------------------------
   9) عرض کامل‌تر صفحه در نمایشگرهای بزرگ (۱.۳.۵)
   چیدمان wide-layout صحیفه کل محتوا را در ۱۰۱۰ پیکسل ثابت نگه می‌دارد؛
   یعنی در مانیتور ۱۴۴۰ حدود ۲۱۵px و در مانیتور ۱۹۲۰ حدود ۴۵۵px از هر
   طرف صفحه خالی می‌ماند. در دو پله عرض کانتینر، ستون متن و (در پله دوم)
   سایدبار زیاد می‌شود؛ ستون‌بندی درصدی باکس‌ها و اسلایدر خودکار تنظیم
   می‌شوند. زیر ۱۴۰۰px هیچ تغییری رخ نمی‌دهد (موبایل/تبلت/Laptop کوچک).
   -------------------------------------------------------------------------- */

@media only screen and (min-width: 1400px) {

        html body #wrapper.wide-layout .header-content,
        html body #wrapper.wide-layout .breaking-news,
        html body #wrapper.wide-layout .container,
        html body #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
                width: 1200px;
        }

        html body .content {
                width: 850px;
        }

        /* تصاویر/کپشن‌ها و جدول‌های قدیمی (~۶۱۷px) در ستون عریض‌تر وسط‌چین */
        html body.sc-singular .entry .wp-caption.alignnone,
        html body.sc-singular .entry .wp-caption.aligncenter,
        html body.sc-singular .entry table[style] {
                margin-left: auto;
                margin-right: auto;
        }

        html body.sc-singular .entry img.alignnone,
        html body.sc-singular .entry img.aligncenter {
                display: block;
                float: none;
                margin-left: auto;
                margin-right: auto;
        }
}

@media only screen and (min-width: 1800px) {

        html body #wrapper.wide-layout .header-content,
        html body #wrapper.wide-layout .breaking-news,
        html body #wrapper.wide-layout .container,
        html body #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
                width: 1320px;
        }

        html body .content {
                width: 940px;
        }

        html body #sidebar {
                width: 340px;
        }
}