/*
Theme Name: رخداد زاگرس
Theme URI: https://salemban.ir
Author: تیم توسعه رخداد زاگرس
Author URI: https://salemban.ir
Description: پوسته حرفه‌ای، فوق‌العاده بهینه و سریع برای پورتال‌های خبری و تحلیلی.
Version: 2.2.0
License: GNU General Public License v2 or later
Text Domain: daythemes-zagros
*/

/* -------------------------------------------------------------
   بارگذاری محلی فونت وزیرمتن (Local Font Face Rules)
------------------------------------------------------------- */
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/VazirMatn/Vazirmatn-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* -------------------------------------------------------------
   بارگذاری محلی فونت‌آیکون اختصاصی (daythemes-icon)
------------------------------------------------------------- */
@font-face {
  font-family: 'daythemes-icon';
  src: url('assets/fonts/daythemes-icon/fonts/daythemes-icon.eot?xzbap9');
  src: url('assets/fonts/daythemes-icon/fonts/daythemes-icon.eot?xzbap9#iefix') format('embedded-opentype'),
       url('assets/fonts/daythemes-icon/fonts/daythemes-icon.ttf?xzbap9') format('truetype'),
       url('assets/fonts/daythemes-icon/fonts/daythemes-icon.woff?xzbap9') format('woff'),
       url('assets/fonts/daythemes-icon/fonts/daythemes-icon.svg?xzbap9#daythemes-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="day-"], [class*=" day-"] {
  font-family: 'daythemes-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* رندر بهتر فونت در مانیتورها */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.day-chart-bar:before { content: "\e900"; }
.day-stats-bars:before { content: "\e901"; }
.day-stats:before { content: "\e901"; }
.day-statistics:before { content: "\e901"; }
.day-chart:before { content: "\e901"; }
.day-angle-double-down-solid:before { content: "\e000"; }
.day-angle-double-left-solid:before { content: "\e001"; }
.day-angle-double-right-solid:before { content: "\e002"; }
.day-angle-double-up-solid:before { content: "\e003"; }
.day-angle-down-solid:before { content: "\e004"; }
.day-angle-left-solid:before { content: "\e005"; }
.day-angle-right-solid:before { content: "\e006"; }
.day-angle-up-solid:before { content: "\e007"; }
.day-arrow-alt-circle-down:before { content: "\e008"; }
.day-arrow-alt-circle-left-solid:before { content: "\e009"; }
.day-arrow-alt-circle-up:before { content: "\e00a"; }
.day-arrow-alt-circle-right:before { content: "\e00b"; }
.day-arrow-circle-down-solid:before { content: "\e00c"; }
.day-arrow-circle-left-solid:before { content: "\e00d"; }
.day-arrow-circle-right-solid:before { content: "\e00e"; }
.day-arrow-circle-up-solid:before { content: "\e00f"; }
.day-arrow-down-solid:before { content: "\e010"; }
.day-arrow-left-solid:before { content: "\e011"; }
.day-arrow-right-solid:before { content: "\e012"; }
.day-arrow-up-solid:before { content: "\e013"; }
.day-caret-down-solid:before { content: "\e014"; }
.day-caret-left-solid:before { content: "\e015"; }
.day-caret-right-solid:before { content: "\e016"; }
.day-caret-up-solid:before { content: "\e017"; }
.day-caret-square-up-solid:before { content: "\e018"; }
.day-caret-square-down-solid:before { content: "\e019"; }
.day-caret-square-left:before { content: "\e01a"; }
.day-chevron-right-solid:before { content: "\e01b"; }
.day-chevron-left-solid:before { content: "\e01c"; }
.day-chevron-down-solid:before { content: "\e01d"; }
.day-chevron-up-solid:before { content: "\e01e"; }
.day-long-arrow-alt-up-solid:before { content: "\e01f"; }
.day-long-arrow-alt-right-solid:before { content: "\e020"; }
.day-long-arrow-alt-left-solid:before { content: "\e021"; }
.day-long-arrow-alt-down-solid:before { content: "\e022"; }
.day-android-arrow-dropdown-circle:before { content: "\e023"; }
.day-android-arrow-dropleft-circle:before { content: "\e024"; }
.day-android-arrow-dropright-circle:before { content: "\e025"; }
.day-android-arrow-dropup-circle:before { content: "\e026"; }
.day-calendar-line:before { content: "\e027"; }
.day-arrow-down-a:before { content: "\e028"; }
.day-arrow-right-a:before { content: "\e029"; }
.day-arrow-up-a:before { content: "\e02a"; }
.day-arrow-left-a:before { content: "\e02b"; }
.day-ios-redo-outline:before { content: "\e02c"; }
.day-ios-undo-outline:before { content: "\e02d"; }
.day-reply:before { content: "\e02e"; }
.day-android-share:before { content: "\e02f"; }
.day-ios-arrow-thin-up:before { content: "\e030"; }
.day-ios-arrow-thin-right:before { content: "\e031"; }
.day-ios-arrow-thin-left:before { content: "\e032"; }
.day-ios-arrow-thin-down:before { content: "\e033"; }
.day-arrow-down-b:before { content: "\e034"; }
.day-arrow-down-c:before { content: "\e035"; }
.day-arrow-right-b:before { content: "\e036"; }
.day-arrow-up-b:before { content: "\e037"; }
.day-caret-square-right:before { content: "\e038"; }
.day-arrow-left-b:before { content: "\e039"; }
.day-arrow-right-c:before { content: "\e03a"; }
.day-arrow-left-c:before { content: "\e03b"; }
.day-chevron-circle-down-solid:before { content: "\e03c"; }
.day-chevron-circle-left-solid:before { content: "\e03d"; }
.day-chevron-circle-right-solid:before { content: "\e03e"; }
.day-chevron-circle-up-solid:before { content: "\e03f"; }
.day-arrow-up-c:before { content: "\e040"; }
.day-chevron-up:before { content: "\e041"; }
.day-chevron-right:before { content: "\e042"; }
.day-chevron-left:before { content: "\e043"; }
.day-arrow-down-line:before { content: "\e044"; }
.day-arrow-left-line:before { content: "\e045"; }
.day-arrow-up-line:before { content: "\e046"; }
.day-arrow-right-line:before { content: "\e047"; }
.day-arrow-up-circle-line:before { content: "\e048"; }
.day-arrow-left-circle-line:before { content: "\e049"; }
.day-arrow-right-circle-line:before { content: "\e04a"; }
.day-arrow-down-circle-line:before { content: "\e04b"; }
.day-arrow-down-fill:before { content: "\e04c"; }
.day-arrow-left-fill:before { content: "\e04d"; }
.day-arrow-up-fill:before { content: "\e04e"; }
.day-arrow-right-fill:before { content: "\e04f"; }
.day-arrow-down-circle-fill:before { content: "\e050"; }
.day-arrow-left-circle-fill:before { content: "\e051"; }
.day-arrow-up-circle-fill:before { content: "\e052"; }
.day-arrow-right-circle-fill:before { content: "\e053"; }
.day-search-2-line:before { content: "\e054"; }
.day-dribbble-line:before { content: "\e055"; }
.day-instagram-line:before { content: "\e056"; }
.day-whatsapp-line:before { content: "\e057"; }
.day-mail-line:before { content: "\e058"; }
.day-earth-line:before { content: "\e059"; }
.day-facebook-fill:before { content: "\e05a"; }
.day-instagram-fill:before { content: "\e05b"; }
.day-linkedin-fill:before { content: "\e05c"; }
.day-github-fill:before { content: "\e05d"; }
.day-pinterest-fill:before { content: "\e05e"; }
.day-telegram-fill:before { content: "\e05f"; }
.day-twitter-x-line:before { content: "\e060"; }
.day-whatsapp-fill:before { content: "\e061"; }
.day-youtube-fill:before { content: "\e062"; }
.day-mail-fill:before { content: "\e063"; }
.day-file-copy-line:before { content: "\e064"; }
.day-link-solid:before { content: "\e065"; }
.day-fire-line:before { content: "\e066"; }
.day-chat-1-line:before { content: "\e067"; }
.day-double-quotes-l:before { content: "\e068"; }
.day-chevron-down:before { content: "\e069"; }
.day-arrow-drop-down-line:before { content: "\e06a"; }
.day-arrow-drop-left-line:before { content: "\e06b"; }
.day-arrow-drop-right-line:before { content: "\e06c"; }
.day-arrow-drop-up-line:before { content: "\e06d"; }
.day-arrow-left-s-line:before { content: "\e06e"; }
.day-arrow-right-s-line:before { content: "\e06f"; }
.day-arrow-up-s-line:before { content: "\e070"; }
.day-arrow-down-s-line:before { content: "\e071"; }
.day-time-line:before { content: "\e072"; }
.day-user-3-line:before { content: "\e073"; }
.day-youtube-line:before { content: "\e074"; }
.day-images:before { content: "\e075"; }
.day-volume-up-line:before { content: "\e076"; }
.day-pushpin-fill:before { content: "\e077"; }
.day-fire-fill:before { content: "\e078"; }
.day-behance-fill:before { content: "\e079"; }
.day-soundcloud-fill:before { content: "\e07a"; }
.day-tumblr-fill:before { content: "\e07b"; }
.day-stack-overflow-fill:before { content: "\e07c"; }
.day-vimeo-fill:before { content: "\e07d"; }
.day-moon-stars:before { content: "\e07e"; }
.day-sun-fill:before { content: "\e07f"; }
.day-twitter-fill:before { content: "\e080"; }
.day-logo-ps:before { content: "\e902"; }
.day-eye:before { content: "\e903"; }
.day-menu:before { content: "\e904"; }
.day-news_paper:before { content: "\e905"; }
.day-search:before { content: "\e906"; }
.day-search1:before { content: "\e907"; }
.day-arrow-up:before { content: "\e908"; }
.day-right-quote3:before { content: "\e909"; }
.day-left-quote3:before { content: "\e90a"; }
.day-quotes-right2:before { content: "\e90b"; }
.day-quotes-left2:before { content: "\e90c"; }
.day-soundcloud2:before { content: "\e90d"; }
.day-soundcloud1:before { content: "\e90e"; }
.day-volume-lowtw1:before { content: "\e90f"; }
.day-mictw:before { content: "\e910"; }
.day-telegramtw1:before { content: "\e911"; }
.day-headphonestw1:before { content: "\e912"; }
.day-stoptw:before { content: "\e913"; }
.day-playtw2:before { content: "\e914"; }
.day-filmtw1:before { content: "\e915"; }
.day-playtw21:before { content: "\e916"; }
.day-moon:before { content: "\e917"; }
.day-sun:before { content: "\e918"; }
.day-file-picture:before { content: "\e919"; }
.day-camera:before { content: "\e91a"; }
.day-image1:before { content: "\e91b"; }
.day-imagestw1:before { content: "\e91c"; }
.day-eye1:before { content: "\e91d"; }
.day-chevron-up1:before { content: "\e91e"; }
.day-quote-right:before { content: "\e91f"; }
.day-quote-left:before { content: "\e920"; }
.day-feed:before { content: "\e921"; }
.day-feed1:before { content: "\e922"; }
.day-link2:before { content: "\e923"; }
.day-locate:before { content: "\e924"; }
.day-point1:before { content: "\e925"; }
.day-printer2:before { content: "\e926"; }
.day-comment:before { content: "\e927"; }
.day-printer:before { content: "\e928"; }
.day-mode_comment:before { content: "\e929"; }
.day-printer1:before { content: "\e92a"; }
.day-comments2:before { content: "\e92b"; }
.day-content_copy:before { content: "\e92c"; }
.day-instagramtw2:before { content: "\e92d"; }
.day-time:before { content: "\e92e"; }
.day-time1:before { content: "\e92f"; }
.day-copy:before { content: "\e930"; }
.day-copy1:before { content: "\e931"; }
.day-aparat:before { content: "\e935"; }
.day-cloob:before { content: "\e936"; }
.day-fz3:before { content: "\e955"; }
.day-fz1:before { content: "\e956"; }
.day-share:before { content: "\e957"; }
.day-close:before { content: "\e95c"; }
.day-phone1:before { content: "\e962"; }
.day-home3:before { content: "\e96e"; }
.day-qrcode:before { content: "\e979"; }
.day-youtube:before { content: "\e97e"; }
.day-language:before { content: "\e97f"; }
.day-iran:before { content: "\e980"; }
.day-igap:before { content: "\e981"; }
.day-wispi:before { content: "\e982"; }
.day-soroush:before { content: "\e983"; }
.day-gap:before { content: "\e984"; }
.day-Eitaa:before { content: "\e985"; }
.day-bale:before { content: "\e986"; }
.day-rubika:before { content: "\e987"; }
.day-linkedin:before { content: "\e988"; }
.day-linkedin1:before { content: "\e989"; }
.day-pinterest:before { content: "\e98a"; }
.day-link1:before { content: "\e9cb"; }
.day-cancel-circle:before { content: "\ea0d"; }
.day-facebook:before { content: "\ea90"; }
.day-whatsapp:before { content: "\ea93"; }
.day-twitter:before { content: "\ea96"; }
.day-appleinc:before { content: "\eabe"; }
.day-android:before { content: "\eac0"; }
.day-square1:before { content: "\f0c8"; }
.day-circle:before { content: "\f111"; }

/* -------------------------------------------------------------
   تنظیمات عمومی و ریست استاندارد (Reset Rules)
------------------------------------------------------------- */
*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: 'Vazirmatn', sans-serif;
    scroll-behavior: smooth;
}

body {
    background-color: #f9fafb;
    color: #1f2937;
    font-family: 'Vazirmatn', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

button, input, textarea {
    font-family: inherit;
    font-size: 100%;
    color: inherit;
    background: none;
    border: none;
    outline: none;
}

button {
    cursor: pointer;
}

.max-w-7xl {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* -------------------------------------------------------------
   هدر سایت (Site Header)
------------------------------------------------------------- */
.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 40;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #f3f4f6;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.mobile-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #4b5563;
    border-radius: 9999px;
    font-size: 1.25rem;
    transition: background-color 150ms;
}

.mobile-menu-btn:active {
    background-color: #f3f4f6;
}

.logo-link {
    display: flex;
    align-items: center;
}

.logo-img {
    height: 3rem;
    width: auto;
    object-fit: contain;
}

/* اصلاح چیدمان منوی دسکتاپ وردپرس و حذف کامل نقطه‌ها و بولت‌های اضافی */
.desktop-nav {
    display: none; /* در موبایل مخفی است */
}

@media (min-width: 768px) {
    .desktop-nav {
        display: flex !important; /* فعال شدن در نمایش دسکتاپ */
        align-items: center;
    }
    
    .desktop-nav ul.desktop-menu-list {
        display: flex !important;
        align-items: center;
        gap: 1.5rem;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .desktop-nav ul.desktop-menu-list li {
        list-style: none !important;
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .desktop-nav ul.desktop-menu-list li a {
        color: #4b5563;
        font-weight: 700;
        font-size: 0.875rem;
        transition: color 150ms;
        padding-bottom: 0.25rem;
        text-decoration: none;
    }
    
    .desktop-nav ul.desktop-menu-list li a:hover,
    .desktop-nav ul.desktop-menu-list li.current-menu-item > a {
        color: #b80010;
        border-bottom: 2px solid #b80010;
    }
}

.header-left {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* فاصله مناسب و منظم بین دو آیکون سرچ و همبرگری در موبایل */
}

.search-form {
    display: none;
    position: relative;
    width: 16rem;
}

.search-input {
    width: 100%;
    padding-left: 2.25rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #f3f4f6;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    color: #374151;
    transition: box-shadow 150ms;
}

.search-input:focus {
    box-shadow: 0 0 0 1px #b80010;
}

.search-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 0.75rem;
    color: #9ca3af;
    transition: color 150ms;
}

.search-btn:hover {
    color: #b80010;
}

.mobile-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #4b5563;
    border-radius: 9999px;
    font-size: 1.25rem;
    transition: background-color 150ms;
}

.mobile-search-btn:active {
    background-color: #f3f4f6;
}

/* -------------------------------------------------------------
   جستجوی تمام صفحه موبایل (Mobile Search Overlay)
------------------------------------------------------------- */
.mobile-search-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 50;
    display: none;
    opacity: 0;
    transition: opacity 300ms;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem;
    padding-top: 4rem;
}

.mobile-search-card {
    background-color: #ffffff;
    width: 100%;
    max-width: 32rem;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: translateY(-2.5rem);
    transition: transform 300ms;
    position: relative;
}

.mobile-search-close {
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: #9ca3af;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #f9fafb;
    transition: color 150ms;
}

.mobile-search-close:hover {
    color: #4b5563;
}

.mobile-search-title {
    font-weight: 800;
    color: #0f2e59;
    margin-bottom: 1rem;
    font-size: 0.75rem;
}

.mobile-search-input-wrapper {
    position: relative;
}

.mobile-search-input {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    color: #374151;
}

.mobile-search-input:focus {
    box-shadow: 0 0 0 1px #b80010;
}

.mobile-search-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 0.75rem;
    color: #9ca3af;
}

