/* ==========================================================================
   Salamat Life Child — استایل سراسری (نسخه ۱.۳.۲)
   محدوده اعمال: همه صفحات سایت (خانه، کتگوری، مقاله، برگه، تماس، ...)
   هدف:
     ۱) فونت وزیرمتن برای کل سایت — خنثی‌سازی Bree Serif لاتینِ پنل صحیفه
        (پنل فونت body را Bree Serif و منوها/تیترها را IRANSans تعریف کرده؛
        IRANSans هیچ‌جا به‌صورت وب‌فونت تعریف نشده و هر سیستم متفاوت رندر
        می‌کرد. نام «IRANSans» در functions.php به همان فایل وزیرمتن مپ شده.)
     ۲) هماهنگی اندازه سایدبار و بخش‌ها در همه صفحات
     ۳) هدر موبایل: لوگوی متناسب + دکمه منوی برجسته‌تر (بدون بزرگ‌کردن خطوط)
   پیشوند «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;
        }
}