/* -------------------------------------------------------------
   دسته‌بندی‌های موبایل (Mobile Categories Scroll)
------------------------------------------------------------- */
.mobile-categories {
    display: flex;
    overflow-x: auto;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    position: -webkit-sticky;
    position: sticky;
    top: 53px;
    z-index: 30;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #f3f4f6;
}

.category-btn {
    background-color: #f3f4f6;
    color: #4b5563;
    padding: 0.375rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 150ms;
}

.category-btn:hover {
    background-color: #e5e7eb;
}

.category-btn.active {
    background-color: #b80010;
    color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* -------------------------------------------------------------
   گرید اصلی صفحات دسکتاپ (Main Layout Grid)
------------------------------------------------------------- */
.main-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1rem;
}

.main-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sidebar-column {
    display: none;
    flex-direction: column;
    gap: 1.5rem;
}

/* -------------------------------------------------------------
   بخش خبر ویژه بورس (Featured Box)
------------------------------------------------------------- */
.featured-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
}

.featured-image-wrapper {
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background-color: #e5e7eb;
    cursor: pointer;
}

.featured-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms;
}

.featured-image-wrapper:hover .featured-image {
    transform: scale(1.05);
}

.featured-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.editor-choice-tag {
    font-size: 0.75rem;
    color: #b80010;
    font-weight: 700;
    margin-bottom: 0.25rem;
    display: block;
}

.featured-title {
    font-size: 0.875rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.625;
    cursor: pointer;
    transition: color 150ms;
}

.featured-title:hover {
    color: #b80010;
}

.featured-summary {
    font-size: 0.75rem;
    color: #4b5563;
    margin-top: 0.5rem;
    line-height: 1.625;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.featured-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    font-size: 0.6875rem;
    color: #9ca3af;
}

.category-badge {
    background-color: #f3f4f6;
    color: #374151;
    padding: 0.125rem 0.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
}

/* اخبار مرتبط */
.related-list {
    margin-top: 1.25rem;
    list-style: none !important;
    list-style-type: none !important;
    padding: 0;
}

.related-item {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    list-style: none !important;
    list-style-type: none !important;
}

.related-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #4b5563;
    transition: color 150ms;
}

.related-link:hover {
    color: #b80010;
}

.bullet-dot {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
    background-color: rgba(184, 0, 16, 0.7);
    flex-shrink: 0;
    transition: background-color 150ms;
}

.related-link:hover .bullet-dot {
    background-color: #b80010;
}

.related-title-text {
    font-size: 0.75rem;
    line-height: 1.625;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -------------------------------------------------------------
   کارت‌های خبر ورودی (Latest News Cards)
------------------------------------------------------------- */
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.section-title {
    font-weight: 900;
    color: #111827;
    border-right: 4px solid #b80010;
    padding-right: 0.5rem;
    font-size: 0.875rem;
}

.section-more-link {
    font-size: 0.75rem;
    color: #b80010;
    font-weight: 700;
}

.section-more-link:hover {
    text-decoration: underline;
}

.latest-news-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.news-card {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0.75rem;
    display: flex;
    gap: 0.75rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
    transition: box-shadow 150ms;
}

.news-card:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.news-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-card-title {
    font-weight: 700;
    font-size: 0.75rem;
    color: #1f2937;
    line-height: 1.625;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.6875rem;
    color: #9ca3af;
    margin-top: 0.5rem;
}

.news-card-badge {
    background-color: #f9fafb;
    color: #4b5563;
    padding: 0.125rem 0.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
}

.news-card-image-wrapper {
    width: 5rem;
    height: 5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f3f4f6;
}

.news-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* -------------------------------------------------------------
   ویجت‌های سایدبار دسکتاپ (Sidebar Widgets)
------------------------------------------------------------- */
.sidebar-widget {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
}

.widget-title {
    font-weight: 900;
    color: #111827;
    border-right: 4px solid #b80010;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.popular-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none !important;
}

.popular-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    list-style: none !important;
}

.popular-number {
    font-size: 1.5rem;
    font-weight: 900;
    color: #e5e7eb;
    transition: color 150ms;
    line-height: 1;
}

.popular-item:hover .popular-number {
    color: #b80010;
}

.popular-text {
    font-size: 0.75rem;
    font-weight: 700;
    color: #374151;
    line-height: 1.625;
    transition: color 150ms;
}

.popular-item:hover .popular-text {
    color: #b80010;
}

.political-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none !important;
}

.political-item {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    list-style: none !important;
}

.political-image-wrapper {
    width: 4rem;
    height: 4rem;
    border-radius: 0.75rem;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f3f4f6;
}

.political-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.political-title {
    font-size: 0.75rem;
    font-weight: 700;
    color: #0f2e59;
    line-height: 1.625;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color 150ms;
}

.political-item:hover .political-title {
    color: #b80010;
}

/* -------------------------------------------------------------
   فوتر سایت (Site Footer)
------------------------------------------------------------- */
.site-footer {
    background-color: #0a1d37;
    color: #9ca3af;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-top: 3rem;
    border-top: 1px solid #0f2e59;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.footer-title {
    color: #ffffff;
    font-weight: 800;
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.footer-text {
    font-size: 0.75rem;
    line-height: 1.625;
    color: #9ca3af;
}

.footer-links {
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none !important;
}

.footer-link {
    transition: color 150ms;
}

.footer-link:hover {
    color: #ffffff;
}

.social-links {
    display: flex;
    gap: 0.75rem;
    font-size: 1.125rem;
    margin-top: 0.5rem;
}

.social-link {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    background-color: #142e52;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 150ms, color 150ms;
}

.social-link:hover {
    background-color: #b80010;
    color: #ffffff;
}

.footer-copyright {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #142e52;
    text-align: center;
    font-size: 0.75rem;
    color: #6b7280;
}

/* -------------------------------------------------------------
   منوی ناوبری پایینی موبایل (Mobile Bottom Nav)
------------------------------------------------------------- */
.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-top: 1px solid #f3f4f6;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.03);
    padding: 0.5rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 40;
}

.bottom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    color: #9ca3af;
    transition: color 150ms;
}

.bottom-nav-item.active {
    color: #b80010;
}

.bottom-nav-text {
    font-size: 0.625rem;
    font-weight: 700;
}

/* -------------------------------------------------------------
   منوی کشویی موبایل (Mobile Sidebar Draw)
------------------------------------------------------------- */
.sidebar-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
    display: none;
    opacity: 0;
    transition: opacity 300ms;
}

.mobile-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 18rem;
    background-color: #ffffff;
    z-index: 50;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: translateX(100%);
    transition: transform 300ms ease-in-out;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f4f6;
}

.sidebar-title {
    font-weight: 800;
    color: #111827;
}

.sidebar-close-btn {
    color: #9ca3af;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #f9fafb;
    transition: color 150ms;
}

.sidebar-close-btn:hover {
    color: #4b5563;
}

/* تنظیم استایل منوی کشویی موبایل بر اساس ساختار وردپرس */
.sidebar-nav {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none !important;
    padding: 0 !important;
    margin-right: 0 !important;
}

/* حذف کامل نقطه‌ها و بولت‌های لیست در منوی کشویی */
.sidebar-nav li {
    list-style: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* استایل‌دهی به لینک‌های داخلی منوی کشویی موبایل */
.sidebar-nav li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #374151;
    padding: 0.625rem 0.75rem;
    border-radius: 0.75rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background-color 150ms, color 150ms;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

/* استایل حالت هاور و آیتم فعال منو */
.sidebar-nav li a:hover,
.sidebar-nav li.current-menu-item > a {
    background-color: #f9fafb;
    color: #b80010;
}

.sidebar-footer {
    border-top: 1px solid #f3f4f6;
    padding-top: 1rem;
    text-align: center;
    font-size: 0.6875rem;
    color: #9ca3af;
}

/* -------------------------------------------------------------
   ۱۵. بخش استایل‌های واکنش‌گرا و مدیا کوئری‌ها (Responsive Media Queries)
------------------------------------------------------------- */

/* استایل‌های مخصوص تبلت و لپ‌تاپ (Medium screens - 768px and up) */
@media (min-width: 768px) {
    .site-body {
        padding-bottom: 0px;
    }
    
    .mobile-menu-btn {
        display: none;
    }
    
    .logo-img {
        height: 3.5rem;
    }
    
    .desktop-nav {
        display: flex !important; /* رفع ابهام و فعال شدن منو در دسکتاپ */
        align-items: center;
    }
    
    .search-form {
        display: block;
    }
    
    .mobile-search-btn {
        display: none;
    }
    
    .mobile-categories {
        display: none;
    }
    
    .featured-box {
        grid-template-columns: 3fr 2fr;
        padding: 1.25rem;
    }
    
    .featured-title {
        font-size: 1rem;
    }
    
    .related-title-text {
        font-size: 0.75rem;
    }
    
    .section-title {
        font-size: 1rem;
    }
    
    .latest-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .news-card-image-wrapper {
        width: 6rem;
        height: 6rem;
    }
    
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .bottom-nav {
        display: none;
    }
}

@media (min-width: 1024px) {
    .main-grid {
        grid-template-columns: 2fr 1fr;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .sidebar-column {
        display: flex;
    }
}

/* -------------------------------------------------------------
   استایل‌های اختصاصی صفحه تک‌خبر (Single Page Specific CSS)
   ------------------------------------------------------------- */
.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #6b7280;
    padding: 1rem;
    margin-bottom: -1rem;
}

.breadcrumbs a:hover {
    color: #b80010;
}

.breadcrumbs .separator {
    font-size: 0.625rem;
    color: #9ca3af;
}

.article-container {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
}

@media (min-width: 768px) {
    .article-container {
        padding: 2rem;
    }
}

.article-category {
    display: inline-block;
    background-color: rgba(184, 0, 16, 0.1);
    color: #b80010;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    margin-bottom: 0.75rem;
}

.article-main-title {
    font-size: 1.25rem;
    font-weight: 900;
    color: #111827;
    line-height: 1.5;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .article-main-title {
        font-size: 1.75rem;
    }
}

.article-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: 0.75rem;
    color: #6b7280;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.article-meta-item {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.article-meta-item i {
    color: #0f2e59;
    font-size: 0.875rem;
}

.article-lead {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #374151;
    line-height: 1.8;
    border-right: 4px solid #b80010;
    padding-right: 1rem;
    margin-bottom: 1.5rem;
}

.article-featured-img {
    width: 100%;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.article-body-content {
    font-size: 0.9375rem;
    color: #1f2937;
    line-height: 1.9;
}

.article-body-content p {
    margin-bottom: 1.25rem;
    text-align: justify;
}

.article-body-content h3 {
    font-size: 1.125rem;
    font-weight: 800;
    color: #0f2e59;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
}

.article-quote {
    background-color: #f9fafb;
    border-right: 4px solid #0f2e59;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.article-quote i {
    font-size: 1.5rem;
    color: #b80010;
    line-height: 1;
}

.article-quote-text {
    font-style: italic;
    color: #4b5563;
    font-weight: 600;
    font-size: 0.875rem;
}

.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.tag-btn {
    font-size: 0.75rem;
    background-color: #f3f4f6;
    color: #4b5563;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    transition: background-color 150ms, color 150ms;
}

.tag-btn:hover {
    background-color: #0f2e59;
    color: #ffffff;
}

/* دکمه‌های اشتراک‌گذاری */
.share-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9fafb;
    border-radius: 0.75rem;
    padding: 1rem;
    margin-top: 1.5rem;
}

.share-title {
    font-size: 0.8125rem;
    font-weight: 800;
    color: #0f2e59;
}

.share-icons {
    display: flex;
    gap: 0.5rem;
}

.share-icon-btn {
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 0.875rem;
    transition: opacity 150ms;
}

.share-icon-btn:hover {
    opacity: 0.9;
}

.share-tg { background-color: #0088cc; }
.share-wa { background-color: #25d366; }
.share-tw { background-color: #000000; }

/* بخش دیدگاه‌ها */
.comments-section {
    margin-top: 2rem;
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
}

@media (min-width: 768px) {
    .comments-section {
        padding: 2rem;
    }
}

.comments-title {
    font-size: 1rem;
    font-weight: 900;
    color: #111827;
    border-right: 4px solid #b80010;
    padding-right: 0.5rem;
    margin-bottom: 1.5rem;
}

.comment-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .form-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.form-input, .form-textarea {
    width: 100%;
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    color: #1f2937;
    transition: border-color 150ms, box-shadow 150ms;
}

.form-input:focus, .form-textarea:focus {
    border-color: #b80010;
    box-shadow: 0 0 0 1px #b80010;
    background-color: #ffffff;
}

.form-textarea {
    height: 7rem;
    resize: none;
}

.form-submit-btn {
    align-self: flex-start;
    background-color: #b80010;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.8125rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    transition: background-color 150ms;
}

.form-submit-btn:hover {
    background-color: #90000a;
}

.comments-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.comment-card {
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 1.25rem;
}

.comment-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.comment-author-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.comment-avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    background-color: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b5563;
    font-weight: bold;
    font-size: 0.875rem;
}

.comment-author-name {
    font-weight: 800;
    font-size: 0.8125rem;
    color: #0f2e59;
}

.comment-date {
    font-size: 0.6875rem;
    color: #9ca3af;
}

.comment-reply-btn {
    font-size: 0.6875rem;
    color: #b80010;
}

.comment-reply-btn:hover {
    text-decoration: underline;
}

.comment-body {
    font-size: 0.8125rem;
    color: #4b5563;
    line-height: 1.8;
    padding-right: 3.25rem;
    text-align: justify;
}

/* -------------------------------------------------------------
   آرشیو و درباره ما (Archive & About Us)
------------------------------------------------------------- */
.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

/* همگام‌سازی و استایل‌دهی صفحه‌بندی بومی وردپرس */
.pagination-container .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: 1px solid #f3f4f6;
    color: #4b5563;
    font-size: 0.8125rem;
    font-weight: 700;
    transition: all 150ms;
    text-decoration: none;
}

.pagination-container a.page-numbers:hover {
    background-color: #f3f4f6;
    color: #b80010;
}

.pagination-container .page-numbers.current {
    background-color: #b80010;
    color: #ffffff;
    border-color: #b80010;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.pagination-container .page-numbers.dots {
    background-color: transparent;
    border-color: transparent;
    color: #9ca3af;
    cursor: default;
}

.about-section {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f3f4f6;
}

@media (min-width: 768px) {
    .about-section {
        padding: 2rem;
    }
}

.about-features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .about-features-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.about-feature-card {
    background-color: #f9fafb;
    border-radius: 0.75rem;
    padding: 1.25rem;
    text-align: center;
    border: 1px solid #f3f4f6;
}

.about-feature-icon {
    font-size: 2rem;
    color: #b80010;
    margin-bottom: 0.75rem;
    display: inline-block;
}

.about-feature-title {
    font-size: 0.875rem;
    font-weight: 800;
    color: #0f2e59;
    margin-bottom: 0.5rem;
}

.about-feature-text {
    font-size: 0.75rem;
    color: #4b5563;
    line-height: 1.7;
}

.contact-info-widget {
    background-color: #f9fafb;
    border-radius: 0.75rem;
    padding: 1.25rem;
    border: 1px solid #f3f4f6;
    margin-top: 2rem;
}

.contact-info-title {
    font-size: 0.9375rem;
    font-weight: 800;
    color: #0f2e59;
    margin-bottom: 1rem;
}

.contact-info-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contact-info-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.8125rem;
    color: #4b5563;
}

.contact-info-item i {
    color: #b80010;
    font-size: 1rem;
}

/* -------------------------------------------------------------
   دکمه بازگشت به بالا (Back to Top Button)
------------------------------------------------------------- */
.back-to-top {
    position: fixed;
    bottom: 5rem;
    left: 1.5rem;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #b80010;
    color: #ffffff;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 45;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms, transform 300ms, visibility 300ms, background-color 150ms;
    transform: translateY(1rem);
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background-color: #0f2e59;
}

@media (min-width: 768px) {
    .back-to-top {
        bottom: 2rem;
        left: 2rem;
    }
}